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:975235@techplay.jp
SUMMARY:【React Hooks 入門】初心者向けハンズオン勉強会/ポ
 モドーロタイマー
DTSTART;TZID=Asia/Tokyo:20250315T160000
DTEND;TZID=Asia/Tokyo:20250315T180000
DTSTAMP:20260404T054343Z
CREATED:20250305T210500Z
DESCRIPTION:イベント詳細はこちら\nhttps://techplay.jp/event/97523
 5?utm_medium=referral&utm_source=ics&utm_campaign=ics\n\nReact 初心者
 向けの、ハンズオン形式のオンライン勉強会です👋\n
 事前に作成した資料があるので、\nそれを参照しなが
 ら、ハンズオン形式で、Reactのミニアプリを構築しま
 す！\n実際に手を動かして、その場で質問・相談しな
 がら、楽しくReactを学んでいきましょうー！\n❓このハ
 ンズオン勉強会についての紹介記事\n今回のお題\n\n作
 成するアプリ：\nポモドーロタイマー（with React Hooks）\
 nレベル：初級\n概要：\nこのプロジェクトでは、ポモ
 ドーロタイマーを構築します。\n25分の作業、5分の休
 憩を繰り替えすタイマーを実装し、残り時間を表示し
 ます。\n学習する内容：\n今回のテーマは、useRef を始
 めとする、React フックです。\nさまざまな、React Hooks 
 を組み合わせたアプリの構築について、確認してくだ
 さい。\n学習する内容：\n\nviteを用いたReact環境構築\nus
 eRef を用いた値の管理\nuseState と useRef の比較\nuseEffect 
 による副作用とクリーンナップ\nWeb Audio API の使用\nType
 Scriptによる型チェック\nTailwind CSS を用いたスタイリン
 グ\nGitHub Pagesへのデプロイ\n\nこの勉強会を通して、Reac
 tを使った成果物を１つ構築することを目指します！\n
 こんな初心者におすすめ！\n\nReactの基本的な扱いに慣
 れてきた方\nReact Hooks の使用について学びたい方\nReact
 エンジニアとしての転職/就職を目指している方\nReact
 を使った簡単なプロジェクトにチャレンジしてみたい
 方\n\n要件：\n\nNode.js(v18.18.0 ~) 環境が構築されたPCが必
 要です\nGit/ GitHub環境（アカウント）の用意\nHTML/CSS/Java
 Scriptの基礎知識が必要です\nReactの基礎（Progateレベル
 の内容）は理解している前提の内容となっております\
 n\n開催概要\n➡️場所：Gather(オンライン開催）\n音声
 のみでOKです！\n申し込みが完了すると「参加者への情
 報」という場所に、GatherのURLが表示されます。\n（Gathe
 rは、スマートフォン・PCどちらからでも、登録なしで
 参加することが可能です。）\nGatherは、まだそこまで
 メジャーなサービスではないので、\n会の始めに、Gathe
 rの操作などについて不明な点があればご説明いたしま
 す！\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〜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参考キーワード\nwebアプリ開発
 \, HTML\, CSS\, JavaScript\,TypeScript\, React.js\, Node.js\, Next.js\, G
 ithub\, コミュニティ\, もくもく会\, ハンズオンワーク
 ショップ
LOCATION:gather オンライン
URL:https://techplay.jp/event/975235?utm_medium=referral&utm_source=ics&utm
 _campaign=ics
END:VEVENT
END:VCALENDAR
