BEGIN:VCALENDAR
VERSION:2.0
PRODID:-//https://techplay.jp//JP
CALSCALE:GREGORIAN
METHOD:PUBLISH
X-WR-CALDESC:【TanStack Query 入門】初心者向け React ハンズオ
 ン勉強会
X-WR-CALNAME:【TanStack Query 入門】初心者向け 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:982948@techplay.jp
SUMMARY:【TanStack Query 入門】初心者向け React ハンズオン勉
 強会
DTSTART;TZID=Asia/Tokyo:20250629T160000
DTEND;TZID=Asia/Tokyo:20250629T180000
DTSTAMP:20260510T095120Z
CREATED:20250625T141800Z
DESCRIPTION:イベント詳細はこちら\nhttps://techplay.jp/event/98294
 8?utm_medium=referral&utm_source=ics&utm_campaign=ics\n\nReact 初心者
 向けの、ハンズオン形式のオンライン勉強会です👋\n
 事前に作成した資料があるので、それを参照しながら
 、ハンズオン形式で、Reactのミニアプリを構築します
 ！\n実際に手を動かして、その場で質問・相談しなが
 ら、楽しくReactを学んでいきましょうー！\n❓このハン
 ズオン勉強会についての紹介記事\n今回のお題\n\n作成
 するアプリ：書籍管理アプリ（with TanStack Query）\nレベ
 ル：初級〜中級\n概要：このプロジェクトでは、Trello
 風の書籍管理アプリを構築します。\n本を「欲しい本
 」「購入した本」「読み終えた本」の3つのステータス
 で管理し、ドラッグ&ドロップで本の状態を更新できま
 す。\n学習する内容：\n今回のメインは、TanStack Query（R
 eact Query）を使用したサーバーの状態管理です。APIとの
 通信、データのキャッシュ管理、楽観的更新などの実
 装を確認してください。\n\nviteを用いたReact環境構築\nT
 ypeScriptによる型チェック\nTanStack Query を用いたサーバ
 ーの状態管理\nJSON Server を用いたモックAPI\nDrag and Drop A
 PI の活用\n\nこの勉強会を通して、Reactを使った成果物
 を１つ構築することを目指します！\nこんな初心者に
 おすすめ！\n\nReactの基本的な扱いに慣れてきた方\nTanSt
 ack Query について学びたい方\nReact/ Next.js アプリのデー
 タフェッチ・キャッシュを知りたい方\nReactエンジニア
 としての転職/就職を目指している方\nReactを使った簡
 単なプロジェクトにチャレンジしてみたい方\n\n要件：
 \n\nNode.js 環境（v18.18.0 以上）が構築されたPCが必要で
 す\nGit/ GitHub環境（アカウント）の用意\nHTML/CSS/JavaScript
 の基礎知識が必要です\nReactの基礎（Progateレベルの内
 容）は理解している前提の内容となっております\n\n開
 催概要\n➡️場所：Google Meet を予定(オンライン開催）
 音声のみでOKです！\n申し込みが完了すると「参加者へ
 の情報」という場所に、URLが表示されます。\nなお、Go
 ogle 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/982948?utm_medium=referral&utm_source=ics&utm
 _campaign=ics
END:VEVENT
END:VCALENDAR
