BEGIN:VCALENDAR
VERSION:2.0
PRODID:-//https://techplay.jp//JP
CALSCALE:GREGORIAN
METHOD:PUBLISH
X-WR-CALDESC:【初心者向けハンズオン！】Next.js で作るデス
 クトップアプリ勉強会（Electron 入門）
X-WR-CALNAME:【初心者向けハンズオン！】Next.js で作るデス
 クトップアプリ勉強会（Electron 入門）
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:982382@techplay.jp
SUMMARY:【初心者向けハンズオン！】Next.js で作るデスク
 トップアプリ勉強会（Electron 入門）
DTSTART;TZID=Asia/Tokyo:20250622T160000
DTEND;TZID=Asia/Tokyo:20250622T180000
DTSTAMP:20260607T221121Z
CREATED:20250613T101836Z
DESCRIPTION:イベント詳細はこちら\nhttps://techplay.jp/event/98238
 2?utm_medium=referral&utm_source=ics&utm_campaign=ics\n\nReact 初心者
 向けの、ハンズオン形式のオンライン勉強会です👋\n
 事前に作成した資料があるので、それを参照しながら
 、ハンズオン形式で、Reactのミニアプリを構築します
 ！\n実際に手を動かして、その場で質問・相談しなが
 ら、楽しくReactを学んでいきましょうー！\n❓このハン
 ズオン勉強会についての紹介記事\n今回のお題\n\n作成
 するアプリ：シンプルなショートカットアプリ\nレベ
 ル：中級〜\n概要：このプロジェクトでは、ローカル
 アプリの起動や、よくアクセスするサイトへのクイッ
 クアクセスができるアプリを構築します。\nよく使う
 アプリや、Webサイトを登録すると、PC のメニューバー
 からワンクリックで実行＆ブラウザ表示できる、デス
 クトップアプリです。\n学習する内容：\n今回のテーマ
 は、Electron と Next.js を組み合わせたデスクトップアプ
 リ開発について、学習します。\nNext.js アプリを、シス
 テムトレイ（Windows）・メニューバー（macOS）を使用し
 た、デスクトップアプリ化する流れについて、確認し
 てください。\n\nElectron によるクロスプラットフォーム
 デスクトップアプリ開発\nNext.js を用いた設定画面構築
 \nTypeScript による型チェック\nTailwind CSS を用いたスタイ
 リング\nshadcn/ui によるコンポーネントのコレクション\
 nreact-hook-form + Zod を使用したフォーム実装\nSWR による A
 PI ロジックの簡素化\n\nこの勉強会を通して、React/Next.j
 s を使った成果物を１つ構築することを目指します！_\
 nこんな初心者におすすめ！\n\nReact/Next.js の基本的な扱
 いに慣れてきた方\n\nNext.js でデスクトップアプリを構
 築する方法について学びたい方\n\nReact エンジニアとし
 ての転職/就職を目指している方\nReact/ Next.js を使った
 簡単なプロジェクトにチャレンジしてみたい方\n\n要件
 ：\n\nNode.js 環境（v18.18.0 以上）が構築されたPCが必要
 です\nGit/ GitHub環境（アカウント）の用意\nHTML/CSS/JavaScr
 iptの基礎知識が必要です\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視聴のみで参加することも、全く問
 題ないです！\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アプリ開発\, HTML\
 , CSS\, JavaScript\,TypeScript\, React.js\, Node.js\, Next.js\, Github\, 
 コミュニティ\, もくもく会\, ハンズオンワークショッ
 プ
LOCATION:
URL:https://techplay.jp/event/982382?utm_medium=referral&utm_source=ics&utm
 _campaign=ics
END:VEVENT
END:VCALENDAR