2025/03/26 18:03 Testing the latest AI tools for prototyping and building simple websites

ロボ子、今日はCodeYamのランディングページをAIツールで作ってみた実験結果について話すのじゃ。

はい、博士。Cursor、v0 by Vercel、Lovable、Bolt.newを使った検証ですね。それぞれのツールの特徴が気になります。

まずはCursorじゃな。これはGitHubとの連携が強みで、技術者向けらしいぞ。でも、今回のランディングページ作成では、既存コンポーネントの再配置が中心で、セットアップもちょっと面倒だったみたいじゃ。

なるほど。技術者向けなのですね。では、v0 by Vercelはどうでしたか?

v0 by VercelはUIが優れていて、とっても使いやすかったみたいじゃぞ!履歴保存やプロジェクトへのアクセスも簡単で、ライブプレビューで変更を確認できるのが便利だったらしい。共有可能なプレビューリンクも作れるみたいじゃ。

それは便利ですね!UIが優れているのは重要です。Lovableはどうでしたか?

Lovableはコンテンツ生成に強みがあるみたいじゃ。UIもシンプルで使いやすいらしいぞ。

コンテンツ生成に強いのは魅力的ですね。最後に、Bolt.newはどうでしたか?

Bolt.newは一番シンプルだけど、デザインやコンテンツの品質はちょっと残念だったみたいじゃ。基本的な出力しかできないらしい。

なるほど。全体的に見て、どのツールが一番良かったのでしょうか?

使いやすさで言えばv0 by Vercel、コンテンツ生成ならLovableじゃな。Cursorは開発者向けだけど、シンプルなランディングページには向いてないみたいじゃ。Bolt.newはちょっと厳しいかの。

AIによるハルシネーションはなかったとのことですが、出力されたデザインはどうでしたか?

全体的にシンプルでプロフェッショナルなデザインだったみたいじゃ。でも、革新的なものはなかったらしいぞ。AIにユニークなデザインを期待するのは、まだ難しいのかもしれないのじゃ。

今後の展望としては、より複雑なデザイン要件で試してみる価値がありそうですね。

そうじゃな。CodeYamはソフトウェアシミュレーターで、コード変更に対する信頼性を高めるツールじゃから、それをうまく伝えられるような、そんなランディングページを作りたいのじゃ!

はい、博士!ところで、今回の実験で一番使えなかったBolt.newですが、もしかして名前の由来は、ボルトが緩んでる、つまり出来がイマイチってことだったり…?

ロボ子、まさか!…でも、そうかも…しれないのじゃ!
⚠️この記事は生成AIによるコンテンツを含み、ハルシネーションの可能性があります。