Google、Gemini Canvasでスケッチからアプリのプロトタイプを作成する方法を紹介

Googleは2026年11月5日、紙に描いたスケッチの写真をCanvasでインタラクティブなアプリに変える方法を紹介するGeminiの解説を公開しました。このデモでは、画像のアップロードからコードの生成、完成したアプリのテスト、会話を通じた改良までを取り上げています。

出発点となるのは、アプリのモックアップ、習慣トラッカー、ゲームボードなどです。画像をアップロードしたら、ユーザーはCanvasを選択し、Geminiにアプリのコード作成を依頼します。デモでは、Geminiが画像の内容を読み取り、コードを書きます。生成されたツールはプレビュー画面でテストでき、その後、色やフォント、機能を変更するようリアルタイムで依頼できます。

Canvasは、この解説動画より前から提供されています。Googleは2025年3月18日、ドキュメントやコードを扱うインタラクティブなスペースとして導入しました。HTML/Reactやその他のウェブアプリのプロトタイプを生成し、プレビューする機能にも対応しています。今回のスケッチの例では、すでにあるこのプロトタイピング環境に画像をアップロードし、それを出発点として利用します。

生成したアプリの編集とテスト

Googleのデスクトップ版Canvasのドキュメントでは、短いデモで使われている操作方法を説明しています。Canvasを利用するには、Gemini Appsにログインしている必要があります。また、最初のプロンプトには画像やファイルを添付できます。更新は会話形式で依頼することも、コードを直接編集して反映することもでき、変更内容は自動保存されます。

デスクトップでは、「コードビュー」を開くと生成されたコードを直接編集できます。「コンソールを表示」ではプレビューのエラーやログを確認でき、最近の変更を表示する画面ではコードの変更履歴を調べられます。「選択して質問」では、ユーザーが対象のセクションを選び、希望する修正内容を説明できます。これにより、チャットで全体的な指示を出しながら、特定の箇所に絞った依頼も行えます。

モバイル向けの手順でも、「プレビュー」と「コンソールを表示」を利用できます。Androidユーザーは、Canvasアプリのショートカットをホーム画面に追加できます。18歳以上でログインしているユーザーは、「Geminiの機能を追加」を選択すると、Geminiを活用したテキスト生成や画像生成を取り入れられます。その後もチャットで変更を依頼できます。

利用可能地域と一般公開での共有

Canvasは、Geminiアプリが利用できる国・地域と言語で、すべてのGeminiユーザーが利用できます。プロジェクトはモバイルアプリからも引き続き利用できますが、テキストスタイルや書式の設定機能はデスクトップ版ウェブアプリに限られます。Google AI ProおよびGoogle AI Ultraの加入者については、GoogleのCanvas製品ページに、Gemini 3と、より複雑なプロジェクトに対応する100万トークンのコンテキストウィンドウを利用できると記載されています。

共有機能を使えば、作成者自身のプレビューにとどまらず、ワークフローを広げられます。Canvasアプリは公開リンクで共有でき、ユーザー間でアプリのデータを共有したり、セッションやデバイスをまたいでデータを保存したりする機能にも対応しています。公開リンクを持つ人は誰でも、そのアプリに関連付けられたデータを閲覧・編集できます。そのため、このリンクは配布手段であると同時に、アクセスを許可するかどうかの判断にもなります。

共有されたCanvasのリンクはウェブ上でのみ開くことができ、Geminiモバイルアプリでは開けません。受け取った人は共有されたCanvasをコピーして、自分で編集を続けられますが、18歳未満のユーザーはこの機能を利用できません。受け取った人の「アクティビティの保存」設定が有効になっている場合、開いた共有CanvasのコンテンツはGemini Appsのアクティビティに保存されます。

この解説動画では、最初のバージョンを作るまでの手順が短縮されています。その後の作業では、プレビュー、コードの履歴、コンソール、共有設定を使い、生成された動作を確認するとともに、アプリデータを編集できるリンクを誰に渡すかを判断します。スケッチをプロトタイプ作成のきっかけにはできますが、より広く活用するには、目立ちにくいこうした確認やアクセス権に関する判断が欠かせません。