BEGIN:VCALENDAR
VERSION:2.0
PRODID:-//https://techplay.jp//JP
CALSCALE:GREGORIAN
METHOD:PUBLISH
X-WR-CALDESC:【Next.js 16/ PPR 入門！】初心者向けハンズオン
 勉強会
X-WR-CALNAME:【Next.js 16/ PPR 入門！】初心者向けハンズオン
 勉強会
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:988819@techplay.jp
SUMMARY:【Next.js 16/ PPR 入門！】初心者向けハンズオン勉強
 会
DTSTART;TZID=Asia/Tokyo:20251116T160000
DTEND;TZID=Asia/Tokyo:20251116T180000
DTSTAMP:20260424T110918Z
CREATED:20251110T092715Z
DESCRIPTION:イベント詳細はこちら\nhttps://techplay.jp/event/98881
 9?utm_medium=referral&utm_source=ics&utm_campaign=ics\n\nReact 初心者
 向けの、ハンズオン形式のオンライン勉強会です👋\n
 事前に用意した資料があるので、それを参照しながら
 、ハンズオン形式で、Reactのミニアプリを構築します
 ！\n実際に手を動かして、その場で質問・相談しなが
 ら、楽しくReactを学んでいきましょうー！\n❓このハン
 ズオン勉強会の講師/メンター紹介\n今回のお題\n\n作成
 するアプリ：\nクラウドファンディングアプリ\nレベル
 ：初級〜中級\n概要：\nこのプロジェクトでは、クラウ
 ドファンディングアプリを掲載するアプリのデモを構
 築します。\nプロジェクトをクリックすると、その詳
 細を確認することができ、支援することができるよう
 なサイトです。\n学習する内容：\n今回のテーマは、Nex
 t.js 16 のアップデート内容を中心に、PPR という新しい
 レンダリングパターンについてです。\n改めて、SSR(サ
 ーバーサイドレンダリング)と、SSG（静的サイト生成）
 について確認し、新しいレンダリングと、その実装方
 法について確認してください。\n\nNext.js 16/ App Router\nTyp
 eScript による型チェック\nTailwind CSS によるスタイリン
 グ\nshadcn/ui によるコンポーネントの導入\nJson-server を
 用いたモックサーバーの活用\n\nこの勉強会を通して、
 React/Next.js を使った成果物を１つ構築することを目指
 します！\nこんな初心者におすすめ！\n\nReact の基本的
 な扱いに慣れてきた方\nNext.js App Router について学びた
 い方\nNext.js 16 をキャッチアップしたい方\nReact エンジ
 ニアとしての転職/就職を目指している方\nReact/ Next.js 
 を使った簡単なプロジェクトにチャレンジしてみたい
 方\n\n要件：\n\nNode.js 環境（v20.9.0 以上）が構築されたP
 Cが必要です\nGit/ GitHub環境（アカウント）の用意\nHTML/C
 SS/JavaScriptの基礎知識が必要です\nReactの基礎（Progateレ
 ベルの内容）は理解している前提の内容となっており
 ます\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運営情報\n\nReact で、実践的なス
 キルチェックができる、学習のお題まとめサイト『Reac
 t Road』のハンズオンイベントです🐾\n参考キーワード\
 nwebアプリ開発\, HTML\, CSS\, JavaScript\,TypeScript\, React.js\, No
 de.js\, Next.js\, Github\, コミュニティ\, もくもく会\, ハン
 ズオンワークショップ
LOCATION:
URL:https://techplay.jp/event/988819?utm_medium=referral&utm_source=ics&utm
 _campaign=ics
END:VEVENT
END:VCALENDAR