BEGIN:VCALENDAR
VERSION:2.0
PRODID:-//https://techplay.jp//JP
CALSCALE:GREGORIAN
METHOD:PUBLISH
X-WR-CALDESC:【Next.js 入門】初心者向けハンズオン勉強会(Se
 ndGrid + API でのメール処理)
X-WR-CALNAME:【Next.js 入門】初心者向けハンズオン勉強会(Se
 ndGrid + API でのメール処理)
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:983258@techplay.jp
SUMMARY:【Next.js 入門】初心者向けハンズオン勉強会(SendGri
 d + API でのメール処理)
DTSTART;TZID=Asia/Tokyo:20250706T160000
DTEND;TZID=Asia/Tokyo:20250706T180000
DTSTAMP:20260508T230250Z
CREATED:20250702T112750Z
DESCRIPTION:イベント詳細はこちら\nhttps://techplay.jp/event/98325
 8?utm_medium=referral&utm_source=ics&utm_campaign=ics\n\nReact 初心者
 向けの、ハンズオン形式のオンライン勉強会です👋\n
 事前に作成した資料があるので、それを参照しながら
 、ハンズオン形式で、Reactのミニアプリを構築します
 ！\n実際に手を動かして、その場で質問・相談しなが
 ら、楽しくReactを学んでいきましょうー！\n❓このハン
 ズオン勉強会についての紹介記事\n今回のお題\n\n作成
 するアプリ：プロダクト事前予約アプリ（with SendGrid）
 \nレベル：初級〜中級\n概要：このプロジェクトでは、
 架空の新サービス「もくもく React」の事前予約サイト
 を構築します。\nユーザーが事前予約を行うと、予約
 確認メールが自動送信され、管理者にも通知が届くよ
 うにします。\n学習する内容：\n今回は、SendGrid を使用
 したメール送信機能について、学習します。Next.js に
 よる API を活用したサーバーサイド処理や、HTML メール
 テンプレートの作成方法について、確認してください
 。\n\nSendGrid を用いたメール送信機能\nNext.js App Router を
 用いたフルスタック開発\nTypeScript による型チェック\nT
 ailwind CSS を用いたスタイリング\nshadcn/ui を用いた UI 構
 築\nReact Hook Form を用いたフォーム管理\nZod を用いたフ
 ォームバリデーション\n\nこの勉強会を通して、Reactを
 使った成果物を１つ構築することを目指します！\nこ
 んな初心者におすすめ！\n\nReactの基本的な扱いに慣れ
 てきた方\nNext.js におけるメール処理 について学びた
 い方\nReactエンジニアとしての転職/就職を目指してい
 る方\nReactを使った簡単なプロジェクトにチャレンジし
 てみたい方\n\n要件：\n\nNode.js 環境（v18.18.0 以上）が構
 築されたPCが必要です\nGit/ GitHub環境（アカウント）の
 用意\nHTML/CSS/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
 勉強会終了後も、継続的に資料へアクセスするには、b
 13o.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\, CSS\, JavaScript\,TypeScript\, React.js\, Node.js\,
  Next.js\, Github\, コミュニティ\, もくもく会\, ハンズオ
 ンワークショップ
LOCATION:
URL:https://techplay.jp/event/983258?utm_medium=referral&utm_source=ics&utm
 _campaign=ics
END:VEVENT
END:VCALENDAR