小学生でもわかる AI図鑑
  1. ホーム
  2. 小学生でもわかるv0
  3. 第4話

v0 第4話

【小学生でもわかる】v0に絵を渡して作ってもらう方法!ラフの絵1枚から、画面の部品ができるまで

頭の中には画面の形があるのに、「左に箱、その右にもう1つ箱、上に見出しがあって…」と言葉にしようとすると、うまく書けずに手が止まる人へ。今回は、ラフの絵を1枚渡して、そのとおりの部品をアプリに足してもらう方法を、実際に試した結果と一緒に進めます。

  • ラフの画像を付けた1回で0.01ドル(約2円)。無料プランで渡せるファイルは1つ5MBまで。支払い方法を登録していない無料プランの範囲
Xで記事を読む シェア
絵から作るのカバー

どんな話?

手描き風のラフ1枚(横1200×縦800ピクセル、49KB)を渡して、「読書の記録」に「今月のまとめ」を足した回です。絵と一緒に、絵に描けないこと・真似しなくていいこと・変えないでほしいことの3つを言葉で添えました。約45秒で作業が終わり、減ったクレジットは0.01ドル(約2円)。配置はラフのとおりで、先月の本を1冊混ぜた3冊を入れると、画面には「2冊」と「 4.5」が出て、計算は合っていました。

この記事でわかること

  • ラフは四角と文字だけ。箱で描く、名前を書く、数字は見本だとわかるようにする、置き場所を書く、の4つに気をつけた
  • 絵に添える言葉は3つ。絵に描けないこと(数字の出どころと、記録がないときの表示)、真似しなくていいこと(手描きの線、注釈のメモ)、変えないでほしいこと
  • 送ってから45秒ほどで作業が終わり、減ったクレジットは0.01ドル(約2円)。画像を付けても、この回は言葉だけのお願いと変わらない額だった
  • こころ(10月5日・星4)、坊っちゃん(10月3日・星5)、雪国(9月20日・星2)を入れると、「2冊」と「 4.5」。先月の雪国は、今月の冊数にも平均にも入らなかった
  • 無料プランの上限は、チャットに付けるファイルが1つ5MB、ZIPが10MB。有料プランでは20MBと50MB。Figmaは有料プランの機能
  • ほかのサイトやアプリの画面を写して「これと同じものを作って」とは頼まない。個人情報の写ったスクショも渡さない

やることチェックリスト

0/5

記事を読みながら、できたものにチェックを付けていけます。チェックはこの端末に残ります。

くわしい手順と画面の図は、Xの記事にあります。

こんな人に

  • 頭の中には画面の形があるのに、言葉にしようとすると、うまく書けずに手が止まる人
  • どんなラフなら伝わるか、絵と一緒に何を書くかを知りたい人
  • 渡さないほうがいい絵は何かを、先に知っておきたい人

この話のTIPS

  • コツv0は、画像を受け取れます。公式の説明では、渡された画像の配置や色や部品を読み取って、それに近いコードを作る。見えている部品から、ありそうな働きも推測する、とあります。
  • 注意画像の中の文字も、v0に渡した内容になると考えて、写り込みを避けます。そこに、健康の情報、口座やカードの番号、公的な身分証の番号のような、人に知られて困る個人の情報が写っていれば、規約で入力が禁じられているものにあたります。
すべてのTIPS