AI next.js React TypScript Claude
AIが先生!教材付きプログラミング入門【未経験→アプリ公開】
できること
■ このプランについて
「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を使えば、プログラミング未経験でも成果を出せる」
その方法を、体系的な教材とともにお伝えします。
注意事項・FAQ
Q: Claude Codeの課金は必要?
A: はい。教材がClaude Code前提のため、Pro以上(月額約$20)への加入が必要です。
Q: どのくらいで終わる?
A: 1セッション30〜60分 × 20セッション。週2〜3回ペースで約2ヶ月が目安。
Q: プログラミング経験ゼロでも大丈夫?
A: はい。「Webってどういう仕組み?」から始めます。
Q: 途中で詰まったらどうする?
A: まずClaude Codeに聞いてみてください。それでも解決しない場合はメッセージでサポートします。












![[未経験大歓迎]AWS・インフラ・サーバー・コンテナなどSREが現場で通用する技術をフォローします!](https://img.menta.work/500/plan/main_image/68e2462daf06a.jpg)
