Vercel、生成AIへのプロンプトでWebアプリのUIを自動生成してくれる「v0」をベータ公開。Freeプランも提供

今回は「Vercel、生成AIへのプロンプトでWebアプリのUIを自動生成してくれる「v0」をベータ公開。Freeプランも提供」についてご紹介します。

関連ワード (料金体系、自動生成、要素等) についても参考にしながら、ぜひ本記事について議論していってくださいね。

本記事は、Publickey様で掲載されている内容を参考にしておりますので、より詳しく内容を知りたい方は、ページ下の元記事リンクより参照ください。


Next.jsの開発元として知られるVerelは、生成AIに対して自然言語のプロンプトを与えることでWebアプリケーションのユーザーインターフェイスを自動生成してくれるサービス「v0」のベータ公開を発表しました。

v0を使うと、人間のWebデザイナーに「こんな画面を作って」「ここの色は青にして」「ここのフォントは大きく」などと言葉で指定するの同じような感じで生成AIに指示をして、HTMLやCSSなどのコードを書くことなくWebアプリケーション画面の生成が可能です。

Introducing v0: generate UI from simple text prompts.

5,000 waitlist invites were sent today—with over 25,000 interfaces created so far.

What will you ship?https://t.co/xAkswt0qQt pic.twitter.com/hSpU8yjz1x

— v0 (@v0) October 11, 2023

v0は先月(2023年9月)にプライベートアルファ版として発表されていたものです。今回、ベータ版となったことで料金体系が発表され、利用申し込みをしていたユーザーの多くが利用できるようになりました。

コードを書くことなく、言葉の指示だけでWeb画面を生成

下記はv0のデモ動画の一部です。

例えば、プロンプトに「A SaaS dashboard layout」(SaaSのダッシュボードのレイアウトを生成して)と入力します。

fig

すると下記のようなダッシュボード画面が自動生成されます。

fig

ここでログをクリックして「Make the company logo clolor blue.」と入力。

fig

すると、ロゴの色が青く変わります。

fig

このように生成されたWebアプリケーションの画面の要素を指定し、さらにプロンプトで指示していくことで、コードを書くことなくWebアプリケーションの画面が生成されます。

生成された画面は、もちろんソースコードを取得可能です。

fig

現時点でソースコードはReactベースのShadcn UIとTailwind CSSを用いて記述されています。今後Svelte、Vue、プレーンなHTMLやその他のCSSフレームワークを用いたソースコードの生成も検討していくとのことです。

月間200クレジットまで無料で使えるFreeプランも提供

v0は、Freeプランを含むサブスクリプションによる価格が設定されました。

Freeプランは1カ月あたり200クレジットまで利用可能です。1回の生成あたり10クレジットが消費されるため、20回までプロンプトの指定による生成が可能。

月額10ドルのBasicプランは1カ月あたり1500クレジットまで、月額30ドルのStandardプランは5000クレジットまで、月額50ドルの10000クレジットまで利用可能で、Basicプラン以上は追加のクレジット購入が可能です。

COMMENTS


Recommended

TITLE
CATEGORY
DATE
日本IBM、虎ノ門に事業所を新設–2014年1月に本社を移転へ
IT関連
2023-10-04 14:44
6月4日は「虫の日」、徳島大学発「グリラス」が国産食用コオロギを用いた独自ブランド菓子を発売
フードテック
2021-04-10 15:34
1Passwordの企業向け機能がMicrosoft EntraとGoogle Workspaceをサポート。万が一のID/パスワード漏洩に対策
Google
2024-08-21 23:15
アンリツ、SAPソリューションでEC開設とセキュリティ強化を実現
IT関連
2023-07-05 00:16
KDDIがデータクリーンルームで実現する「データコラボレーション構想」とは
IT関連
2023-12-26 09:27
マイクロソフト「Azure Sentinel」にランサムウェア検知機能「Fusion Detection」
IT関連
2021-08-10 07:04
WHO、ヘルス分野におけるAI利用に関するレポート–倫理やガバナンスなど指針
IT関連
2021-06-30 16:56
台風の雲をリアルに再現、直感操作も KAUSTやGoogleなど「Stormscapes」開発 :Innovative Tech
イラスト・デザイン
2021-02-27 13:14
メタバースとNFT、Web3は日本で「過度な期待」–ガートナーが見解
IT関連
2022-09-02 16:48
連邦議会議事堂襲撃事件から見える「SNSの時代」を総括する SNSから締め出せばそれでいいのか? (1/3)
くわしく
2021-01-14 22:33
企業の脅威対応力が向上する傾向も油断ならず–マンディアント報告書
IT関連
2023-05-31 17:51
ビジネスとデジタルの両軸で企業を変革–B&DXが設立
IT関連
2021-01-28 20:00
Adobeは新しいシンプルなデジタル資産管理ツールをローンチ
ソフトウェア
2021-04-29 23:32
日本郵政、社内外との情報共有基盤としてBoxを採用
IT関連
2022-03-04 09:39