Webデザイン・UIの頼み方

フォーム

Form（Validation）

入力欄と送信ボタンのまとまり。まちがいを知らせる表示もふくみます。

見本：申し込みフォームを2つ並べています。良い例は欄ごとに名前があり、まちがった欄が赤い枠になって、すぐ下に直し方が出ます。悪い例は欄の名前がなく、上に「入力内容にエラーがあります」とだけ出ます。ひとりAIラボが作ったサンプル画面です。

使いどころ　問い合わせや申し込みで、入力ミスを減らしたいとき。

コピペ用プロンプト

[ ] のところを書きかえて使ってください。英語のほうが伝わりやすいツールもあります。

日本語

[問い合わせ]フォームを作ってください。項目は[名前・メール・内容]。入力ミスは送る前に、その欄のすぐ下で知らせて。送れたら完了の表示を。

English

Build a [contact] form with [name, email, message]. Validate before submit and show each error right below its field. Show a success message after sending.

ひとりAIラボ作成のテンプレートです（各社の公式ガイドの文ではありません）。

公式ガイドに載っているか

フォームが各社の公式プロンプトガイドに載っているか
ガイド	記載
v0	載っている^[1]
Lovable	載っている^[2]

確認日 2026年11月2日。公式ガイドのページを開いて、本文にこの言葉（英語）が出てくるかを見ました。「公式記載なし」は、出典のページに見当たらなかったという意味です。

出典

1.v0 Docs「Text Prompting」（外部サイト、新しいタブで開く）https://v0.app/docs/text-prompting
2.Lovable Docs「Prompt library」（外部サイト、新しいタブで開く）https://docs.lovable.dev/prompting/prompting-library

今週の一歩

上のコピペ用プロンプトの日本語版を写して、[ ] を自分の内容に書きかえ、v0 の無料版（1日7メッセージ）で作りかけの画面に1回だけ足して、前と見くらべてください。

どのAIに頼むか（v0・Bolt などの無料版）は開発する人のAIの使い分け（UI試作）にまとめています。