👀

Devin, Cline (Roo-Code), Cursor, Windsurf, Replit, Lovable, v0, bolt

2025/03/22に公開

LLMを使ったバイブコーディングをするためのツールまとめです。
バイブコーディングとは:https://zenn.dev/mk668a/articles/49ec17a104acf6

プロトタイピングのような初期開発段階

おすすめ:

  • Lovable(UIが洗練されているがboltやv0に全体的に劣る)
  • bolt.new(プロトには有効、複雑なタスクには限界あり)
  • Cline(ドキュメント作成に有用, 予測不可能性から後の開発段階で苦戦する可能性あり)
  • v0(フロントエンドに特化, 画像やFigmaから実装可)
  • Replit(チーム向け、アイデア出しに有用)
  • Devin(信頼性は怪しい)

実装の中間段階

おすすめ:

  • Cursor
  • Windsurf
  • Replit(堅牢性が高い,予測不可能性が低いのでプロト以外でも有用)
  • Devin(部分的な機能を自律的に実装)

微妙:

  • Cline(進行中の作業では信頼性が低い、コストがかかる)

後期段階:テストとデプロイ

デプロイ機能あり:

  • Lovable
  • bolt.new
  • Replit

テスト&デプロイ:

  • Devin(問題のチェックにも対応)

プロトタイピングからデプロイまで

おすすめ:

  • Replit
  • Devin(完全な自律性)

フェーズごとのおすすめの組み合わせ

① 初期段階:

  1. Clineでドキュメント作成
  2. LovableまたはBolt.newで開始(フロントエンドのみならV0, 共同作業ならReplit)

② 中間段階:

  1. CursorまたはWindsurf(非エージェントモードで反復開発を行う)
  • 自立的に行いたい場合は、Replitで堅牢な改良、またはDevinを使用

③ 後期段階:

  • Lovable, bolt.new, Replitのいづれかで始めた場合はデプロイ機能を使用できる。
  • Devinでテストとデプロイを包括的に行う。
ツール 初期段階(プロトタイピング) 中間段階(開発) 後期段階(テスト/デプロイ)
Lovable スキャフォールディングに強い 複雑なタスクに限界 デプロイ対応、簡単
Bolt.new 素早いセットアップ 複雑なタスクに限界 デプロイ対応、スムーズ
Replit 共同プロトタイピングに良い コード編集が堅牢 デプロイ対応、本番未対応
V0 フロントエンドUIに特化 開発には不向き テスト/デプロイ未対応
Cline ドキュメントに最適、予測不能 増分変更に弱い テスト/デプロイ未対応
Cursor/Windsurf 非エージェントで安定 反復開発に強い デプロイ機能要確認
Devin 完全自律でプロジェクト対応 複雑タスクに優れる テストとデプロイ対応

機能比較表

ツール 主な用途 強み 弱み ユニークな特徴 推奨ユーザー
Replit プロトタイピング、共同開発 リアルタイム共同作業、無料プラン 本番環境には不十分、複雑なアプリに限界 AIエージェントでの探索的開発 初心者、チーム開発者
Cline (Roo Code) ドキュメント作成、初期計画 高品質なドキュメント、リアルタイムテスト 高コスト、増分変更に弱い MCPによる外部API連携 計画重視の開発者
Cursor 反復開発、コード改良 安定したAI支援、IDE統合 エージェントモードの信頼性に課題 非エージェントモードでの柔軟性 中級者、手動制御を好む開発者
Windsurf 反復開発、コード生成 Codeiumの高速AI、Supabase対応 デプロイ機能が不明確 軽量で直感的なUI AI支援を求める中級者
Lovable フルスタックプロトタイピング Figma/Supabase統合、デプロイ簡単 複雑なタスクに不向き Figmaデザインからアプリ生成 デザイナー兼開発者、非コーダー
V0 フロントエンドUIデザイン 自然言語でのUI生成、Vercel連携 フルスタックには不向き スクリーンショットベースの反復 フロントエンド開発者、PM
Bolt フルスタックアプリ生成 Netlify/Figma統合、高速開発 複雑なカスタマイズに限界 一クリックでFigmaからアプリ 迅速な開発を求めるスタートアップ
Devin 完全自律型プロジェクト開発 エンドツーエンドの自律性、問題解決 信頼性検証中、監視が必要 人間のような長期計画能力 先進的な開発者、大規模プロジェクト

Replit

  • 主な用途: プロトタイピングやチームでの共同開発に特化。
  • 強み: リアルタイムでの共同作業が可能なクラウドIDEで、無料プランが利用可能。
  • 弱み: 本番環境向けには不十分で、複雑なアプリ開発には機能が足りない。
  • ユニークな特徴: AIエージェントを活用した探索的開発が可能。
  • 推奨ユーザー: 初心者やチームで迅速にアイデアを形にしたい開発者。

Cline (Roo Code)

  • 主な用途: プロジェクトの初期計画やドキュメント作成。
  • 強み: 高品質なドキュメント生成とリアルタイムテスト機能。
  • 弱み: 高コストで、増分変更に対応しにくい。
  • ユニークな特徴: MCP(Model Context Protocol)による外部APIとの柔軟な連携。
  • 推奨ユーザー: 計画やドキュメントを重視する開発者。

Cursor

  • 主な用途: 反復開発や既存コードの改良。
  • 強み: 安定したAI支援と既存IDEへのスムーズな統合。
  • 弱み: エージェントモードでは信頼性がやや不安定。
  • ユニークな特徴: 非エージェントモードでの柔軟な手動制御。
  • 推奨ユーザー: 中級者で、AIを補助的に使いながら自分で制御したい開発者。

Windsurf

  • 主な用途: 反復開発と高速コード生成。
  • 強み: Codeiumの高速AIとSupabaseとの連携。
  • 弱み: デプロイ機能の詳細が不明確。
  • ユニークな特徴: 軽量で直感的なユーザーインターフェース。
  • 推奨ユーザー: AI支援を活用しつつ軽快に開発したい中級者。

Lovable

  • 主な用途: フルスタックアプリのプロトタイピング。
  • 強み: FigmaやSupabaseとの強力な統合、デプロイが簡単。
  • 弱み: 複雑なタスクには対応しにくい。
  • ユニークな特徴: Figmaデザインから直接フルスタックアプリを生成。
  • 推奨ユーザー: デザイナー兼開発者やコードを書かないユーザー。

V0

  • 主な用途: フロントエンドUIのデザインとプロトタイピング。
  • 強み: 自然言語やスクリーンショットでのUI生成、Vercel連携。
  • 弱み: フルスタック開発には不向き。
  • ユニークな特徴: ビジュアルベースでのリアルタイム反復。
  • 推奨ユーザー: フロントエンド開発者やプロダクトマネージャー。

Bolt

  • 主な用途: フルスタックアプリの迅速な生成。
  • 強み: NetlifyやFigmaとの統合で高速開発が可能。
  • 弱み: 高度なカスタマイズには限界がある。
  • ユニークな特徴: 一クリックでFigmaデザインからアプリ生成。
  • 推奨ユーザー: 迅速なプロトタイプや製品開発を目指すスタートアップ。

Devin

  • 主な用途: 完全自律型のプロジェクト開発。
  • 強み: エンドツーエンドで自律的にタスクを処理し、問題解決能力が高い。
  • 弱み: 信頼性がまだ検証段階で、監視が必要。
  • ユニークな特徴: 人間のような長期的な計画立案能力。
  • 推奨ユーザー: 先進技術を試したい開発者や大規模プロジェクト担当者。

Discussion