Google、Geminiで手描きスケッチを動くアプリにする手順を公開。試作が手軽に

Googleは2026年11月5日、手描きスケッチの写真をGeminiのCanvasツールに渡してアプリのコードを書かせ、プレビューで動かして直す手順を公開しました。プログラミング未経験の方でも、業務ツールや授業教材の試作を始めやすくなります。

この記事は、Googleが2026年11月5日に公開した公式発表をもとに、2026年11月6日時点の情報で書いています。

何が発表されたか

Googleの公式ブログで、Geminiを使ってスケッチからアプリを作る方法が紹介されました。新モデルや新機能の発表というより、手順の紹介です。要点は次のとおりです。

• 公開日は2026年11月5日です。
• 渡す絵の例として、アプリのモックアップ（画面の見本）、習慣トラッカー、ゲーム盤が挙げられています。
• 手順は3つです。スケッチの写真をGeminiにアップロードし、Canvasツールを選び、「Can you code this app?」と依頼します。Geminiが絵を読み取り、コードを書きます。
• 作ったアプリはプレビュー画面で試せます。色、フォント、機能をリアルタイムで調整できると書かれています。
• 対象プラン、提供地域、対応言語、料金は、この発表では示されていません。日本で使えるかどうかも、公式ページには明記がありません。

日本の企業・学校でどう使えるか

ここからは、公式発表をふまえたTERRAISEの考えです。

業務・授業での使いどころ

具体例として、次のような使い方が考えられます。

• 営業・総務などの現場部門
• 入力: 紙に描いた点検チェック表や申請フォームの画面案の写真
• 処理: Canvasでコードを作り、プレビューで項目や色を直す
• 出力: 実際に動く試作品。本格開発の前に、関係者と画面の認識をそろえる材料になります
• 情報システム・DX担当
• 現場から集めた手書きのアイデアを、短時間で動く形にして見せられます。開発を依頼する前の要件整理に使えます
• 学校の授業
• 生徒が描いた学習記録表やクイズゲームの盤面を、動く教材にして試せます。公式の例にある習慣トラッカーやゲーム盤が参考になります
• 校務
• 教員が手書きで描いた出欠メモや提出物の確認表を試作する場面が考えられます。ただし、実際の名簿などは入力しない運用にしてください

私たちが大切にしている「入力→処理→出力」で考えると、今回の手順は入力が「スケッチ」、出力が「動く試作品」の工程です。まず試作品として人が確認する使い方から始めるのがおすすめです。

始め方

1. 担当者が、作りたいツールの画面を紙に描きます。項目名やボタンの位置が分かる程度で十分です
2. 社内や学校で使ってよいGeminiのアカウントで、スケッチの写真をアップロードします。使えるプランや画面は、ご利用の環境で確認してください
3. Canvasツールを選び、アプリのコードを書くよう依頼します。公式の例は英語の文面です。日本語での依頼が使えるかは発表されていないため、実際に試して確かめてください
4. プレビューで動きを確認し、色、フォント、機能の修正を追加で依頼します
5. 試作品を関係者に見せて意見をもらい、本格的に使うか、開発に回すかを決めます

注意点

• 情報の扱い: スケッチの写真に、個人情報、顧客情報、社内の機密が写り込まないようにしてください。入力してよいデータは、社内のAI利用ルールに従います
• 提供範囲の未確定: プラン、地域、言語、料金は発表されていません。導入前に、ご自身の環境で使えるか確認が必要です
• 品質の確認: 公式ページには、生成されたコードの品質や安全性についての記載がありません。業務で本番利用する場合は、人や専門家が内容を確認してください。まずは試作用と考えるのが安全です
• 学校での利用: 生徒に使わせる場合は、学校のICT利用ルールと、アカウントの利用条件を確認してください

TERRAISEに相談する

スケッチから試作品を作る手順は、自社や自校のどの業務で試すかを決めると効果が見えやすくなります。60分の無料相談で、一緒に整理できます。学校での活用は教育機関向けAI教育、社内研修は生成AI研修もご覧ください。

出典（2026年11月6日 08:59 確認）

• Google「Transform a quick drawing into a live app with Gemini.」

製品名・機能・提供範囲・料金は変わることがあります。導入前に必ず公式情報をご確認ください。