BEGIN:VCALENDAR
VERSION:2.0
PRODID:-//https://techplay.jp//JP
CALSCALE:GREGORIAN
METHOD:PUBLISH
X-WR-CALDESC:【JAMstack ブログでテスト入門！】React/Next.js ハ
 ンズオン【① / 全2回】
X-WR-CALNAME:【JAMstack ブログでテスト入門！】React/Next.js ハ
 ンズオン【① / 全2回】
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:984109@techplay.jp
SUMMARY:【JAMstack ブログでテスト入門！】React/Next.js ハン
 ズオン【① / 全2回】
DTSTART;TZID=Asia/Tokyo:20250727T160000
DTEND;TZID=Asia/Tokyo:20250727T180000
DTSTAMP:20260430T190617Z
CREATED:20250721T081653Z
DESCRIPTION:イベント詳細はこちら\nhttps://techplay.jp/event/98410
 9?utm_medium=referral&utm_source=ics&utm_campaign=ics\n\nReact 初心者
 向けの、ハンズオン形式のオンライン勉強会です👋\n
 事前に作成した資料があるので、それを参照しながら
 、ハンズオン形式で、Reactのミニアプリを構築します
 ！\n実際に手を動かして、その場で質問・相談しなが
 ら、楽しくReactを学んでいきましょうー！\n❓このハン
 ズオン勉強会についての紹介記事\n今回のお題\n\n作成
 するアプリ：JAMstack ブログアプリ\nレベル：初級〜中
 級\n概要：このプロジェクトでは、microCMS を使用した
 シンプルなブログアプリを構築します。\nビルド時に
 静的 HTML を生成することで、従来のWebサイトより、表
 示速度を向上させた JAMstack ブログです。\n全 2 回のシ
 リーズについて\n毎週開催している、２時間のハンズ
 オン勉強会では、1つの技術トピックにフォーカスして
 、簡単なミニアプリを構築しています。\n今回は、２
 時間では作りきれない、より実践的なアプリを2週（2
 時間×2回）で、構築します！\n日程は下記を予定して
 います：\n\n第１回：7/27（日） 16時〜18時\n第２回：8/3
 （日） 16時〜18時\n\nReact 開発の基本を、実践的に振り
 返りたい方におすすめです！\n学習する内容：\n今回の
 テーマは、2つです！\n\nNext.js と microCMS を用いた JAMstac
 k ブログの実装\nVitest を用いたフロントエンドテスト
 入門\n\n使用技術：\n\nVitest によるテストの実装\nTesting 
 Library/ React による DOM テスト\nMSW によるAPIモック\nNext.j
 s App Routerでのプロジェクト構築\nTypeScript による型チェ
 ック\nTailwind CSS を用いたスタイリング\nshadcn/ui による
 コンポーネントの導入\nmicroCMS によるコンテンツの管
 理\n\nこの勉強会を通して、実際に運用していける Next.
 js ブログアプリを構築することを目指します！\nこん
 な初心者におすすめ！\n\nReact の基本的な扱いに慣れて
 きた方\nmicroCMS や JAMstack ブログの実装について学びた
 い方\nフロントエンドテストに入門したい方\nReact エン
 ジニアとしての転職/就職を目指している方\nReact/ Next.j
 s を使った簡単なプロジェクトにチャレンジしてみた
 い方\n\n要件：\n\nNode.js 環境（v18.18.0 以上）が構築され
 たPCが必要です\n開発時には、microCMS のアカウント作成
 が必要です\nGit/ GitHub環境（アカウント）の用意\nHTML/CS
 S/JavaScriptの基礎知識が必要です\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主催者の画面・音声は動画収録され
 ることがありますのでご了承ください。\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アプリ開発\, HT
 ML\, CSS\, JavaScript\,TypeScript\, React.js\, Node.js\, Next.js\, Github
 \, コミュニティ\, もくもく会\, ハンズオンワークショ
 ップ
LOCATION:
URL:https://techplay.jp/event/984109?utm_medium=referral&utm_source=ics&utm
 _campaign=ics
END:VEVENT
END:VCALENDAR