BEGIN:VCALENDAR
VERSION:2.0
PRODID:-//https://techplay.jp//JP
CALSCALE:GREGORIAN
METHOD:PUBLISH
X-WR-CALDESC:【Next.js/ 認証・決済入門】ハンズオン勉強会 
 【① / 全2回】
X-WR-CALNAME:【Next.js/ 認証・決済入門】ハンズオン勉強会 
 【① / 全2回】
X-WR-TIMEZONE:Asia/Tokyo
BEGIN:VTIMEZONE
TZID:Asia/Tokyo
BEGIN:STANDARD
DTSTART:19700101T000000
TZOFFSETFROM:+0900
TZOFFSETTO:+0900
TZNAME:JST
END:STANDARD
END:VTIMEZONE
BEGIN:VEVENT
UID:985726@techplay.jp
SUMMARY:【Next.js/ 認証・決済入門】ハンズオン勉強会 【①
  / 全2回】
DTSTART;TZID=Asia/Tokyo:20250907T160000
DTEND;TZID=Asia/Tokyo:20250907T180000
DTSTAMP:20260607T053843Z
CREATED:20250828T101228Z
DESCRIPTION:イベント詳細はこちら\nhttps://techplay.jp/event/98572
 6?utm_medium=referral&utm_source=ics&utm_campaign=ics\n\nReact 初心者
 向けの、ハンズオン形式のオンライン勉強会です👋\n
 事前に作成した資料があるので、それを参照しながら
 、ハンズオン形式で、Reactのミニアプリを構築します
 ！\n実際に手を動かして、その場で質問・相談しなが
 ら、楽しくReactを学んでいきましょうー！\n❓このハン
 ズオン勉強会についての紹介記事\n今回のお題\n\n作成
 するアプリ：\nコンテンツ販売アプリ（EC サイト）\nレ
 ベル：実践編\n概要：\nこのプロジェクトでは、デジタ
 ルコンテンツ（記事・電子書籍）を販売するECサイト
 を構築します。\nコンテンツサービスで有名な、note の
 ように記事の有料・無料での公開ができたり、Zennのよ
 うに本の有料・無料での公開ができる機能を実装しま
 す。\n全 2 回のシリーズについて\n毎週開催している、
 ２時間のハンズオン勉強会では、1つの技術トピックに
 フォーカスして、簡単なミニアプリを構築しています
 。\n今回は、２時間では作りきれない、より実践的な
 アプリを2週（2時間×2回）で、構築します！一般に公
 開し、実運用していくアプリのクローンです！\n日程
 は下記を予定しています：（2回目から参加される方は
 、最初にその時点までのソースコードをクローンする
 形で進めます！）\n\n第１回：9/7（日） 16時〜18時\n第
 ２回：9/14（日） 16時〜18時\n\nこの勉強会で学習する内
 容：\n今回のテーマは、2つです！\n\nAuth.js を用いた認
 証機能の実装\nStripe を使用した商品の購入（決済）フ
 ロー\n\n使用技術：\n\nAuth.js v5 による認証(GitHub ソーシ
 ャルログイン)\nStripe による電子決済\nSupabase を使用し
 たデータ管理\nGitHub API によるコンテンツ取得\nNext.js 15
  App Routerでのプロジェクト構築\nTypeScript による型チェ
 ック\nTailwind CSS を用いたスタイリング\nshadcn/ui による
 コンポーネントの導入\n\nこの勉強会を通して、実際に
 運用していける Next.js アプリを構築することを目指し
 ます！\nこんな初心者におすすめ！\n\nReact の基本的な
 扱いに慣れてきた方\nEC 機能付きのアプリについて学
 びたい方\nNext.js における認証・決済の実装に入門した
 い方\nReact エンジニアとしての転職/就職を目指してい
 る方\nReact/ Next.js を使った簡単なプロジェクトにチャ
 レンジしてみたい方\n\n要件：\n\nNode.js 環境（v18.18.0 以
 上）が構築されたPCが必要です\n開発時には、Stripe の
 アカウント作成が必要です\nGit/ GitHub環境（アカウント
 ）の用意\nHTML/CSS/JavaScriptの基礎知識が必要です\nReactの
 基礎（Progateレベルの内容）は理解している前提の内容
 となっております\nNext.jsの基礎（公式チュートリアル
 レベルの内容）は理解している前提の内容となってお
 ります\n\n開催概要\n➡️場所：Google Meet を予定(オンラ
 イン開催）音声のみでOKです！\n申し込みが完了すると
 「参加者への情報」という場所に、URLが表示されます
 。\nなお、Google Meetへの参加は、Google アカウントが必
 要です！\n➡️参加費1500円 (当日 PayPay or stripeによるカ
 ード決済にて都合の良い方法で受け取ります。)\n注意
 事項\n下記を、ご確認ください：\n\n実際に手を動かし
 て、一緒に作業をするハンズオン形式のワークショッ
 プとして進行します。\n視聴のみで参加することも、
 全く問題ないです！\n主催者の画面・音声は動画収録
 されることがありますのでご了承ください。\n勉強会
 終了後も、継続的に資料へアクセスするには、b13o.com 
 のアカウントが必要です。\n無断欠席・遅刻は、ご遠
 慮ください。\n勧誘、迷惑行為、ハラスメント、マウ
 ンティング行為をはじめ、このイベントの趣旨にそぐ
 わないと主催が判断した場合はご参加をお断りする場
 合がございます。\n\n当日のスケジュールの流れ\nハン
 ズオン中は、資料を見ながら一緒に作業を進めていけ
 ればと思います！（音声・チャットで、リアルタイム
 でリアクションや質問ができます）\n\n\n\n時間\n内容\n\
 n\n\n\n16:00〜16:10\n最初の挨拶\n\n\n16:10〜16:20\n仕様確認＆
 開発準備\n\n\n16:20〜17:50\nハンズオン開始\n\n\n17:50〜\n終
 わりの挨拶など\n\n\n\nその他：\n\n実際は、時間内で、
 進めるところまでタスクを進める形になります。\n時
 間内に完成しない場合でも、大まかな解説と手順を記
 載した資料を、配布いたします！\nなので、勉強会中
 は、ゆっくり・たくさん質問して頂ければと思います
 ！！\n\nハンズオンの最中は、たくさんリアクションを
 して、盛り上げていただけるとありがたいです！（進
 めるスピードなどの、進行に関するご意見も大歓迎で
 す！）\n運営情報\n\nReact で、実践的なスキルチェック
 ができる、学習のお題まとめサイト『React Road』のハン
 ズオンイベントです🐾\n参考キーワード\nwebアプリ開
 発\, HTML\, CSS\, JavaScript\,TypeScript\, React.js\, Node.js\, Next.js\
 , Github\, コミュニティ\, もくもく会\, ハンズオンワー
 クショップ
LOCATION:
URL:https://techplay.jp/event/985726?utm_medium=referral&utm_source=ics&utm
 _campaign=ics
END:VEVENT
END:VCALENDAR