BEGIN:VCALENDAR
VERSION:2.0
PRODID:-//https://techplay.jp//JP
CALSCALE:GREGORIAN
METHOD:PUBLISH
X-WR-CALDESC:【React/ 状態管理入門】初心者向けハンズオン
 勉強会(マインドマップアプリ構築）
X-WR-CALNAME:【React/ 状態管理入門】初心者向けハンズオン
 勉強会(マインドマップアプリ構築）
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:988147@techplay.jp
SUMMARY:【React/ 状態管理入門】初心者向けハンズオン勉強
 会(マインドマップアプリ構築）
DTSTART;TZID=Asia/Tokyo:20251102T160000
DTEND;TZID=Asia/Tokyo:20251102T180000
DTSTAMP:20260424T050639Z
CREATED:20251026T100847Z
DESCRIPTION:イベント詳細はこちら\nhttps://techplay.jp/event/98814
 7?utm_medium=referral&utm_source=ics&utm_campaign=ics\n\nReact 初心者
 向けの、ハンズオン形式のオンライン勉強会です👋\n
 事前に用意した資料があるので、それを参照しながら
 、ハンズオン形式で、Reactのミニアプリを構築します
 ！\n実際に手を動かして、その場で質問・相談しなが
 ら、楽しくReactを学んでいきましょうー！\n❓このハン
 ズオン勉強会についての紹介記事\n今回のお題\n\n作成
 するアプリ：\nマインドマップアプリ\nレベル：初級〜
 中級\n概要：\nこのプロジェクトでは、実用的な、Figma 
 風のマインドマップアプリを構築します。\n親要素ブ
 ロックに対し、子要素ブロックを繋げていくことで、
 関係性を視覚的に表現することができます。\n学習す
 る内容：\n今回のテーマは、Jotai を使用した、グロー
 バルな状態管理です。\nコンポーネント間でのデータ
 共有、アトムベースの状態管理、ローカルストレージ
 連携などの実装を確認してください。\n\nJotai を用いた
 グローバルな状態管理\nReact Flow を使用したノードベー
 スのダイアグラム\nVite を用いた React 環境構築\nTypeScrip
 t による型チェック\nTailwind CSS を用いたスタイリング\n
 shadcn/ui を用いたコンポーネント\n\nこの勉強会を通し
 て、Reactを使った成果物を１つ構築することを目指し
 ます！\nこんな初心者におすすめ！\n\nReactの基本的な
 扱いに慣れてきた方\nReact の状態管理/実践的なプラク
 ティスを学びたい方\nReactエンジニアとしての転職/就
 職を目指している方\nReactを使った簡単なプロジェクト
 にチャレンジしてみたい方\n\n要件：\n\nNode.js(v18.18.0 ~) 
 環境が構築されたPCが必要です\nGit/ GitHub環境（アカウ
 ント）の用意\nHTML/CSS/JavaScriptの基礎知識が必要です\n\n
 \nReactの基礎（Progateレベルの内容）は理解している前
 提の内容となっております\n\n開催概要\n➡️場所：Goog
 le Meet を予定(オンライン開催）音声のみでOKです！\n申
 し込みが完了すると「参加者への情報」という場所に
 、URLが表示されます。\nなお、Google Meetへの参加は、Goo
 gle アカウントが必要です！\n➡️参加費1500円 (当日 Pay
 Pay 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/988147?utm_medium=referral&utm_source=ics&utm
 _campaign=ics
END:VEVENT
END:VCALENDAR