AIエージェント入門

Vibe Codingとは何か?AIエージェントで「書かずに作る」開発の現在地

Vibe Codingとは何か?AIエージェントで「書かずに作る」開発の現在地

この記事の結論

Vibe Codingが2026年のエンジニアに問いかけるもの。Replit $9B・Lovable $400M ARRが示す市場の本音と、Cursor・Claude Codeで今日から始める実践ワークフローを解説。

「コードを書かずにアプリが作れる」——そんな話を聞いたとき、最初は眉をひそめた。

だが、2026年3月の時点でReplit(リプリット)が評価額9億ドル…ではなく、90億ドル(約1.35兆円)の企業価値で4億ドルを調達し、Lovable(ラバブル)は年間経常収益(ARR)が4億ドルを突破した。「Vibe Coding」はCollins Dictionaryの2025年の単語に選ばれ、いまや「開発スタイルの選択肢の一つ」から「主流の開発パラダイム」になりつつある。

この記事では、Vibe Codingが実際に何で、何ができて、何ができないのか——開発経験のあるエンジニア・PMの視点から、コピペで試せる実践例とともに解説する。「バズワードだろう」という人にも、「すでに使っているが体系化したい」という人にも届けたい内容を詰め込んだ。

そもそもVibe Codingとは何か

Vibe Codingとは、コードを一行ずつ書く代わりに、「何を作りたいか」を自然言語でAIに伝え、AIエージェントがコード生成・修正・テストを自律的に行う開発スタイルのことだ。

2025年初頭にAI研究者Andrej Karpathyが命名・提唱した概念で、当初は「プロンプトを投げてコードを受け取るだけ」という批判的な見方もあった。しかし2026年現在、その意味は大きく変わっている。

項目 従来のAI補助開発(2024年まで) Vibe Coding(2026年)
AIの役割 コード補完・提案(コパイロット) 設計・実装・テスト・修正を自律実行(エージェント)
人間の役割 コードを書き、AIに確認させる 意図・仕様を伝え、AIの成果物をレビューする
マルチファイル対応 限定的(1-2ファイル) リポジトリ全体を把握して横断的に変更
ループの自律度 人間が1ステップずつ承認 AIが複数ステップを自律で実行・修正
主要ツール GitHub Copilot(旧世代) Cursor、Claude Code、Lovable、Replit Agent

正直に言うと、2024年までの「AIがコードを書いてくれる」体験と、2026年の「AIエージェントがプロジェクト全体を進める」体験は、質的に別物だ。コパイロットが「隣でサジェストしてくれる人」なら、Vibe Codingのエージェントは「仕様書を渡したら翌朝PRを出してくれるチームメンバー」に近い。

AIエージェントの設計パターンや、どのフレームワークを選ぶかについては、AIエージェント構築完全ガイドでも体系的に整理している。

何が新しいのか

2026年のVibe Codingを支える技術的ブレークスルーは、大きく3つある。

1. コンテキストウィンドウの拡大でリポジトリ全体を把握できるようになった

Claude Sonnet 4.6(標準200K・最大1Mトークン対応)、Gemini 3.1 Pro(1Mトークン対応)の登場で、AIが一度に把握できるコードベースのサイズが劇的に拡大した。以前は「このファイルだけ」だったのが、いまでは「このリポジトリ全体の設計を踏まえて変更して」が現実になっている。

2. エージェントがツールを使える(Computer Use / MCP)

MCPプロトコルの標準化とComputer Use機能の一般化により、AIエージェントがブラウザ操作・ターミナル実行・ファイル読み書き・APIコールをループの中で自律的に行えるようになった。これが「コードを書く」から「タスクを実行する」への質的転換を生んでいる。

3. マルチエージェントの実用化

Cursor Agent Mode、Claude Code、Windsurf(Wave 13以降)では、複数のエージェントが並列で動く。フロントエンドを担当するエージェントとバックエンドを担当するエージェントが同時に動き、コンフリクトを解消しながら統合する——これがMVP開発での数時間完成を可能にしている。

具体的に何ができるようになるのか

以下は実際に試せるVibe Codingの典型的なワークフロー例だ。

Cursor + Claude Codeを使った実践セットアップ

まず最もよく使われる組み合わせから始めよう。Cursorでコード生成・マルチファイル編集を行い、Claude Codeでコードレビュー・セキュリティチェックを担当させる役割分担だ。

以下はCursorのAgent Modeで使うプロジェクト指示ファイル(.cursorrules)の例だ。

# .cursorrules — プロジェクトルール(Cursor Agent向け)
# 動作環境: Cursor 0.44+(Agent Mode有効)

## 役割
あなたはこのプロジェクトのリードエンジニアです。
ユーザーが自然言語で機能要件を伝えたら、以下の順序で自律的に実装してください。

## 実装フロー
1. 要件を3行で要約し、実装前に確認
2. 既存コードのパターンに合わせて実装(スタイルガイドは /docs/STYLE.md を参照)
3. 実装後に影響範囲のテストを実行(npm test または pytest)
4. テストが通ったらPRの説明文を生成して提示

## 禁止事項
- ユーザーの確認なく本番環境へのデプロイコマンドを実行しない
- 外部APIキーをコードにハードコードしない(環境変数 .env を使う)
- 1回のPRで変更ファイルが20を超えたら分割を提案する

## 注意: 本番環境で使用する前に、必ずテスト環境で動作確認してください。

このファイルを置くだけで、エージェントが「どこまで自律で動いてよいか」を把握し、過剰な変更を防げる。

Claude Codeでの自律タスク実行(ターミナルから)

Claude Codeはターミナルから直接エージェントループを起動できる。以下はよく使われる起動パターンだ。

# インストール(Node.js 18以上が必要)
npm install -g @anthropic-ai/claude-code

# プロジェクトルートで起動
cd /path/to/your-project
claude

# 注意: 本番環境で使用する前に、必ずテスト環境で動作確認してください。
# ANTHROPIC_API_KEY を .env に設定しておくこと

起動後、対話形式でタスクを渡す。

Claude Code 起動後の典型的なやり取り:

User: ユーザー認証機能のテストカバレッジが40%しかない。
      主要なエッジケース(パスワードリセット、セッション切れ、不正トークン)を
      カバーするテストを追加して。既存のテスト構造に合わせて。

Claude: 既存のテストファイルを確認します...
        tests/auth/ を読み込み中...

        以下のテストケースを追加する計画です:
        - test_password_reset_with_expired_token()
        - test_session_expiry_redirect()
        - test_invalid_jwt_signature()
        - test_concurrent_session_limit()

        実装を開始してよいですか?

Lovableでノーコードアプリ構築(非エンジニア向け)

コードを書かずにWebアプリを作りたい場合、Lovableが現時点で最もユーザーフレンドリーな選択肢だ。以下のようなプロンプトで実際に動くアプリが生成される。

Lovableへのプロンプト例:

「社内の問い合わせ管理ツールを作って。
機能:
- チームメンバーが問い合わせを登録(タイトル、説明、担当者、優先度)
- ステータス管理(未着手/対応中/完了)
- 担当者別のフィルタリング
- Slack通知(新規登録時)

デザイン:シンプル、ダークモード対応
技術スタック:指定なし(おすすめで)」

→ 数分でSupabase + React + Tailwindの構成でデプロイ可能なアプリが生成される
→ Slackインテグレーションのコードも含まれた状態で

実際に社内ツールの80%は、このレベルの要件定義で動くものができる。残り20%のカスタマイズでエンジニアが入るハイブリッドモデルが、2026年の現実的な開発形態になりつつある。

よくある誤解

誤解1:「エンジニアが不要になる」

これは間違いだが、「同じ人数で10倍のアウトプット」は誤解でもない。Vibe Codingが得意なのはCRUD操作、ボイラープレート生成、ドキュメント作成、テスト追加、リファクタリングだ。

一方、システム設計の意思決定(「マイクロサービスにするかモノリスにするか」)、セキュリティアーキテクチャの設計、本番障害のデバッグは、2026年時点でもエンジニアの判断が不可欠だ。AIは「設計書を渡せば施工する大工」で、「何を建てるか決める建築家」ではまだない。

誤解2:「品質が低い・本番で使えない」

2024年時点では正しかったが、2026年では状況が変わった。Lovable・Replitのユーザーの多くがスタートアップの本番環境でVibe Codingで生成したコードを使っている。ただし、コードレビューとテストを組み合わせることが前提条件だ。

Anthropicが2026年3月にリリースしたClaude Code Reviewでは、マルチエージェントによる相互検証で偽陽性を1%未満に抑えられることが公式に示されている。

誤解3:「プロンプトを頑張れば何でもできる」

これが最も危険な誤解だ。Vibe Codingで失敗する最大の原因は「プロンプトを書き続けること」ではなく、「意図と仕様を構造化して渡せていないこと」だ。

「良い感じに作って」は通じない。要件・制約・テスト条件・ユーザーストーリーを文書化してからエージェントに渡すと、成果物の品質が劇的に上がる。

よくある失敗パターンと回避策

失敗1:コンテキストを渡さずに大きなタスクを任せる

❌「このアプリをリファクタリングして」

⭕「src/auth/ ディレクトリのコードを、/docs/REFACTORING_GUIDE.md の方針に従ってリファクタリングして。変更対象外のファイルは src/api/src/db/

なぜ重要か:AIエージェントはコンテキストが多いほど精度が上がる。「大きいタスク」のまま渡すと、エージェントが勝手に解釈して意図しない変更を加える。スコープを明示することが最重要。

失敗2:出力をノーレビューで使う

❌ 生成されたコードをそのままgit pushする

⭕ Claude CodeのReview機能 or 手動レビューで、最低限「SQLインジェクション」「APIキーの露出」「環境変数のハードコード」を確認する

なぜ重要か:Vibe Codingエージェントはセキュリティよりも「動くこと」を優先する傾向がある。認証・認可・入力検証のレビューは人間が行う必要がある。

失敗3:エージェントのループを切断してしまう

❌ エージェントが動いている途中で「やっぱり別の方法で」と割り込む

⭕ エージェントが完了するまで待つか、明示的に「Stop。新しい方針は〜」と伝えてからリスタート

なぜ重要か:エージェントを途中で止めると、中途半端な状態のファイルが残り、後からデバッグが困難になる。git stash を活用してチェックポイントを作ることをおすすめする。

失敗4:ツールの選択を間違える

❌ 複雑なバックエンドAPIをLovableで作ろうとする

⭕ ユースケースに合ったツールを選ぶ(下記の選択表を参照)

ユースケース おすすめツール 理由
UIプロトタイプ・社内ツール Lovable デザイン品質が高く、デプロイまで一気通貫
既存コードベースへの機能追加 Cursor(Agent Mode) リポジトリ全体を把握した上での変更が得意
ターミナル・CLI作業・リファクタ Claude Code シェルコマンド実行・ファイル操作が強力
スクラッチからのフルスタック開発 Replit Agent 環境構築からデプロイまで自律実行
エンタープライズ・セキュリティ要件あり GitHub Copilot Workspace Enterprise SSO・監査ログ対応

結局どうすればいいのか

Vibe Codingは「コードを書かなくていい魔法」ではない。「どこに人間の判断を集中させるか」を変えるパラダイムシフトだ。

2026年3月時点での私の実践では、次のような役割分担が機能している:

  • 人間がやること:要件定義・アーキテクチャ設計・セキュリティレビュー・ステークホルダーとのコミュニケーション
  • AIエージェントがやること:コード生成・テスト追加・リファクタリング・ドキュメント生成・コードレビュー(一次)

まず一つのツールを選んで、今日から小さな実験を始めてみてほしい。「既存プロジェクトのテストカバレッジを上げる」タスクから始めると、エージェントの実力を体感しやすい。

参考・出典


この記事はAIgent Lab編集部がお届けしました。


あわせて読みたい:

自社へのAIエージェント導入を検討している方は、株式会社Uravationのお問い合わせフォームからご相談ください。100社以上の導入支援実績をもとにサポートします。

Need help moving from reading to rollout?

この記事を読んで導入イメージが固まってきた方へ

Uravationでは、AIエージェントの要件整理、PoC設計、社内導入、研修まで一気通貫で支援しています。

この記事をシェア

X Facebook LINE

※ 本記事の情報は2026年3月時点のものです。サービスの料金・仕様は変更される可能性があります。最新情報は各サービスの公式サイトをご確認ください。

関連記事