V
VibeLearn

学習ロードマップ

完全未経験からバイブコーダーになるまでの6段階ステップ。 目安期間と習得スキルで、今の自分がどこにいるかわかります。

🌱
スタート地点

完全未経験

プログラミングは初めてで、コマンドラインも触ったことがない状態。

習得スキル:
  • なし(誰でもスタートできます)
マイルストーン: 学習を決意する
💻
レベル 1

ターミナル・Git入門

⏱ 目安: 1〜2週間

コマンドラインでファイル操作ができ、GitでコードをGitHubに上げられる。バイブコーダーの土台です。

習得スキル:
  • ターミナル基本操作
  • Git コミット・プッシュ
  • GitHubリポジトリ管理
マイルストーン: GitHubに最初のリポジトリを公開する
コースを見る →
🔷
レベル 2

TypeScript基礎習得

⏱ 目安: 2〜3週間

AIが生成するTypeScriptコードを読み、意図を理解して修正できる。型エラーを自分で解消できる。

習得スキル:
  • 型定義・インターフェース
  • Generics基礎
  • React + TypeScript
マイルストーン: 型エラーを自力で修正できるようになる
コースを見る →
レベル 3

Next.js実装力

⏱ 目安: 3〜4週間

App RouterでWebアプリを作り、Vercelにデプロイできる。AIと協働してページを実装できる。

習得スキル:
  • App Router・Server Components
  • データフェッチ・Server Actions
  • Vercelデプロイ・SEO
マイルストーン: 自分のWebサイトをVercelで公開する
コースを見る →
🗄️
レベル 4

バックエンド・AI活用

⏱ 目安: 3〜5週間

Supabaseでデータベース・認証を実装できる。プロンプト設計で70%の壁を突破できる。

習得スキル:
  • Supabase DB・Auth・RLS
  • AIプロンプト設計
  • 70%の壁の突破法
マイルストーン: ログイン機能つきWebアプリを公開する
コースを見る →
🚀
レベル 5

プロバイブコーダー

⏱ 目安: 継続的

Cursor等のプロツールを使いこなし、本格的なプロダクトをAIと協働で開発・リリースできる。

習得スキル:
  • Cursor・GitHub Copilot活用
  • チーム開発・コードレビュー
  • AI × CI/CDパイプライン
マイルストーン: App Storeリリース / フリーランス案件獲得
コースを見る →

学習をさらに加速させるツール

Udemy広告

Udemy - プログラミング動画講座(セール時1,500円〜)

Next.js・TypeScript・Supabaseなど、VibeLearnで学ぶ内容をさらに深く動画で学べます。

Udemyを見る
スクール

プログラミングスクール無料相談(もしもアフィリエイト)

独学に限界を感じたら、プログラミングスクールの無料カウンセリングで方向性を相談してみましょう。

無料で相談する

今すぐStep 1から始めよう

全コース無料・環境構築不要。ブラウザだけで今日から始められます。

ターミナル入門から始める →