BEGIN:VCALENDAR
VERSION:2.0
PRODID:-//https://techplay.jp//JP
CALSCALE:GREGORIAN
METHOD:PUBLISH
X-WR-CALDESC:【フルスタック Next.js 開発入門！】初心者向
 けハンズオン勉強会【② / 全3回】
X-WR-CALNAME:【フルスタック Next.js 開発入門！】初心者向
 けハンズオン勉強会【② / 全3回】
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:980579@techplay.jp
SUMMARY:【フルスタック Next.js 開発入門！】初心者向けハ
 ンズオン勉強会【② / 全3回】
DTSTART;TZID=Asia/Tokyo:20250511T160000
DTEND;TZID=Asia/Tokyo:20250511T180000
DTSTAMP:20260607T022522Z
CREATED:20250504T104124Z
DESCRIPTION:イベント詳細はこちら\nhttps://techplay.jp/event/98057
 9?utm_medium=referral&utm_source=ics&utm_campaign=ics\n\nReact 初心者
 向けの、ハンズオン形式のオンライン勉強会です👋\n
 事前に作成した資料があるので、それを参照しながら
 、ハンズオン形式で、Reactのミニアプリを構築します
 ！\n実際に手を動かして、その場で質問・相談しなが
 ら、楽しくReactを学んでいきましょうー！\n❓このハン
 ズオン勉強会についての紹介記事\n今回のお題\n\n作成
 するアプリ：民泊アプリ\nレベル：実践編\n概要：この
 プロジェクトでは、Airbnb のような「民泊」シェアアプ
 リを構築します。\n宿泊施設を所有する人（ホスト）
 が、自宅やスペースを登録し、旅行者（ゲスト）がそ
 れらの施設を予約できるプラットフォームです。\n全 3
  回のシリーズについて\n毎週開催している、２時間の
 ハンズオン勉強会では、1つの技術トピックにフォーカ
 スして、簡単なミニアプリを構築しています。\n今回
 は、２時間では作りきれない、より実践的なアプリを3
 週（2時間×3回）で、構築します！Next.js を用いたフル
 スタックアプリのプロトタイプとして、様々な形で応
 用ができる構成になっています。\n日程は下記を予定
 しています：\n\n第１回：5/4（日） 16時〜18時\n第２回
 ：5/11（日） 16時〜18時\n第３回：5/18（日） 16時〜18時\n
 \n（全３回を予定していますが、進捗によっては全２
 回で完成する場合もあります。）\n学習する内容：\n\n
 今回のテーマは、Next.js アプリでのフルスタックアプ
 リケーション開発です。\n基本的な、コンポーネント
 設計、ルーティング、状態管理を始め、API 連携、DB 操
 作などについて、確認してください。\n使用技術：\n\nN
 ext.js 15 App Router\nClerk による認証機能\nSupabase によるデ
 ータベースの活用\nSupabase Storage による画像アップロー
 ド\nTypeScript による型チェック\nTailwind CSS を用いたスタ
 イリング\nshadcn/ui によるコンポーネントの導入\n\nこん
 な初心者におすすめ！\n\nReact の基本的な扱いに慣れて
 きた方\n\nプラットフォーム・UGC アプリの開発につい
 て学びたい方\n\n\nNext.js におけるデータベース/APIを用
 いた実装に入門したい方\n\nReact エンジニアとしての転
 職/就職を目指している方\nReact/ Next.js を使った簡単な
 プロジェクトにチャレンジしてみたい方\n\n要件：\n\nNo
 de.js 環境（v18.18.0 以上）が構築されたPCが必要です\n\n\
 nGit/ GitHub環境（アカウント）の用意\nHTML/CSS/JavaScriptの
 基礎知識が必要です\n\n\nReactの基礎（Progateレベルの内
 容）は理解している前提の内容となっております\nNext.
 jsの基礎（公式チュートリアルレベルの内容）は理解
 している前提の内容となっております\nその他、ハン
 ズオン中には、利用するサービスへのユーザー登録が
 必要です。\n\n開催概要\n➡️場所：Google Meet を予定(オ
 ンライン開催）音声のみでOKです！\n申し込みが完了す
 ると「参加者への情報」という場所に、URLが表示され
 ます。\nなお、Google Meetへの参加は、Google アカウント
 が必要です！\n➡️参加費1500円 (当日 PayPay or stripeによ
 るカード決済にて都合の良い方法で受け取ります。)\n
 注意事項\n下記を、ご確認ください：\n\n\n実際に手を
 動かして、一緒に作業をするハンズオン形式のワーク
 ショップとして進行します。\n\n視聴のみで参加するこ
 とも、全く問題ないです！\n登壇者の発表（LT）を視聴
 する形式の、セミナーではありませんのでご注意くだ
 さい。\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参考キーワ
 ード\nwebアプリ開発\, HTML\, CSS\, JavaScript\,TypeScript\, React.
 js\, Node.js\, Next.js\, Github\, コミュニティ\, もくもく会\, 
 ハンズオンワークショップ
LOCATION:
URL:https://techplay.jp/event/980579?utm_medium=referral&utm_source=ics&utm
 _campaign=ics
END:VEVENT
END:VCALENDAR