学習方法

メンター情報

料金

対応時間帯

返信スピード

学習方法

メンター情報

料金

対応時間帯

返信スピード

AI next.js React TypScript Claude

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

できること

■ 面談なしで、今日から始められます

このプランは「まず無料相談してから…」が不要です。
申し込んだその日に教材一式(全20セッション)をお渡しし、
Claude Code を開けばすぐ Session 0 から学習を始められます。
つまずいたところだけ、チャットで直接聞いてください。

(流れ:申込当日に教材をお渡し → 自分のペースで進めて、約2ヶ月で自分のWebアプリを公開)


■ このプランについて

「AIを使ってプログラミングを学びたいけど、何から始めればいいかわからない」
そんな方のために、実務でClaude Codeを使う開発現場の知見をもとに作った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
🏗️ 実践重視 — 最終的に自分のアプリを公開するところまで
⚡ 面談不要 — 申し込んだその日から学習スタート
💬 直接サポート — 実務でClaude Codeを使う現役エンジニアがチャットで対応


■ こんな人におすすめ

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


■ 始めるのに必要なもの・費用

・このプラン: 月5,500円(教材+チャット質問し放題・いつでも解約OK)
・Claude Pro: 月額 約$20(≒3,000円)— AI学習パートナーの利用に必要
・PC(Mac / Windows)と、やる気!

→ 合計 月約8,500円で「体系的な教材・AI先生・現場のエンジニアへの質問」が全部そろいます。
 プログラミングスクール(数十万円)と比べても、低リスクで始められます。


■ サポート内容

・オリジナル学習教材(next-ai-camp)を GitHub プライベートリポジトリへ Collaborator 招待でお渡し
・メッセージでの質問対応(24時間以内に返信)
・学習の進め方・つまずきポイントのアドバイス
・カリキュラムの進捗確認


■ メンターについて

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

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

メンタープロフィール

なべ@ベンチャー企業CTO

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

レビュー

roku_1129
★ ★ ★ ★ ★
roku_1129

ありがとうございました。

このメンターの他のプラン
現役CTOによるWEBエンジニア・キャリアサポート
現役CTOによるWEBエンジニア・キャリアサポート
現役CTOによるWEBエンジニア・キャリアサポート
5.0 (3)
【現役CTO直伝】Claude Code×AI駆動開発で10倍速エンジニアに
【現役CTO直伝】Claude Code×AI駆動開発で10倍速エンジニアに
【現役CTO直伝】Claude Code×AI駆動開発で10倍速エンジニアに
5.0 (1)
【非エンジニア歓迎】Claude/AIで仕事を自動化する方法を1から教えます
【非エンジニア歓迎】Claude/AIで仕事を自動化する方法を1から教えます
【非エンジニア歓迎】Claude/AIで仕事を自動化する方法を1から教えます
あなたにおすすめの人気メンター
Laravel、AWSのことならおまかせ!
Laravel、AWSのことならおまかせ!
Laravel、AWSのことならおまかせ!
4.5 (21)
【未経験者OK】マンツーマンでマークアップエンジニアのトレーニングをサポート!
【未経験者OK】マンツーマンでマークアップエンジニアのトレーニングをサポート!
【未経験者OK】マンツーマンでマークアップエンジニアのトレーニングをサポート!
4.8 (383)
[未経験大歓迎]AWS・インフラ・サーバー・コンテナなどSREが現場で通用する技術をフォローします!
[未経験大歓迎]AWS・インフラ・サーバー・コンテナなどSREが現場で通用する技術をフォローします!
[未経験大歓迎]AWS・インフラ・サーバー・コンテナなどSREが現場で通用する技術をフォローします!
4.6 (306)
【Webエンジニア/PHP】未経験から即戦力に!現場基準のコードレビューとスキル養成サポート
【Webエンジニア/PHP】未経験から即戦力に!現場基準のコードレビューとスキル養成サポート
【Webエンジニア/PHP】未経験から即戦力に!現場基準のコードレビューとスキル養成サポート
4.8 (223)
相談に乗ります
相談に乗ります
相談に乗ります
5.0 (1)
【未経験歓迎】開発歴10年の現役フリーランスが独学やポートフォリオ作成・就職活動をサポート
【未経験歓迎】開発歴10年の現役フリーランスが独学やポートフォリオ作成・就職活動をサポート
【未経験歓迎】開発歴10年の現役フリーランスが独学やポートフォリオ作成・就職活動をサポート
4.9 (64)
プログラミングを学んで就職・転職・副業を勝ち取ろう【スクール型+キャリア相談】期間限定!値下げ中
プログラミングを学んで就職・転職・副業を勝ち取ろう【スクール型+キャリア相談】期間限定!値下げ中
プログラミングを学んで就職・転職・副業を勝ち取ろう【スクール型+キャリア相談】期間限定!値下げ中
【初心者・非エンジニア歓迎】Web開発の知識教えます!
【初心者・非エンジニア歓迎】Web開発の知識教えます!
【初心者・非エンジニア歓迎】Web開発の知識教えます!
5.0 (75)
【初心者限定!】Ruby on Rails学習のサポート!単発相談、質問し放題、動画学習など5つのプランから選べます
【初心者限定!】Ruby on Rails学習のサポート!単発相談、質問し放題、動画学習など5つのプランから選べます
【初心者限定!】Ruby on Rails学習のサポート!単発相談、質問し放題、動画学習など5つのプランから選べます
4.9 (26)
【初心者歓迎】女性エンジニアが技術的質問・転職相談などslackでお答えします。
【初心者歓迎】女性エンジニアが技術的質問・転職相談などslackでお答えします。
【初心者歓迎】女性エンジニアが技術的質問・転職相談などslackでお答えします。
4.8 (22)
【初心者から中級者もOK】プログラミング基礎からプロダクト開発を分かりやすくお答えます!
【初心者から中級者もOK】プログラミング基礎からプロダクト開発を分かりやすくお答えます!
【初心者から中級者もOK】プログラミング基礎からプロダクト開発を分かりやすくお答えます!
4.5 (12)
UnityやPython初心者歓迎します
UnityやPython初心者歓迎します
UnityやPython初心者歓迎します
4.8 (23)
チャット形式でプログラミング未経験者~中級者の学習サポートを致します。
チャット形式でプログラミング未経験者~中級者の学習サポートを致します。
チャット形式でプログラミング未経験者~中級者の学習サポートを致します。
4.8 (25)
【未経験・初心者大歓迎🔰】プログラミング学習、開発お手伝い(授業や相談、不具合発見のお手伝いなど)
【未経験・初心者大歓迎🔰】プログラミング学習、開発お手伝い(授業や相談、不具合発見のお手伝いなど)
【未経験・初心者大歓迎🔰】プログラミング学習、開発お手伝い(授業や相談、不具合発見のお手伝いなど)
4.6 (29)
フロントエンドエンジニアのフリーランスエンジニアになりたい方の相談に乗ります
フロントエンドエンジニアのフリーランスエンジニアになりたい方の相談に乗ります
フロントエンドエンジニアのフリーランスエンジニアになりたい方の相談に乗ります
4.0 (5)
【Rails】Ruby on Rails でWebサービスを作るときのあれこれの相談にのります
【Rails】Ruby on Rails でWebサービスを作るときのあれこれの相談にのります
【Rails】Ruby on Rails でWebサービスを作るときのあれこれの相談にのります
4.4 (114)
【Rails】オリジナルのロードマップを作成し、エンジニア転職に向けた学習と就職サポートをします🔥
【Rails】オリジナルのロードマップを作成し、エンジニア転職に向けた学習と就職サポートをします🔥
【Rails】オリジナルのロードマップを作成し、エンジニア転職に向けた学習と就職サポートをします🔥
4.8 (362)
プログラミング学習サイトのその先で実際に仕事をしていくためのテクニックシェア、相談のります(Rails,PHP,Go)
プログラミング学習サイトのその先で実際に仕事をしていくためのテクニックシェア、相談のります(Rails,PHP,Go)
プログラミング学習サイトのその先で実際に仕事をしていくためのテクニックシェア、相談のります(Rails,PHP,Go)
5.0 (3)
デザインについての「お悩み」をより具体的に回答・アドバイスします【経験者も初心者も】
デザインについての「お悩み」をより具体的に回答・アドバイスします【経験者も初心者も】
デザインについての「お悩み」をより具体的に回答・アドバイスします【経験者も初心者も】
5.0 (3)
ITスキルアップのためのお手伝いします。
ITスキルアップのためのお手伝いします。
ITスキルアップのためのお手伝いします。
5.0 (19)

相談できます

なべ@ベンチャー企業CTO

16時間前

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

スケジュール

メッセージは起きていればいつでも返信可能です!
無料相談も随時受け付けていますので、お気軽にメッセージください。
AIを使った学習法やキャリア相談など、なんでもOKです。

返信スピード

24時間以内

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

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