学習方法

メンター情報

料金

対応時間帯

返信スピード

学習方法

メンター情報

料金

対応時間帯

返信スピード

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に聞いてみてください。それでも解決しない場合はメッセージでサポートします。

メンタープロフィール

なべ@ベンチャー企業CTO

最終ログイン:13時間前
契約実績:2
評価: 5.0

レビュー

レビューは投稿されていません。
このメンターの他のプラン
【無料相談歓迎】現役CTOによるWEBエンジニアサポート【駆け出し割中】
【無料相談歓迎】現役CTOによるWEBエンジニアサポート【駆け出し割中】
【無料相談歓迎】現役CTOによるWEBエンジニアサポート【駆け出し割中】
5.0 (2)
【現役CTO直伝】Claude Code×AI駆動開発で10倍速エンジニアに
【現役CTO直伝】Claude Code×AI駆動開発で10倍速エンジニアに
【現役CTO直伝】Claude Code×AI駆動開発で10倍速エンジニアに
【非エンジニア歓迎】Claude/AIで仕事を自動化する方法を1から教えます
【非エンジニア歓迎】Claude/AIで仕事を自動化する方法を1から教えます
【非エンジニア歓迎】Claude/AIで仕事を自動化する方法を1から教えます
あなたにおすすめの人気メンター
【未経験者歓迎】プログラミングからキャリア相談まで(初心者向学習)
【未経験者歓迎】プログラミングからキャリア相談まで(初心者向学習)
【未経験者歓迎】プログラミングからキャリア相談まで(初心者向学習)
3.5 (27)
個人ゲームアプリやWebサービスの喫茶店ガチレビューと、私ならではの情報提供
個人ゲームアプリやWebサービスの喫茶店ガチレビューと、私ならではの情報提供
個人ゲームアプリやWebサービスの喫茶店ガチレビューと、私ならではの情報提供
3.0 (2)
【未経験歓迎】開発歴10年の現役フリーランスが独学やポートフォリオ作成・就職活動をサポート
【未経験歓迎】開発歴10年の現役フリーランスが独学やポートフォリオ作成・就職活動をサポート
【未経験歓迎】開発歴10年の現役フリーランスが独学やポートフォリオ作成・就職活動をサポート
4.9 (64)
【初心者から中級者もOK】プログラミング基礎からプロダクト開発を分かりやすくお答えます!
【初心者から中級者もOK】プログラミング基礎からプロダクト開発を分かりやすくお答えます!
【初心者から中級者もOK】プログラミング基礎からプロダクト開発を分かりやすくお答えます!
4.5 (12)
ITスキルアップのためのお手伝いします。
ITスキルアップのためのお手伝いします。
ITスキルアップのためのお手伝いします。
5.0 (19)
CADなんでも相談ルーム
CADなんでも相談ルーム
CADなんでも相談ルーム
5.0 (2)
【転職成功実績あり】Ruby on RailsやReactの学習ポートフォリオ作成サポート
【転職成功実績あり】Ruby on RailsやReactの学習ポートフォリオ作成サポート
【転職成功実績あり】Ruby on RailsやReactの学習ポートフォリオ作成サポート
4.9 (81)
【初心者限定!】Ruby on Rails学習のサポート!単発相談、質問し放題、動画学習など5つのプランから選べます
【初心者限定!】Ruby on Rails学習のサポート!単発相談、質問し放題、動画学習など5つのプランから選べます
【初心者限定!】Ruby on Rails学習のサポート!単発相談、質問し放題、動画学習など5つのプランから選べます
4.9 (26)
ちょっと分からないんだけど・・・そんな疑問を解消できたら幸いです
ちょっと分からないんだけど・・・そんな疑問を解消できたら幸いです
ちょっと分からないんだけど・・・そんな疑問を解消できたら幸いです
5.0 (4)
【未経験対応🔰】スクール不要!独学エンジニア育成コース
【未経験対応🔰】スクール不要!独学エンジニア育成コース
【未経験対応🔰】スクール不要!独学エンジニア育成コース
4.4 (487)
【初心者・非エンジニア歓迎】Web開発の知識教えます!
【初心者・非エンジニア歓迎】Web開発の知識教えます!
【初心者・非エンジニア歓迎】Web開発の知識教えます!
5.0 (75)
【初心者歓迎】女性エンジニアが技術的質問・転職相談などslackでお答えします。
【初心者歓迎】女性エンジニアが技術的質問・転職相談などslackでお答えします。
【初心者歓迎】女性エンジニアが技術的質問・転職相談などslackでお答えします。
4.8 (22)
Laravel、AWSのことならおまかせ!
Laravel、AWSのことならおまかせ!
Laravel、AWSのことならおまかせ!
4.5 (21)
【Rails】Ruby on Rails でWebサービスを作るときのあれこれの相談にのります
【Rails】Ruby on Rails でWebサービスを作るときのあれこれの相談にのります
【Rails】Ruby on Rails でWebサービスを作るときのあれこれの相談にのります
4.4 (114)
[未経験大歓迎]AWS・インフラ・サーバー・コンテナなどSREが現場で通用する技術をフォローします!
[未経験大歓迎]AWS・インフラ・サーバー・コンテナなどSREが現場で通用する技術をフォローします!
[未経験大歓迎]AWS・インフラ・サーバー・コンテナなどSREが現場で通用する技術をフォローします!
4.6 (304)
各種イベント登壇・技術顧問経験者がiOS・Androidアプリ開発のサポートをします
各種イベント登壇・技術顧問経験者がiOS・Androidアプリ開発のサポートをします
各種イベント登壇・技術顧問経験者がiOS・Androidアプリ開発のサポートをします
5.0 (1)
Ruby on Railsを用いたWeb開発のお悩み解決のお手伝いをします
Ruby on Railsを用いたWeb開発のお悩み解決のお手伝いをします
Ruby on Railsを用いたWeb開発のお悩み解決のお手伝いをします
5.0 (10)
【未経験・初心者大歓迎🔰】プログラミング学習、開発お手伝い(授業や相談、不具合発見のお手伝いなど)
【未経験・初心者大歓迎🔰】プログラミング学習、開発お手伝い(授業や相談、不具合発見のお手伝いなど)
【未経験・初心者大歓迎🔰】プログラミング学習、開発お手伝い(授業や相談、不具合発見のお手伝いなど)
4.6 (29)
【Rails】オリジナルのロードマップを作成し、エンジニア転職に向けた学習と就職サポートをします🔥
【Rails】オリジナルのロードマップを作成し、エンジニア転職に向けた学習と就職サポートをします🔥
【Rails】オリジナルのロードマップを作成し、エンジニア転職に向けた学習と就職サポートをします🔥
4.8 (362)
相談に乗ります
相談に乗ります
相談に乗ります
5.0 (1)

相談できます

なべ@ベンチャー企業CTO

13時間前

本人確認 秘密保持契約(NDA)
契約実績
2
評価
5.0

スケジュール

メッセージは起きていればいつでも返信可能です!

返信スピード

24時間以内

※あくまでも目安となります

スキル
AWS 5年〜
Ruby 5年〜
SQL 5年〜
RubyonRails 5年〜
JavaScript 5年〜
すべて見る
このプランをシェアしよう!