BEGIN:VCALENDAR
VERSION:2.0
PRODID:-//https://techplay.jp//JP
CALSCALE:GREGORIAN
METHOD:PUBLISH
X-WR-CALDESC:【Next.js 入門】初心者向けハンズオン勉強会（
 React19/ Server Actions)
X-WR-CALNAME:【Next.js 入門】初心者向けハンズオン勉強会（
 React19/ Server Actions)
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:986282@techplay.jp
SUMMARY:【Next.js 入門】初心者向けハンズオン勉強会（React
 19/ Server Actions)
DTSTART;TZID=Asia/Tokyo:20250921T160000
DTEND;TZID=Asia/Tokyo:20250921T180000
DTSTAMP:20260607T100610Z
CREATED:20250910T130310Z
DESCRIPTION:イベント詳細はこちら\nhttps://techplay.jp/event/98628
 2?utm_medium=referral&utm_source=ics&utm_campaign=ics\n\nReact 初心者
 向けの、ハンズオン形式のオンライン勉強会です👋\n
 事前に作成した資料があるので、それを参照しながら
 、ハンズオン形式で、Reactのミニアプリを構築します
 ！\n実際に手を動かして、その場で質問・相談しなが
 ら、楽しくReactを学んでいきましょうー！\n❓このハン
 ズオン勉強会についての紹介記事\n今回のお題\n\n作成
 するアプリ：\nロードマップ投票アプリ\nレベル：初級
 〜中級\n概要：\nこのプロジェクトでは、プロダクトの
 ロードマップ管理アプリを構築します。\n追加して欲
 しい機能の提案・投票・ステータス管理ができる、一
 般的なプロダクトロードマップアプリです。\n学習す
 る内容：\n今回のテーマは、React 19 の Server Actions を使
 用した非同期関数についてです。\n特に、クライアン
 トコンポーネントとサーバーサイドで実行される関数
 を組み合わせた、状態の更新方法について、確認して
 ください。\n\nActions を用いた非同期処理\nuseActionState 
 を使った状態更新\nuseOptimistic を使用した楽観的更新\nN
 ext.js 15/ App Routerでのプロジェクト構築\nTypeScript による
 型チェック\nTailwind CSS によるスタイリング\nshadcn/ui に
 よるコンポーネントの導入\n\nこの勉強会を通して、Rea
 ct/Next.js を使った成果物を１つ構築することを目指し
 ます！\nこんな初心者におすすめ！\n\nReact の基本的な
 扱いに慣れてきた方\nNext.js 15/ React 19 の内容について
 学びたい方\nReact エンジニアとしての転職/就職を目指
 している方\nReact/ Next.js を使った簡単なプロジェクト
 にチャレンジしてみたい方\n\n要件：\n\n\nNode.js(v18.18.0 ~
 ) 環境が構築されたPCが必要です\n\n\nGit/ GitHub環境（ア
 カウント）の用意\n\n\nHTML/CSS/JavaScriptの基礎知識が必要
 です\n\n\nReactの基礎（Progateレベルの内容）は理解して
 いる前提の内容となっております\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勉強会終了後も、継続的に資料
 へアクセスするには、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\,Type
 Script\, React.js\, Node.js\, Next.js\, Github\, コミュニティ\, も
 くもく会\, ハンズオンワークショップ
LOCATION:
URL:https://techplay.jp/event/986282?utm_medium=referral&utm_source=ics&utm
 _campaign=ics
END:VEVENT
END:VCALENDAR