BEGIN:VCALENDAR
VERSION:2.0
PRODID:-//https://techplay.jp//JP
CALSCALE:GREGORIAN
METHOD:PUBLISH
X-WR-CALDESC:【React Hooks 入門】初心者向けハンズオン勉強
 会/ポモドーロタイマー
X-WR-CALNAME:【React Hooks 入門】初心者向けハンズオン勉強
 会/ポモドーロタイマー
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:990672@techplay.jp
SUMMARY:【React Hooks 入門】初心者向けハンズオン勉強会/ポ
 モドーロタイマー
DTSTART;TZID=Asia/Tokyo:20260104T160000
DTEND;TZID=Asia/Tokyo:20260104T180000
DTSTAMP:20260424T212207Z
CREATED:20251231T090136Z
DESCRIPTION:イベント詳細はこちら\nhttps://techplay.jp/event/99067
 2?utm_medium=referral&utm_source=ics&utm_campaign=ics\n\nReact 初心者
 向けの、ハンズオン形式のオンライン勉強会です👋\n
 事前に用意した資料があるので、それを参照しながら
 、ハンズオン形式で、Reactのミニアプリを構築します
 ！\n実際に手を動かして、その場で質問・相談しなが
 ら、楽しくReactを学んでいきましょうー！\n❓このハン
 ズオン勉強会についての紹介記事\n今回のお題\n\n作成
 するアプリ：\nポモドーロタイマー（with React Hooks）\n
 概要：\nこのプロジェクトでは、ポモドーロタイマー
 を構築します。\n25分の作業、5分の休憩を繰り替えす
 タイマーを実装し、残り時間を表示します。\nこの勉
 強会で学習する内容：\n今回のテーマは、useRef を始め
 とする、React フックです。\nさまざまな、React Hooks を
 組み合わせたアプリの構築について、確認してくださ
 い。\n使用技術：\n\nviteを用いたReact環境構築\nuseRef を
 用いた値の管理\nuseState と useRef の比較\nuseEffect による
 副作用とクリーンナップ\nWeb Audio API の使用\nTypeScriptに
 よる型チェック\nTailwind CSS を用いたスタイリング\nGitHu
 b Pagesへのデプロイ\n\nこの勉強会を通して、Reactを使っ
 た成果物を１つ構築することを目指します！\nこんな
 初心者におすすめ！\n\nReactの基本的な扱いに慣れてき
 た方\nReact Hooks の使用について学びたい方\nReactエンジ
 ニアとしての転職/就職を目指している方\nReactを使っ
 た簡単なプロジェクトにチャレンジしてみたい方\n\n要
 件：\n\n\nNode.js(v18.18.0 ~) 環境が構築されたPCが必要です
 \n\n\nGit/ GitHub環境（アカウント）の用意\n\n\nHTML/CSS/JavaS
 criptの基礎知識が必要です\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アプリ開発\, HT
 ML\, CSS\, JavaScript\,TypeScript\, React.js\, Node.js\, Next.js\, Github
 \, コミュニティ\, もくもく会\, ハンズオンワークショ
 ップ
LOCATION:
URL:https://techplay.jp/event/990672?utm_medium=referral&utm_source=ics&utm
 _campaign=ics
END:VEVENT
END:VCALENDAR