最新のAIウェブサイトビルダーツールを試した感想
(blog.codeyam.com)- これまでは「Figma → チームレビュー → 開発者による実装」という従来のプロセスを使っていた
- 今回は AIベースのウェブサイトビルダーツール（Cursor、v0、Lovable、Bolt）が実際のプロジェクトでどれほど有用かをテストした
- 今回の実験の目標は、AIがこのプロセスをどれだけ単純化できるか、デザインから開発までの移行を減らし、コラボレーションをより円滑にできるかを確認すること
- すべてのプラットフォームで同じシンプルなプロンプトを使って比較を実施:
- 「CodeYamというソフトウェアシミュレーター製品のランディングページが必要です。既存のウェブサイトに似せつつ、よりプロフェッショナルに見えるようにしてください。」
- "I need a landing page for a product we are building. It's a software simulator called 'CodeYam'. This is the website we currently have. Can you create something similar but more professional looking?"
AIウェブサイトビルダーツール別の体験結果
Cursor
💡 開発者中心、GitHub連携が強み
- CursorアプリのインストールとGitHub接続が必要
- コマンド実行やGit連携など、技術的な作業が多い
- 外部リンクを通じてプレビューを提供
- 成果物は既存コンポーネントを再配置した程度で、創造的な提案は不足
- 簡単なウェブページ制作には設定が複雑すぎる
v0 by Vercel
💡 最も優れたユーザー体験と機能を提供
- UIが洗練されていて使いやすい
- プロジェクト履歴の保存および切り替え機能を提供
- チャット中に リアルタイムプレビュー を提供し、変更にもよく反応する
- 共有リンク機能があり、フィードバック収集が容易
- さまざまなアプリやコンポーネントライブラリも提供（テストでは未使用）
Lovable
💡 コンテンツ生成とメッセージ伝達力に優れる
- 非常にシンプルなインターフェース（チャット欄 + プレビュー）
- 直接的なコントロールは限定的だが、最小限の入力でも高品質なコンテンツを生成
- メッセージング能力で最も印象的な結果
Bolt.new
💡 最もシンプルだが、成果物は最も物足りない
- Lovableに似たUIだが、成果物はさらに単純
- デザインやコンテンツの品質が低く、際立った点はない
- リアルタイムプレビューは可能だが、創造性・品質ともに不足
全体的な感想
- Cursorを除くツールはすべて 非開発者でも簡単に利用可能
- 成果物の大半は プロフェッショナルだが単調 で、より具体的なプロンプトを与えれば改善の余地がある
- AIのハルシネーションはなし、生成された内容はどれも論理的で適切だった
- すべてのプラットフォームで コードの確認と修正が可能 で、開発コラボレーションに有利
最終評価の要約
- Cursor: 開発者フレンドリーだが、簡単なウェブサイト制作には過剰
- v0 by Vercel: 最高のUXと実用性を備え、今後も試してみたいツール
- Lovable: メッセージ重視のコンテンツ生成に強み
- Bolt.new: シンプルさ以上の価値は提供できていない
全体として、素早くシンプルでプロフェッショナルなウェブサイトを作りたいなら、これらのツールは適切な選択肢になりうる
ただし、独創的で洗練されたデザインを求めるなら、別途手作業が必要になる
2件のコメント
皮肉ですね…www
Hacker Newsの意見