🇯🇵 日本初 バイブコーダー専門学習サイト
AIと共に作る、
バイブコーダー
への道
ターミナルからNext.js・Supabaseまで、ブラウザで実践しながら学べます。 iOSアプリをApp Storeにリリースした開発者が、実体験をもとに教えます。
10
コース・全て無料
0
環境構築不要
✓
App Store実績
STEP BY STEP
学習の流れ
Step 1から順番に進めることで、最短でバイブコーダーになれます
Step 1
ターミナルで基礎を習得
Step 2
コードエディタでTypeScript
Step 3
Next.jsでアプリを完成
COURSES
全10コース
すべて無料・環境構築不要でブラウザから始められます
💻Step 1
入門⏱ 3h
ターミナル入門
コマンドラインの基礎からGit操作まで
コースを見る →
🔷Step 2
初級⏱ 5h
TypeScript基礎
型安全なJavaScriptでAIと協働しやすいコードを書く
コースを見る →
⚡Step 3
中級⏱ 6h
Next.jsアーキテクチャ
App RouterとサーバーコンポーネントをAIと実装
コースを見る →
🗄️Step 4
中級⏱ 5h
Supabase実践
DB設計・認証・RLSをバイブコーディングで構築
コースを見る →
🤖Step 5
中級⏱ 4h
AIとの協働・プロンプト設計
70%の壁を突破するコンテキスト管理と指示設計
コースを見る →
🚀Step 6
上級⏱ 3h
実務ツールへの移行
Cursor・GitHub Copilot等のプロツールへ移行する
コースを見る →
🔌Step 7
中級⏱ 3h
MCP入門
AIに外部ツールを使わせる — Model Context Protocolの基礎
コースを見る →
🎨Step 8
入門⏱ 3h
HTML/CSS基礎
Webページの見た目を作る最初の一歩
コースを見る →
🐍Step 9
入門⏱ 4h
Python基礎
AI活用・データ処理に強い言語をゼロから学ぶ
コースを見る →
🟨Step 10
初級⏱ 4h
JavaScript基礎
ブラウザで即試せる！Web開発の共通言語
コースを見る →
WHY VIBELEARN
「実際にやった人間」が教える
教科書ではなく、App Storeにリリースした一次体験をベースにしたカリキュラムです。
古谷達郎 / ShiftMatch開発者
COMPARISON
なぜVibeLearnか？
バイブコーダー向けに特化した、他にない学習体験
| 比較項目 | VibeLearn | 他社スクール | Progate |
|---|---|---|---|
| バイブコーダー特化 | ✅ 特化 | ❌ 汎用 | ❌ 汎用 |
| 完全無料 | ✅ 全て無料 | ❌ 有料（月額） | ❌ 一部有料 |
| 環境構築不要 | ✅ ブラウザのみ | ✅ ブラウザのみ | ✅ ブラウザのみ |
| 実務直結コンテンツ | ✅ App Store実績 | △ コースによる | ❌ 基礎のみ |
| AI協働学習 | ✅ 全コースで学ぶ | ❌ なし | ❌ なし |
| 日本語・日本人向け | ✅ 完全対応 | ✅ 日本語 | ✅ 日本語 |