GoogleのAI「Gemini」に搭載された新機能「Canvas」を使い、プログラミングの知識が全くない状態から実用的なアプリを開発する手法を解説した動画です。日本語で一行の指示を出すだけで、AIがコード作成からプレビューまでを完結させる様子を紹介。今回は「割り勘計算アプリ」を例に、その驚異的な利便性を実演しています。

背景

従来のアプリ開発にはプログラミング言語の習得や開発環境の構築が必要であり、初心者にはハードルが高いものでした。しかし、Geminiの「Canvas」機能の登場により、自然言語（日本語）での対話を通じて、誰でもブラウザ上で動作するWebアプリを作成できるようになりました。動画内では、モデルに「3.6 Flash」を選択し、複雑な計算ロジックを含むツールを瞬時に生成するプロセスが示されています。

この動画の要点

1. 「Canvas」機能の起動とモデル選択：Geminiの入力欄にあるプラスマークから「Canvas」を選択し、モデル（動画内では3.6 Flash）を指定します。あとは「割り勘の計算アプリを開発して下さい」といった、たった一行の日本語プロンプトを入力するだけで、AIが即座にアプリの構築を開始します。

2. 生成されたアプリの高度な機能性：作成された「スマート割り勘計算」アプリは、均等な割り勘だけでなく、立場に応じた「傾斜割り勘」にも対応。金額や人数の変更がリアルタイムで計算結果に反映されるほか、結果をLINEなどのメッセージ用にコピーする機能まで備わっており、実用性が非常に高いのが特徴です。

3. コードの直接編集とリアルタイム反映：生成されたアプリの裏側にあるHTMLなどのコードは、専用のタブから自由に閲覧・編集が可能です。例えばアプリのタイトルを書き換えると、プレビュー画面に即座に変更が反映されます。また、編集ミスをしても「前のバージョン」に戻す履歴機能があるため、安心してカスタマイズに挑戦できます。

なぜ重要か

GeminiのCanvas機能は、単なるテキスト生成を超え、「動くもの」をその場で作るという新しいAI体験を提供しています。特筆すべきは、AIが生成したコードをブラックボックス化せず、ユーザーが直接触れて修正できる点です。これにより、AIに丸投げするだけでなく、AIと人間が共同でプロダクトを磨き上げる「共創」の形が具現化されています。また、作成したアプリをHTML形式でダウンロードしてローカル環境で利用できる点は、個人のツール作成からプロトタイプ開発まで、幅広い可能性を秘めています。

こんな人におすすめ

プログラミングに興味はあるが難しそうで諦めていた方や、自分専用の便利な計算ツールをサクッと作りたいビジネスパーソンに最適です。AIを使って具体的に何ができるかを知りたい初心者の方にとっても、Canvasの直感的な操作性は大きな驚きと学びを与えるでしょう。