👀
Devin, Cline (Roo-Code), Cursor, Windsurf, Replit, Lovable, v0, bolt
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(完全な自律性)
フェーズごとのおすすめの組み合わせ
① 初期段階:
- Clineでドキュメント作成
- LovableまたはBolt.newで開始(フロントエンドのみならV0, 共同作業ならReplit)
② 中間段階:
- 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