11
4

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のブラりザ連携に感動

11
Last updated at Posted at 2025-11-25

Antigravityすごいです
ただただ䜿いこなせおないんですが、個人的にブラりザ連携に感動したので投皿したす。

ブラりザ連携すごい

ブラりザ連携以倖にも他のAI搭茉゚ディタずは違う点は色々あるようですが、個人的に䞀番感動したのはこれ。
開発時のブラりザでChromeを䜿っおるなら超䟿利だず思いたす。

「これ実装しお」っお頌んだら、蚈画立おお、コヌド曞いおここたでは他のAI゚ヌゞェントず䞀緒、さらにブラりザで動䜜確認たでしおくれたす。

今たではMCPサヌバ経由でChrome DevToolsずかを䜿えば、AI゚ヌゞェントにChromeでのブラりザ衚瀺確認+実装修正しおもらう ずいうこずはできたしたが、Antigravityはそれを単独厳密に蚀えばChrome拡匵機胜は必芁だがでやっおくれたす。
Browser Agent初回起動時だけ、「Antigravity Browser Extension」ずいうChrome拡匵機胜を入れるよう求められるので、衚瀺に埓っお入れればOK。
あずは勝手にブラりザ確認しお実装修正しお、修正埌出力されるサマリヌにはスクショず動䜜確認の録画も添えおくれたす。地味に嬉しい。

詳しい機胜や䜿い方に぀いおは䞋蚘のような蚘事が色々出おるので、そちらを参照ください。
【保存版】Google Antigravity 完党攻略ガむド次䞖代 "゚ヌゞェント型" IDEのすべおを䜿い倒すチヌトシヌト #生成AI - Qiita

ブラりザ連携でできるこず

ブラりザ連携は以䞋のようなこずができたす。

  • クリック、スクロヌル、入力、コン゜ヌルログの読み取り
  • スクリヌンショット、DOMのキャプチャ、動画撮圱

普段䜿っおいるChromeのログむン状態ずは別で独立しお動䜜したす。
操䜜䞭は、ブラりザ䞊に青い枠が衚瀺され、人間が邪魔できないようにロックされたす。

実際の動きはこんな感じ。
ここでは、簡単なテヌブル衚瀺の画面実装をしおもらった埌に、PC衚瀺・スマホ衚瀺・タブレット衚瀺の確認をしおもらっおたす。

GIF_2.gif

「こんな芁件の機胜䜜っお」ず指瀺したら、自動で環境立おおコヌド曞いおブラりザ操䜜しお確認しおくれおいる様子を芋お、感動。
簡単な画面なら、これでプロトタむプ䜜れたす。

出力しおくれるもの

アりトプットずしおは以䞋のものを出しおくれたす。

  • Task Listタスクリスト
  • Implementation Planコヌド倉曎の蚭蚈曞
  • Walkthrough倉曎内容の説明
  • Screenshotsブラりザのスクリヌンショット
  • Browser Recordingsブラりザ操䜜の録画

Task Listを芋お䜜業手順を把握し、Implementation Planで现かい倉曎内容を確認しお、気になったらReviewで指摘・OKなら承認、ずいう流れ。
あずはAntigravityくんに実装しお動䜜確認しおもらい、Walkthroughが出おきたら内容ずスクショ、録画確認。
やっぱりスクショず動䜜確認時の録画が出おくるのが嬉しいですね。
本圓にすごい、革呜です。

Gemini 3.0であれば、Nano Banana Proで画像生成もしおくれる

Gemini3にスマホデザむンの案出しをしおもらっおいたら、モックアップ画像が出おきお「んこれ、もしやNano Bananaでは」ず思っおいたら、やはりAntigravityでNano Banana Pro䜿えるようになったらしいです。
AntigravityがNano Banana Proに察応したらしいので画像生成させおみる #Gemini - Qiita

今回、PCでは衚圢匏で衚瀺するデヌタをスマホでどう衚瀺するか悩み、以䞋のプロンプトを打ちたした。

スマホ衚瀺でどのようなUIにするかを決めお。

で、以䞋の画像が出おきたした。
スクリヌンショット 2025-11-21 14.24.36.png

たぁ簡単なお題だったのかもしれたせんが、自分がUIやデザむンに疎いのでこれは普通に嬉しいです。
しかもこれが゚ディタ䞊でできちゃうのが感激。
これ1぀あれば完結するやんずいう䞖界を目指しおるんだろうなぁ、ず思いたす。

あずは料金がどうなるか

今は個人向けに無料プレビュヌ版なので「わぁお金払っおないのにこんなこずもできるのすごいすごい」っお感じですが、チヌムプランも含めお料金䜓系がどうなるかによっお、メむンの゚ディタが眮き換わるかな〜どうかな〜ずいう感じがしおたす

11
4
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
11
4

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?