全10コース
バイブコーダーに必要なスキルをStep 1から順番に習得できます。 全て無料・ブラウザのみで始められます。
✓ 全10コース無料✓ 環境構築不要✓ 実務直結カリキュラム
推奨学習順序
💻
Step 1
ターミナル入門
🔷
Step 2
TypeScript基礎
⚡
Step 3
Next.jsアーキテクチャ
🗄️
Step 4
Supabase実践
🤖
Step 5
AIとの協働・プロンプト設計
🚀
Step 6
実務ツールへの移行
🔌
Step 7
MCP入門
🎨
Step 8
HTML/CSS基礎
🐍
Step 9
Python基礎
🟨
Step 10
JavaScript基礎
💻
Step 1入門⏱ 3h5章
ターミナル入門
コマンドラインの基礎からGit操作まで
コースを見る →
🔷
Step 2初級⏱ 5h5章
TypeScript基礎
型安全なJavaScriptでAIと協働しやすいコードを書く
前提: JavaScript基礎（変数・関数・配列）・ターミナル基礎
コースを見る →
⚡
Step 3中級⏱ 6h5章
Next.jsアーキテクチャ
App RouterとサーバーコンポーネントをAIと実装
前提: TypeScript基礎・Reactの基礎（useState, useEffect）
コースを見る →
🗄️
Step 4中級⏱ 5h4章
Supabase実践
DB設計・認証・RLSをバイブコーディングで構築
前提: Next.jsアーキテクチャ・SQLの基礎
コースを見る →
🤖
Step 5中級⏱ 4h4章
AIとの協働・プロンプト設計
70%の壁を突破するコンテキスト管理と指示設計
前提: プログラミング基礎・Next.jsアーキテクチャ（推奨）
コースを見る →
🚀
Step 6上級⏱ 3h3章
実務ツールへの移行
Cursor・GitHub Copilot等のプロツールへ移行する
前提: AIとの協働・プロンプト設計・Next.jsアーキテクチャ
コースを見る →
🔌
Step 7中級⏱ 3h3章
MCP入門
AIに外部ツールを使わせる — Model Context Protocolの基礎
前提: professional-tools
コースを見る →
🎨
Step 8入門⏱ 3h3章
HTML/CSS基礎
Webページの見た目を作る最初の一歩
コースを見る →
🐍
Step 9入門⏱ 4h4章
Python基礎
AI活用・データ処理に強い言語をゼロから学ぶ
コースを見る →
🟨
Step 10初級⏱ 4h4章
JavaScript基礎
ブラウザで即試せる！Web開発の共通言語
前提: html-css-basics
コースを見る →