BEGIN:VCALENDAR
VERSION:2.0
PRODID:-//https://techplay.jp//JP
CALSCALE:GREGORIAN
METHOD:PUBLISH
X-WR-CALDESC:【リアルタイムチャット入門】初心者向け Next
 .js ハンズオン！(Socket io とは？)
X-WR-CALNAME:【リアルタイムチャット入門】初心者向け Next
 .js ハンズオン！(Socket io とは？)
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:991290@techplay.jp
SUMMARY:【リアルタイムチャット入門】初心者向け Next.js 
 ハンズオン！(Socket io とは？)
DTSTART;TZID=Asia/Tokyo:20260125T160000
DTEND;TZID=Asia/Tokyo:20260125T180000
DTSTAMP:20260425T075305Z
CREATED:20260117T181745Z
DESCRIPTION:イベント詳細はこちら\nhttps://techplay.jp/event/99129
 0?utm_medium=referral&utm_source=ics&utm_campaign=ics\n\nReact 初心者
 向けの、ハンズオン形式のオンライン勉強会です👋\n
 事前に作成した資料があるので、それを参照しながら
 、ハンズオン形式で、Reactのミニアプリを構築します
 ！\n実際に手を動かして、その場で質問・相談しなが
 ら、楽しくReactを学んでいきましょうー！\n❓このハン
 ズオン勉強会についての紹介記事\n今回のお題\n\n作成
 するアプリ：\nリアルタイムチャットアプリ（Gather 風
 ）\nレベル：中級\n概要：\nこのプロジェクトでは、Gath
 er や Ovice などのバーチャルオフィスアプリのような、
 リアルタイムチャットアプリを構築します。（UIは、
 水族館の水槽で泳ぐ魚がモチーフです！🐟）\n現在参
 加しているメンバーのみが、リアルタイムにチャット
 を送信・閲覧できるように実装します！\n学習する内
 容：\n今回のテーマは、React/ Next.js におけるリアルタ
 イムチャットの実装について、学習します。\n特に、So
 cket.io を使用したリアルタイム処理の流れ（クライア
 ント・サーバー）と、Next.js AppRouter における実装につ
 いて、理解を深めてください。\n\nNext.js 15 App Router\nSock
 et.io によるリアルタイム通信\nTailwind CSS を用いたスタ
 イリング\nShadcn/ui のコンポーネントの活用\nTypeScript に
 よる型チェック\n\nこの勉強会を通して、React/Next.js を
 使った成果物を１つ構築することを目指します！_\nこ
 んな初心者におすすめ！\n\nReact/Next.js の基本的な扱い
 に慣れてきた方\nリアルタイムチャット機能について
 学びたい方\nReact エンジニアとしての転職/就職を目指
 している方\nReact/ Next.js を使った簡単なプロジェクト
 にチャレンジしてみたい方\n\n要件：\n\nNode.js 環境（v20
 .20.0 以上）が構築されたPCが必要です\nGit/ GitHub環境（
 アカウント）の用意\nHTML/CSS/JavaScriptの基礎知識が必要
 です\nNext.jsの導入（公式チュートリアルが目安）は理
 解している前提の内容となっております\n\n開催概要\n
 ➡️場所：Google Meet を予定(オンライン開催）音声のみ
 でOKです！\n申し込みが完了すると「参加者への情報」
 という場所に、URLが表示されます。\nなお、Google Meetへ
 の参加は、Google アカウントが必要です！\n➡️参加費1
 500円 (当日 PayPay or stripeによるカード決済にて都合の良
 い方法で受け取ります。)\n【初参加モニター枠】：（
 初回のみ）この勉強会のレビューをシェアいただける
 場合は、参加費 500円（50% オフ）です！\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\, C
 SS\, JavaScript\,TypeScript\, React.js\, Node.js\, Next.js\, Github\, コ
 ミュニティ\, もくもく会\, ハンズオンワークショップ
LOCATION:
URL:https://techplay.jp/event/991290?utm_medium=referral&utm_source=ics&utm
 _campaign=ics
END:VEVENT
END:VCALENDAR