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:976708@techplay.jp
SUMMARY:【React/ 状態管理入門】初心者向けハンズオン勉強
 会(マインドマップアプリ構築）
DTSTART;TZID=Asia/Tokyo:20250329T160000
DTEND;TZID=Asia/Tokyo:20250329T180000
DTSTAMP:20260405T180146Z
CREATED:20250320T140522Z
DESCRIPTION:イベント詳細はこちら\nhttps://techplay.jp/event/97670
 8?utm_medium=referral&utm_source=ics&utm_campaign=ics\n\nReact 初心者
 向けの、ハンズオン形式のオンライン勉強会です👋\n
 事前に作成した資料があるので、\nそれを参照しなが
 ら、ハンズオン形式で、Reactのミニアプリを構築しま
 す！\n実際に手を動かして、その場で質問・相談しな
 がら、楽しくReactを学んでいきましょうー！\n❓このハ
 ンズオン勉強会についての紹介記事\n今回は、Google Meet
  での開催です！\n今回のお題\n\n作成するアプリ：\nマ
 インドマップアプリ\nレベル：初級〜中級\n概要：\nこ
 のプロジェクトでは、実用的な、Figma 風のマインドマ
 ップアプリを構築します。\n親要素ブロックに対し、
 子要素ブロックを繋げていくことで、関係性を視覚的
 に表現することができます。\n学習する内容：\n今回の
 テーマは、Jotai を使用した、グローバルな状態管理で
 す。\nコンポーネント間でのデータ共有、アトムベー
 スの状態管理、ローカルストレージ連携などの実装を
 確認してください。\n\nJotai を用いたグローバルな状態
 管理\nReact Flow を使用したノードベースのダイアグラム
 \nVite を用いた React 環境構築\nTypeScript による型チェッ
 ク\nTailwind CSS を用いたスタイリング\nshadcn/ui を用いた
 コンポーネント\n\nこの勉強会を通して、Reactを使った
 成果物を１つ構築することを目指します！\nこんな初
 心者におすすめ！\n\nReactの基本的な扱いに慣れてきた
 方\nReact の状態管理/実践的なプラクティスを学びたい
 方\nReactエンジニアとしての転職/就職を目指している
 方\nReactを使った簡単なプロジェクトにチャレンジして
 みたい方\n\n要件：\n\nNode.js(v18.18.0 ~) 環境が構築された
 PCが必要です\nGit/ GitHub環境（アカウント）の用意\nHTML/
 CSS/JavaScriptの基礎知識が必要です\nReactの基礎（Progateレ
 ベルの内容）は理解している前提の内容となっており
 ます\n\n開催概要\n➡️場所：Google Meet を予定(オンライ
 ン開催）\n音声のみでOKです！\n申し込みが完了すると
 「参加者への情報」という場所に、URLが表示されます
 。\nなお、Google Meetへの参加は、Google アカウントが必
 要です！\n➡️参加費\n1500円 (当日 PayPay or stripeによる
 カード決済にて都合の良い方法で受け取ります。)\n注
 意事項\n下記を、ご確認ください：\n\n登壇者の発表を
 視聴する形式の、セミナーではありませんのでご注意
 ください。\n実際に手を動かして、一緒に作業をする
 ハンズオン形式のワークショップです。\n無断欠席・
 遅刻は、ご遠慮ください。\n勧誘、迷惑行為、ハラス
 メント、マウンティング行為をはじめ、このイベント
 の趣旨にそぐわないと主催が判断した場合はご参加を
 お断りする場合がございます。\n\n当日のスケジュール
 の流れ\nハンズオン中は、資料を見ながら一緒に作業
 を進めていければと思います！\n（音声・チャットで
 、リアルタイムでリアクションや質問ができます）\n\n
 \n\n時間\n内容\n\n\n\n\n16:00〜16:10\n最初の挨拶\n\n\n16:10〜1
 6: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参考キーワード\nwebアプリ開
 発\, HTML\, CSS\, JavaScript\,TypeScript\, React.js\, Node.js\, Next.js\
 , Github\, コミュニティ\, もくもく会\, ハンズオンワー
 クショップ
LOCATION:Google Meet オンライン
URL:https://techplay.jp/event/976708?utm_medium=referral&utm_source=ics&utm
 _campaign=ics
END:VEVENT
END:VCALENDAR