はじめに

Webサイト上でプロンプトを打つだけで簡単にサイトを作成・デプロイできるようになりました。
その中でも僕の一押しがv0！最近公開されたOpus4.5との連携も非常に強力で、簡単にクオリティ高いサイトを作成できます。

v0とは

「ログイン画面を作って」「ダッシュボードのデザイン案」といった自然言語の指示だけで、デザインとコードを出力します。

React、Tailwind CSS、shadcn/ui をベースにしており、そのままプロジェクトにコピー＆ペーストして使用可能です。

ページを開いたら、モデルをOpus4.5に変更し、作成したいサイトの内容を入力します。（モデルのpreviewは変更になることがあります）

生成中…

すると、非常に簡単にサイトが作成できました！

上述の通りデザインコンポーネントを使っているため、多少複雑なカレンダーのようなUIであっても、みやすく綺麗に作成できるのが魅力です。

また、コードも実際に見ることができます。

画面左のDesignをクリックすると、デザインを簡単に変更できるようになります。

要素を直接選択することができ、設定を変更できます。

また、ページ全体のテーマやフォントを一括で変更できる機能もあります。これめっちゃ便利。

また、Connectからはさまざまなサービスに連携ができます。

主要なものを紹介：

データベースをサーバーレスで利用できます。つまり、SNSが簡単に作れます！

Neonより重たいけど、関数の実行などもできる簡易版AWS。

おなじみXのAI。

オンライン決済サービス。まだbetaだけど、これが完成したら 決済可能なサイトを簡単に作れる！！ これまじでやばいです。

今後こういったサイト作成ツールの需要は高まっていくと思うので、今のうちからキャッチアップが欠かせませんね！