バイブコーディングでローカルWeb開発します

【この教材について】 「はじめてのバイブコーディング×業務アプリ開発」全7レベルのうちのレベル4です。クラウドのツール（レベル3）を超え、自分のPC（ローカル環境）で本格的なWeb開発を行うステップです。 【教材に沿って自分のPCでWebシステムを開発します】 フレームワークに Next.js を使い、本物のコードを手元で自由に扱えるようにします。AIエディタ（Cursor）やターミナルのAIエージェント（Claude Code）を使い、「環境構築 → AIに依頼 → ローカルで確認 → 修正」の流れを localhost:3000 を見ながら回せるようになります。 【提供内容（1時間のサポート）】 ✓ 専用教材（PDF形式）：カリキュラム詳細、ローカル開発環境（Node.js / npm）の基礎、Cursor / Claude Code の使い方、プロンプトのポイント ✓ ハンズオンサポート（1時間）：ツールのセットアップ、ターミナルと npm run dev の基礎、一緒に手を動かしながらコード生成までサポート 【教材の内容】 ・ステップ1: 準備と環境構築（Node.js / npm、Cursor / Claude Code） ・ステップ2: ローカル開発環境と Next.js の基礎理解 ・ステップ3: AIツールを使ったコード生成 ・ステップ4: 実践プロジェクト（業務アプリなど）をローカルで作成・動作確認 【作成できるアプリの例】 ToDo・タスク管理、顧客管理／在庫管理などの業務アプリ、予約／受付システム、売上ダッシュボード、ポートフォリオ／LP など 【使用ツール（お客様にご用意いただくもの）】 ・Cursor（AIエディタ）／ Claude Code（ターミナルのAIエージェント） ・Node.js / npm の実行環境 【プログラミング未経験者の方へ】 教材は未経験の方にもわかりやすく作成。環境構築は最初の1回だけ。ターミナル操作も基礎から説明します。 ※このレベルは「ローカルで動かすところまで」。データ保存・公開はレベル5以降です。 【納品物】 ・専用教材（PDF形式）／ローカルで動作する Next.js アプリ・ソースコード一式