C
バイブコーディング//Lesson 01

バイブコーディング

30分·theory

バイブコーディング

🎯 このlessonを読み終えたら

このlessonを読み終えると、以下の3つのことを自信を持って行えるようになります。

  • バイブコーディング(AIに自然言語でコードを書かせる方法)の核心パターン
  • トークン(AIが一度に処理する文字の単位)を節約する3つのメカニズム
  • ✅ AIがよく作るコードの落とし穴

学習目標をチェックリストとして手元に置き、すべてに答えられるようになったらlessonを閉じてください。

✨ バイブコーディングを作った人たち — 4チーム4コマ

01
Andrej Karpathyアンドレイ・カルパシー
AI Researcher · EducatorOpenAI → Tesla → OpenAI → Eureka Labs1986~現在

「Vibe Coding」という用語を創案 — AIにコードを任せる時代に名前をつけた

  • 2015 OpenAI 共同創業者・研究科学者
  • 2017 Tesla AI ディレクター — Autopilot ビジョンシステムの責任者
  • 2023 OpenAI に復帰し、マルチモーダルおよび教育コンテンツの取り組みを主導
  • 2025 X(Twitter)で「Vibe Coding」という用語を創案 — 新語として広く普及
ディープラーニング教育コンテンツの標準。Eureka LabsでAI時代の教育を再定義VIBE CODING · 用語創案
02
GitHub Copilot TeamGitHub Copilotチーム
AI Pair Programming PioneerMicrosoft + OpenAI2021~現在

AIペアプログラミングを100万人の開発者へ — 初の大衆向けコードAI

  • 2021 GitHub Copilot の技術プレビュー公開 — Codex モデルをベースに構築
  • 2022 正式有料リリース — 月額 $10 のサブスクリプションモデル
  • 2023 Copilot Chat・GPT-4 の統合、IDE 統合の拡張
  • 2024 Copilot Workspace 発表 — イシューや PR の自律的な処理を実現
「コメント → コード」パラダイムの大衆化。AIコーディング市場そのものを開拓COPILOT · AI ペアプログラミング
03
Anysphere TeamAnysphereチーム
Cursor IDE FoundersAnysphere (Cursor)2022~現在

AIネイティブIDE — Cursorでエディタのあり方を書き換えたチーム

  • 2022 MIT 出身の Sualeh Asif・Michael Truell らが Anysphere を創立
  • 2023 Cursor 1.0 リリース — VS Code フォーク + AI 統合
  • 2024 Composer・Tab 機能により 100 万人以上の開発者が移行
  • 2025 $400M+ ARR を達成、AI IDE カテゴリーの事実上のリーダーに
AIネイティブコードエディタの標準を確立。IDE = AI時代の幕開けCURSOR · AI ネイティブ IDE
04
Anthropic Claude Code TeamAnthropic Claude Codeチーム
Agentic Coding PioneerAnthropic2024~現在

ターミナルで動作する自律エージェント — agentic codingの標準

  • 2024 Claude 3.5 Sonnet のコーディング能力が飛躍的に向上 — SWE-bench で新記録を樹立
  • 2025 Claude Code CLI リリース — ターミナルベースの自律コーディングエージェント
  • 2025 Claude Agent SDK 公開 — 外部ツールおよび MCP 標準を確立
  • 2025 Claude 4 シリーズにより、複数ファイルの編集・テスト・デバッグが自動化
「agentic coding」というカテゴリ自体を定義。CLIとMCP標準をリードCLAUDE CODE · agentic coding
👥
一言で
カルパシー(用語創案)→ Copilot(大衆化)→ Cursor(IDE統合)→ Claude Code(エージェント)。4チームがバイブコーディングの時代を作った。

なぜバイブコーディングが新しいパラダイムなのか

一言で: コードを書く時代から意図を表現する時代へ。AIが実装を担い、人間が方向性と検証を担う。


ツールマッピング — 各セルの英語はツール名だけ。隣の説明に注目してください

用途標準ツール
エディタ内AICursor · Windsurf · VS Code + Copilot (コードエディタ自体にAIが組み込まれている)
ターミナルエージェント(AIが自律的にコマンドを実行するモード)Claude Code · Aider · OpenAI Codex (黒い画面でAIが自律的にファイルを編集する)
即時アプリ生成v0 (Vercel) · Bolt · Lovable (一文 → 動くアプリ)
自動補完GitHub Copilot · Codeium (入力中にAIが次の行を提案する)
SPEC(仕様 — 要件を文書としてまとめたもの)→ コードSpec-Kit · BMAD (設計文書を渡すとコードを自動生成する)

5つの核心的な理由

理由意味
スピード同じ機能で5分 vs. 50分という差
コンテキストウィンドウ (AIが一度に読める文字数の上限)Claude 200K·1Mトークン = コードベース全体を理解
エージェンティックワークフローAIが自律的にファイル編集・テスト・デバッグ・コミットを実行
MCP (Model Context Protocol — AIが外部ツールやデータベースと通信するための標準経路)AIがデータベース・API・ローカルファイルのすべてにアクセス
検証の責任AIが生成したコードの正確性は最終的に人間の責任

核心: バイブコーディング = プロンプト(AIへの指示文)エンジニアリング + コードレビューの能力。人間は意図・検証・アーキテクチャに集中する。

🤖 AIにこう依頼してみましょう

このlessonの概念を知っていれば、AIに具体的に指示できます。漠然とした「直して」ではなく、語彙を持ったリクエスト — それがトークン(AIが一度に処理する文字の単位)節約の出発点です。

  • 「この作業にバイブコーディングの概念を適用するとトークンをどう削減できるか」
  • 「AIへのバイブコーディング関連の指示を正確に伝えるプロンプト(指示文)の例を3つ作って」
  • 「この作業がエージェント(AIが自律的にツールを使うモード)ワークフローのどの段階に入るか教えて」

なぜこれがトークンを節約するのか

概念を知らないと、AIの回答を受け取った後に「それって何ですか?」と再度聞かなければなりません。その「再質問」がトークンを消費します。概念を一度覚えておけば、会話が一度で終わります

先に読むとよい概念: Pandas入門
バイブコーディング - バイブコーディング