BEGIN:VCALENDAR
VERSION:2.0
PRODID:-//https://techplay.jp//JP
CALSCALE:GREGORIAN
METHOD:PUBLISH
X-WR-CALDESC:【MDX + Cloudflare 入門！】初心者向け Next.js ハン
 ズオン勉強会
X-WR-CALNAME:【MDX + Cloudflare 入門！】初心者向け 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:981278@techplay.jp
SUMMARY:【MDX + Cloudflare 入門！】初心者向け Next.js ハンズ
 オン勉強会
DTSTART;TZID=Asia/Tokyo:20250601T160000
DTEND;TZID=Asia/Tokyo:20250601T180000
DTSTAMP:20260607T145559Z
CREATED:20250521T141114Z
DESCRIPTION:イベント詳細はこちら\nhttps://techplay.jp/event/98127
 8?utm_medium=referral&utm_source=ics&utm_campaign=ics\n\nReact 初心者
 向けの、ハンズオン形式のオンライン勉強会です👋\n
 事前に作成した資料があるので、それを参照しながら
 、ハンズオン形式で、Reactのミニアプリを構築します
 ！\n実際に手を動かして、その場で質問・相談しなが
 ら、楽しくReactを学んでいきましょうー！\n❓このハン
 ズオン勉強会についての紹介記事\n今回のお題\n\n作成
 するアプリ：AI プロンプト管理ツール\nレベル：初級
 〜中級\n概要：このプロジェクトでは、普段の作業で
 使えるようなプロンプトを管理するツールを構築しま
 す。\nプロンプトのテンプレート、それに沿ったフォ
 ーム、作成したプロンプトの保存ができるようにしま
 す！\n学習する内容：\n今回のテーマは、React/ Next.js に
 おけるMDX（markdown）の実装について、学習します。\n特
 に、MDX の基本的な扱いと、next-mdx-remote-client を使用し
 た柔軟なコンパイル処理について、理解を深めてくだ
 さい。\nそして、 Next.js アプリを、Cloudflare（＠opennext
 ） へデプロイしていきます！\n\nNext.js 15 App Router\n@mdx-j
 s/mdx によるMDX（md）の導入\nnext-mdx-remote-client による動
 的な解析\nTailwind CSS を用いたスタイリング\nShadcn/ui の
 コンポーネントの活用\nTypeScript による型チェック\nClou
 dflare（＠opennext） へのデプロイ\n\nこの勉強会を通して
 、React/Next.js を使った成果物を１つ構築することを目
 指します！\nこんな初心者におすすめ！\n\nReact/Next.js 
 の基本的な扱いに慣れてきた方\n\nNext.js における、MDX
 やマークダウンの扱いについて学びたい方\n\n\nCloudflare
  への最新のデプロイ方法ついて学びたい方\n\nReact エ
 ンジニアとしての転職/就職を目指している方\nReact/ Nex
 t.js を使った簡単なプロジェクトにチャレンジしてみ
 たい方\n\n要件：\n\nNode.js 環境（v18.18.0 以上）が構築さ
 れたPCが必要です\nGit/ GitHub環境（アカウント）の用意\
 nHTML/CSS/JavaScriptの基礎知識が必要です\nReactの基礎（Prog
 ateレベルの内容）は理解している前提の内容となって
 おります\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/981278?utm_medium=referral&utm_source=ics&utm
 _campaign=ics
END:VEVENT
END:VCALENDAR