AIToday
大規模言語モデルAI Watch (Impress)掲載日時: 2026年11月13日 10:01

手描きイラストからGeminiでアプリ作成

LINEで送る
手描きイラストからGeminiでアプリ作成

3つのポイント

  1. 何が起きたか

    AI入門シリーズで日沼諭史はPaintに4つのボタンと時間表示を描き、Geminiのプロンプト欄に入れてCanvasを選ぶと、色分けされた開始・停止ボタンとタップ音付きのタイマーアプリが完成した。

  2. なぜ重要か

    言葉でアプリを説明するのが苦手な人でも、ラフなスケッチがレイアウトを伝え、短いプロンプトが各部分の役割を補える。描いた配置を保ちつつ洗練されたデザインになったのはそのためだ。

わからないところ、AIに聞けます

質問と回答はこのページに公開されます。

こういう要約が、毎朝あなたのメールに届きます。

背景と解説

日沼の記事はAI入門シリーズの冒頭に位置し、多くの初心者にとってテキストでのプロンプト入力が難しいという前提に立つ。アプリの説明が上手くなるよう求めるのではなく、発想を逆転させ、まず画面レイアウトを描き、それをGeminiのCanvasに読み取らせる。

試作自体はあえて最小限で、タイマーアプリを4つのボタンと時間表示、白黒の輪郭だけで描いた。それでも日沼は各部分の役割を説明するプロンプト文を加え、Geminiが不足を補った。開始と停止は別の色になり、タップ音が付き、任意の時間設定も機能した。描いたレイアウトはそのまま残った。

さらに出力はGeminiの中にとどまらない。コードをダウンロードしたりGoogle Sitesのウェブアプリに変換したりすれば、同じアカウントのGoogle Driveに置かれ、スマホからもアクセスでき、他のユーザーにも公開できる。だからこそスケッチ優先の手法は一度きりのデモを超えて使えるのだ。

よくある質問
Geminiに絵からアプリを作らせるには?
Paintなどの画像ソフトでアプリを描き、Geminiのプロンプト欄にドラッグ&ドロップし、「+」ボタンからCanvasを選んで、イラストをアプリにするよう指示する。
完成したアプリは他の端末で使ったり共有したりできる?
できる。プログラムコードをダウンロードするかGoogle Sitesのウェブアプリに変換すれば、同じアカウントのGoogle Driveに追加され、スマホでも動作し、公開して他の人も使える。
スケッチと一緒に何を添えればいい?
絵では伝わらない各部分の動きや役割をプロンプトで説明すると、希望に近い結果になる。
AI Watch (Impress)元記事を読む
LINEで送る

あなたの仕事に関係するAIニュースを、毎朝お届けします。

業界と使っているAIツールを選ぶと、仕事に関係するニュースが毎朝届きます。

登録無料・Googleアカウントなら30秒・いつでも解除できますAITodayについて →

AIに質問

この記事についてわからないことをAIに質問できます。AIはこの記事・AIToday の過去記事・Wikipedia を読み、出典を付けて答えます。Q&Aはこのページに公開され、他の読者も読めます。

質問と回答はこのページに公開されます。

このようなAIの動きを、御社の業界・競合に合わせて毎日届ける法人プランもあります → 詳しく見る

関連記事

次の記事へSoundcore Workに音声入力モード追加