バイブコーディング/歴史/Lesson 02
バイブコーディング5年の進化 — Copilot · Cursor · Spec-Kit
20分·theory
バイブコーディング5年の進化 — Copilot · Cursor · Spec-Kit
🎯 このlessonを読み終えたら
このlessonを読み終えると、以下の3つを自信を持ってできるようになります。
- ▸✅ Cursor · Copilot · v0 · Claude Code の現在の市場ポジション
- ▸✅ プロンプトエンジニアリング → コンテキストエンジニアリングへの進化
- ▸✅ トークンコストの5年間の変化 + 経済性
学習目標をチェックリストとして手元に置き、すべて答えられるようになったらlessonを閉じてください。
2021 → 2025 — AIコーディング5年の進化 + 変わったこと
核心の一言
2021年Copilotのオートコンプリート → 2025年自律エージェント。各時代ごとにできることが変わりました。 そしてツールの特性を知ることがトークン節約につながります。
時代ごとの変化のポイント
なぜこの歴史を知るとトークンが減るのか
トークン = お金 + 時間。AIが処理する文字数に比例してコストと応答時間が増加します。ツールの特性を知らないと、誤ったツールで不要な作業をすることになります。
例 — 同じ作業を3つの異なるツールで:
🎯 作業: 「Next.jsプロジェクトにログイン機能を追加」
ツールを選んで使うだけでトークンが5〜10倍変わる。
5つのツールマッチング — いつ何を使うか
1. オートコンプリートのみ必要 → Copilot Tab(最も軽量)
2. ファイル1つを修正 → Cursor Cmd+K(インライン編集)
3. 複数ファイル + テスト → Cursor ComposerまたはClaude Code
4. UIモックアップを素早く → v0(デザイン後にコードを取得)
5. フルスタックMVP → Bolt(ブラウザで即時実行)
まとめ
- ▸AIコーディングツールは5年間で爆発的に進化
- ▸ツールごとに強みが異なる → 適切なツールの選択がトークン節約の始まり
- ▸最新 = 常に良いとは限らない — オートコンプリートだけ必要なのにエージェントを使うのは過剰
🤖 AIにこう依頼してみましょう
このlessonの概念を知っていれば、AIに具体的に指示できます。漠然とした「直して」ではなく、語彙を持ったリクエスト — それがトークン節約の出発点です。
- ▸「このタスクにバイブコーディング5年の進化 — Copilot · Cursor · Spec-Kitの概念を適用すると、どうトークンを削減できるか」
- ▸「AIへのバイブコーディング5年の進化 — Copilot · Cursor · Spec-Kit関連の指示を正確に出す例を3つ作って」
- ▸「バイブコーディング5年の進化 — Copilot · Cursor · Spec-Kitがバイブコーディングワークフローのどの段階に入るか教えて」
なぜこれがトークンを減らすのか
概念を知らない状態では、AIの回答を受け取っても「それは何ですか?」と再度聞かなければなりません。その「再度の質問」がトークンを消費します。概念を一度習得しておけば、会話が一度で終わります。
先に読むとよい概念: バイブコーディング