ひまネタNEWS(^o^) | スキマ時間にちょっとしたネタを提供

2026/11/6

＼この記事が参考になったなら／

📝 この記事のポイント

Google、Google AI「Gemini」アプリの作業ツール「Canvas」を活用した、手軽な WEB アプリ生成方法を紹介。
「Gemini」アプリの「Canvas」を活用すれば、手書きのスケッチやモックアップを、実際に動くインタラクティブな WEB アプリ / ツールへと手軽に変換可能。
手書きスケッチの写真を撮影して「Gemini」にアップロードして、「Canvas」ツールを選択し、“このアプリのコードを書いてもらえますか？” と「Gemini」に指示するだけ。

Google は現地時間 2026 年 11 月 5 日（木）、Google AI「Gemini」アプリの作業ツール「Canvas」を活用した、手軽な WEB アプリ生成方法を紹介しました。

WEB アプリのアイデアは、紙の上のスケッチから始まることも少なくありません。「Gemini」アプリの「Canvas」を活用すれば、手書きのスケッチやモックアップを、実際に動くインタラクティブな WEB アプリ / ツールへと手軽に変換できます。

「Gemini」アプリの「Canvas」で、手書きスケッチから WEB アプリを生成する手順は、以下の 3 ステップです。

手書きスケッチからの WEB アプリ生成手順	アプリのモックアップや習慣トラッカー、ゲームボードなど、手書きスケッチの写真を撮影して「Gemini」にアップロード「Canvas」ツールを選択し、“このアプリのコードを書いてもらえますか？” と「Gemini」に指示（Gemini がビジュアルを読み取ってコードを記述）プレビューウィンドウでツールの動作をテスト（色やフォント、機能などのリアルタイム調整にも対応）

手書きスケッチからの WEB アプリ生成手順

アプリのモックアップや習慣トラッカー、ゲームボードなど、手書きスケッチの写真を撮影して「Gemini」にアップロード
「Canvas」ツールを選択し、“このアプリのコードを書いてもらえますか？” と「Gemini」に指示（Gemini がビジュアルを読み取ってコードを記述）
プレビューウィンドウでツールの動作をテスト（色やフォント、機能などのリアルタイム調整にも対応）

「Gemini」の「Canvas」を活用することで、アイデアがひらめいた瞬間に、直感的なスケッチから即座に実動する WEB アプリを構築できるようになります。プログラミングの専門知識がなくとも、簡単に実用的な WEB アプリを作成できるなんて、素晴らしいですよね。（私も重宝してます）

「Gemini」の「Canvas」は、あなたのアイデアを具現化する強力なパートナーとして活躍するはずです。

Source：Google（https://blog.google/innovation-and-ai/products/gemini-app/turn-drawings-into-apps-gemini/）

＼この記事が参考になったなら／

この記事をシェア

AI 要約をシェアに含める

投稿タグ

Canvas, Gemini

ハッシュタグ

#Canvas #Gemini

著者情報

石井順

月間最高 245 万 PV を誇る、運営歴 10 年以上の当サイト「Jetstream（旧 Jetstream BLOG）」の管理人：石井順です。海外ガジェットの個人輸入や EC サイト運営、Google 公式認定プログラム「Google ヘルプヒーロー」での活動を経て、国内外ガジェット情報や Google 系アプリ / サービスの新機能情報など、当サイトを通して幅広く発信しています。