BEGIN:VCALENDAR
VERSION:2.0
PRODID:-//https://techplay.jp//JP
CALSCALE:GREGORIAN
METHOD:PUBLISH
X-WR-CALDESC:【初心者向けハンズオン勉強会】Next.js におけ
 るフォーム+セキュリティ入門
X-WR-CALNAME:【初心者向けハンズオン勉強会】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:990179@techplay.jp
SUMMARY:【初心者向けハンズオン勉強会】Next.js における
 フォーム+セキュリティ入門
DTSTART;TZID=Asia/Tokyo:20251221T160000
DTEND;TZID=Asia/Tokyo:20251221T180000
DTSTAMP:20260425T160236Z
CREATED:20251215T155050Z
DESCRIPTION:イベント詳細はこちら\nhttps://techplay.jp/event/99017
 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今回のテーマは、React/ Next.js におけるフ
 ォームの実装+セキュリティについてです。\n特に、従
 来のReact Hook Form\, Zod を使用したフォームから、サーバ
 ーアクションと組み合わせたフォーム実装について、
 理解を深めてください。\nそして、2025 年 12 月 3 日、Re
 act Server Components (RSC) プロトコルに重大な脆弱性（React2
 Shell）に関する公式のブログが公開されました。\nこれ
 を中心に、改めて Next.js におけるセキュリティについ
 ても確認してください🙌\n\nNext.js 16 App Router\nNext.js に
 おけるセキュリティの基本\nReact Hook Form によるフォー
 ム構築\nZod によるスキーマのバリデーション\nTypeScript 
 による型チェック\nTailwind CSS を用いたスタイリング\n\n
 この勉強会を通して、React/Next.js を使った成果物を１
 つ構築することを目指します！_\nこんな初心者におす
 すめ！\n\nReact/Next.js の基本的な扱いに慣れてきた方\n
 フォーム実装・各種ライブラリについて学びたい方\nRe
 act エンジニアとしての転職/就職を目指している方\nRea
 ct/ Next.js を使った簡単なプロジェクトにチャレンジし
 てみたい方\n\n要件：\n\nNode.js 環境（v18.18.0 以上）が構
 築されたPCが必要です\n\n\nGit/ GitHub環境（アカウント）
 の用意\nHTML/CSS/JavaScriptの基礎知識が必要です\n\n\nReact
 の基礎（Progateレベルの内容）は理解している前提の内
 容となっております\n\n開催概要\n➡️場所：Google Meet 
 を予定(オンライン開催）音声のみでOKです！\n申し込
 みが完了すると「参加者への情報」という場所に、URL
 が表示されます。\nなお、Google Meetへの参加は、Google 
 アカウントが必要です！\n➡️参加費1500円 (当日 PayPay 
 or stripeによるカード決済にて都合の良い方法で受け取
 ります。)\n注意事項\n下記を、ご確認ください：\n\n実
 際に手を動かして、一緒に作業をするハンズオン形式
 のワークショップとして進行します。\n視聴のみで参
 加することも、全く問題ないです！\n登壇者の発表（LT
 ）を視聴する形式の、セミナーではありませんのでご
 注意ください。\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\, CSS\
 , JavaScript\,TypeScript\, React.js\, Node.js\, Next.js\, Github\, コミ
 ュニティ\, もくもく会\, ハンズオンワークショップ
LOCATION:
URL:https://techplay.jp/event/990179?utm_medium=referral&utm_source=ics&utm
 _campaign=ics
END:VEVENT
END:VCALENDAR