【全20セッション教材付き】Claude Code×Next.jsで学ぶ！未経験→アプリ公開

できること

■ このプランについて

「AIを使ってプログラミングを学びたいけど、何から始めればいいかわからない」
そんな方のために、現役CTOが作ったAI学習教材を使って、
プログラミングの基礎からWebアプリ公開まで学べるプランです。

AIコーディングアシスタント「Claude Code」をパートナーにして、
わからないことはAIに聞き放題。人間の先生と違って、
何度聞いても嫌な顔をされないので、気兼ねなく学習を進められます。

もちろん、AIだけでは解決できない疑問や
「そもそもどう進めればいいかわからない」という時は、
私にメッセージで相談いただけます。

■ 何ができるようになる？

✅ Webの仕組み（URLを入力→ページが表示されるまで）を理解できる
✅ HTML/CSS/JavaScript/TypeScriptの基礎が書ける
✅ Next.js（React）でWebページを作れる
✅ ログイン機能・データ保存ができるアプリを作れる
✅ 自分が作ったアプリをインターネットに公開できる
✅ AIを活用した開発の進め方が身につく

最終的に「AIと一緒なら、自分で調べて・考えて・作れる」状態を目指します。

■ 教材の内容（全20セッション）

1セッション30〜60分。自分のペースで進められます。

【フェーズ0】準備・Git入門（Session 0〜2）
・開発環境のセットアップ
・Git/GitHubの基礎（セーブポイントの作り方）
・学習ノート（Obsidian）の使い方

【フェーズA】プログラミングの基礎（Session 3〜8）
・Webの仕組み（HTML/CSS/JavaScript）
・JavaScriptの基礎（変数・関数・配列・ループ）
・TypeScript入門（型の概念）
※ この段階は自分でコードを書いて、AIにレビューしてもらうスタイル

【フェーズB】Next.jsでWebページを作る（Session 9〜14）
・React/Next.jsの基礎
・コンポーネント（部品）で画面を作る考え方
・ルーティング・フォーム・イベント処理
・Tailwind CSSでデザイン

【フェーズC】アプリを完成させて公開（Session 15〜20）
・Supabase（データベース・ログイン機能）
・データの読み書き・API連携
・ミニアプリの完成
・Vercelでインターネットに公開！

■ このプランの特徴

🤖 AIが先生 — Claude Codeが理解度に合わせて教えてくれます
📚 体系的な教材 — 全20セッション、ステップバイステップ
💬 聞き放題 — AIには何度でも気兼ねなく質問OK
🏗️ 実践重視 — 最終的に自分のアプリを公開するところまで
👨‍💻 現役CTOのサポート — AIで解決できない疑問はメッセージで対応

■ こんな人におすすめ

・プログラミング完全未経験だけど、Webアプリを作ってみたい
・AIを使った開発に興味がある
・独学で挫折した経験がある（AIが伴走するので続けやすい）
・将来エンジニアとして働きたい
・自分のサービスやアプリを作りたい

■ 必要なもの

・PC（Mac / Windows）
・Claude Pro（月額約$20 ≒ 約3,000円）※AIパートナーの利用に必要
・やる気！

※ Claude Codeの課金は別途必要です。
教材はClaude Codeを前提に作られているため、
Pro以上のプランへの加入をお願いしています。

■ サポート内容

・オリジナル学習教材（next-ai-camp）の配布
・メッセージでの質問対応（24時間以内に返信）
・学習の進め方・つまずきポイントのアドバイス
・カリキュラムの進捗確認

■ メンターについて

ベンチャー企業でCTOを10年やっています。
Claude Code MAXプランを実務で使い倒しており、
AIポッドキャスト自動生成やX自動運用Botなど、
AI駆動開発の実践経験が豊富です。

「AIを使えば、プログラミング未経験でも成果を出せる」
その方法を、体系的な教材とともにお伝えします。