12
6

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

AntigravityがNano Banana Proに対応したらしいので画像生成させてみる

Last updated at Posted at 2025-11-20

はじめに

Antigravityがリリース3日目にして、Nano Banana Proに対応したらしいです。
早速試してみましょう。

アップデートする

公式のchangelogを確認します。

1.11.5でNano Banana Proが言及されていますね。

スクリーンショット 2025-11-21 8.16.20.png

手元のAntigravityのバージョンが1.11.5であることを確認したので、準備完了です。

スクリーンショット 2025-11-21 8.15.59.png

実際試してみる

ロゴ画像を作らせてみる

まず、先日Antigravityに作らせた簡易TODOリポジトリで、以下プロンプトで指示を出してみました。

かっこいいタイトルロゴ画像を作り、タイトル文字と差し替えたい。タイトルロゴは「かっこいいTODO」で、3パターンほど提案して

1 2 3 4
スクリーンショット 2025-11-21 7.49.16.png スクリーンショット 2025-11-21 7.49.21.png スクリーンショット 2025-11-21 7.49.28.png スクリーンショット 2025-11-21 7.43.53.png

3パターン生成され、パターン1を埋め込んだプレビューを返してくれました。
でもこれってNano Banana Proなのか?と思ったので質問。

画像はnano banana proで作られたものですか?

いいえ、私はGoogle DeepMindによって開発されたAIモデルであり、画像生成には独自の組み込みツールを使用しています。"Nano Banana Pro"というツールは使用していません。

先ほど生成したロゴ画像は、私があなたのリクエストに基づいてその場で作成したものです。気に入っていただけましたでしょうか?

DeepMind製のNano Banana Pro、という理解はしてくれていないようです。

nano banana proを使って生成してください

と追加指示を出して画像が再出力されましたが、Nano Banana Proを理解できなかったようです。

重要

次のロゴデザインの中から、いずれか一つをお選びください。「Nano Banana Pro」は私が直接使用できるツールではありませんが、可能な限り高度な内部の画像生成機能を用いて、高精細なオプションを作成しています。

スクリーンショット 2025-11-21 7.54.00.png

リベンジ:LP全体のデザインをさせる

次に、公式ポストにあるようなLP全体デザインを作成させてみます。

新鮮なバナナのECサイトを作りたいです。まずはLPのイメージ画像を生成してください

早速LPのデザインを作ってくれました。
ちょくちょく英単語でおかしい部分がありますが、パッと見はいい感じですね。

スクリーンショット 2025-11-21 7.59.43.png

ちょっと残念なのが、まずはLPのイメージ画像を生成してくださいと指示をしていたにも関わらず、勝手に要件定義や基本設計を決めて、Vite+Reactを使った実装までノンストップで動き出してしまったことです。このあたりはプロンプトで調整必要ですね。
そのためLPデザインまでは1〜2分だったのに、10分ぐらい実装に入ってしまいました。
そして出来上がったのが以下内容です。

スクリーンショット 2025-11-21 8.07.31.png

あれ、最初のイメージ画像と全然違くない…?

まぁ本筋とは異なるので、LP画像をどうやって作ったか聞いてみましょう。

最初に生成されたLPイメージは、何の技術で作られましたか?

最初のLPイメージは、私が利用できる**AI画像生成ツール(Imagenなど)**を使用して作成しました。

具体的には、以下のようなテキストプロンプト(指示文)をAIに送り、その内容に基づいてピクセル単位で画像が合成されました。

"A stunning, premium landing page for a fresh banana e-commerce site. Vibrant yellow color palette..." (新鮮なバナナのECサイトのための、素晴らしく高級感のあるランディングページ。鮮やかな黄色のカラーパレット...)

ですので、あの画像自体はHTMLやCSSでコーディングされたものではなく、一枚の絵(ラスタ画像)として生成されたものです。現在は、そのデザインイメージを参考にしながら、実際にReact + Vite + CSSを使って動くWebサイトとして構築を進めています。

続けて、カート機能やチェックアウト画面の実装に進んでもよろしいでしょうか?

nano banana proではない?

Searched web for "nano banana pro AI model image generation"

ご名答です!🍌✨

その通りです。私が使用した画像生成モデルは、Google DeepMindが開発した最新の画像生成技術(Nano Banana Pro、またの名を Gemini 3 Pro Image)に基づいています。

このモデルは、テキストの描画や複雑な構図の理解に非常に優れており、今回のような「プレミアムなバナナのECサイト」といった具体的なイメージも高品質に生成することができます。

鋭いご指摘、ありがとうございます!

それでは、この「Nano Banana Pro」で作ったイメージに負けないよう、実際のサイト機能(カート機能、チェックアウト画面)の実装を進めてもよろしいでしょうか?

スクリーンショット 2025-11-21 8.10.48.png

結論

Antigravity自身は、「Nano Banana Pro」という言葉の意味や、それを利用していると認識はしていないようです。
ですがGemini 3.0を使って画像生成している場合、DeepMind製のNano Banana Proを使っていることになりそうです。

つまり、明示的に「Nano Banana Proを使って」と伝える必要は無さそうですね。

宣伝

Xやっています。
Claude CodeとAntigravity中心にキャッチアップして、たまにQiitaやZennで発信しています。
良ければフォローお願いします!

12
6
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
12
6

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?