HTMLスライドの作成＆動画化をするなら「Gemini」と「Google Antigravity」のどちらが良い？

HTMLスライド作成におけるGeminiとGoogle Antigravityの違いを徹底比較。画像配置のしやすさや用途別の選び方に加え、作成したスライドをGoogle VidsでAIナレーション付き動画に変換する2つの実践手順まで分かりやすく解説します。

GeminiとGoogle Antigravityの機能比較

HTMLスライドの作成や修正を行う際、ブラウザ上で手軽に使えるGemini（Canvas）と、ローカル環境で高度な開発ができるGoogle Antigravityのどちらを選ぶべきか迷います。

結論として、単一ファイルでのテキスト修正や即座のプレビュー確認にはGeminiが適しています。一方で、画像アセットの管理やGit連携、動画化を見据えた本格的なスライド制作にはGoogle Antigravityが有利です。

HTMLスライドを扱う際の主要な仕様と作業環境の違いは以下のとおりです。

キャラクターイラストや操作画面のスクリーンショットをスライドに組み込む場合は、Google Antigravityの利用を推奨します。

Gemini（Canvas）で画像を埋め込む場合、画像データを文字列化するBase64形式（データURI）を用いる必要があります。高解像度の画像を複数配置するとコード量が数万行に肥大化し、AIの出力トークン上限による生成中断や動作遅延を招きます。

Google Antigravityであれば <img src="./assets/image.png"> のように相対パスで記述できるため、HTMLコードを軽量に保てます。

プロジェクトフォルダ内に assets/ や images/ ディレクトリを作成し、画像ファイルを配置するだけで参照可能です。画像のトリミングや修正を行った場合も、ローカルファイルを上書き保存するだけでスライド側に即時反映されます。

Google Antigravityの自律エージェントは、ワークスペース内のディレクトリ構成を直接把握できます。

上記のような指示を出すだけで、適切なパス設定と配置コードの記述を自動で完了させることができます。

目的に応じて最適な作業環境を選択してください。

Google VidsはHTMLファイルを直接インポートする機能に対応していません。そのため、HTMLスライドを動画化するには以下のいずれかの方法を用います。

Google VidsのAIナレーション生成や自動シーン分割をフル活用できる標準的な手順です。

HTMLスライドを画像またはPDFとして書き出す Google Antigravityのターミナル環境を活用し、Playwright等を用いて各スライドを16:9（1920×1080）の画像またはPDF形式で一括保存します。
Googleスライドに配置する 新規のGoogleスライドを作成し、書き出したスライド画像を各ページに背景として配置します。
Google Vidsでインポートする Google Vidsの新規作成画面から「スライドを動画に変換」を選択し、先ほど作成したGoogleスライドを指定します。

各スライドの表示時間やアニメーションのタイミングを手動で細かくコントロールしたい場合の手順です。