BEGIN:VCALENDAR
VERSION:2.0
PRODID:-//https://techplay.jp//JP
CALSCALE:GREGORIAN
METHOD:PUBLISH
X-WR-CALDESC:【リアルタイムチャット入門！】初心者向け R
 eact /Next.js ハンズオン勉強会
X-WR-CALNAME:【リアルタイムチャット入門！】初心者向け R
 eact /Next.js ハンズオン勉強会
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:980965@techplay.jp
SUMMARY:【リアルタイムチャット入門！】初心者向け React 
 /Next.js ハンズオン勉強会
DTSTART;TZID=Asia/Tokyo:20250525T160000
DTEND;TZID=Asia/Tokyo:20250525T180000
DTSTAMP:20260607T014234Z
CREATED:20250514T083929Z
DESCRIPTION:イベント詳細はこちら\nhttps://techplay.jp/event/98096
 5?utm_medium=referral&utm_source=ics&utm_campaign=ics\n\nReact 初心者
 向けの、ハンズオン形式のオンライン勉強会です👋\n
 事前に作成した資料があるので、それを参照しながら
 、ハンズオン形式で、Reactのミニアプリを構築します
 ！\n実際に手を動かして、その場で質問・相談しなが
 ら、楽しくReactを学んでいきましょうー！\n❓このハン
 ズオン勉強会についての紹介記事\n今回のお題\n\n作成
 するアプリ：リアルタイムチャットアプリ（Gather 風）
 \nレベル：中級\n概要：このプロジェクトでは、Gather 
 や Ovice などのバーチャルオフィスアプリのような、リ
 アルタイムチャットアプリを構築します。\n現在参加
 しているメンバーのみが、リアルタイムにチャットを
 送信・閲覧できるように実装します！\n学習する内容
 ：\n今回のテーマは、React/ Next.js におけるリアルタイ
 ムチャットの実装について、学習します。\n特に、Socke
 t.io を使用したリアルタイム処理の流れ（クライアン
 ト・サーバー）と、Next.js AppRouter における実装につい
 て、理解を深めてください。\n\nNext.js 15 App Router\nSocket.
 io によるリアルタイム通信\nTailwind CSS を用いたスタイ
 リング\nShadcn/ui のコンポーネントの活用\nTypeScript によ
 る型チェック\nGitHub Pages へのデプロイ\n\nこの勉強会を
 通して、React/Next.js を使った成果物を１つ構築するこ
 とを目指します！_\nこんな初心者におすすめ！\n\nReact/
 Next.js の基本的な扱いに慣れてきた方\n\nリアルタイム
 チャット機能について学びたい方\n\nReact エンジニアと
 しての転職/就職を目指している方\nReact/ Next.js を使っ
 た簡単なプロジェクトにチャレンジしてみたい方\n\n要
 件：\n\n\nNode.js 環境（v18.18.0 以上）が構築されたPCが必
 要です\n\n\nGit/ GitHub環境（アカウント）の用意\n\n\nHTML/
 CSS/JavaScriptの基礎知識が必要です\n\n\nReactの基礎（Progat
 eレベルの内容）は理解している前提の内容となってお
 ります\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視聴のみで参加すること
 も、全く問題ないです！\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参考キーワ
 ード\nwebアプリ開発\, HTML\, CSS\, JavaScript\,TypeScript\, React.
 js\, Node.js\, Next.js\, Github\, コミュニティ\, もくもく会\, 
 ハンズオンワークショップ
LOCATION:
URL:https://techplay.jp/event/980965?utm_medium=referral&utm_source=ics&utm
 _campaign=ics
END:VEVENT
END:VCALENDAR