Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Antigravityを実際に操作してみよう
Search
Y.Miyado
February 17, 2026
Programming
0
74
Antigravityを実際に操作してみよう
「AI部下」と始める新しい仕事術 ~仕事の単位は作業から承認へ~【CDLE AIプログラミング主催】勉強会資料
Y.Miyado
February 17, 2026
Tweet
Share
More Decks by Y.Miyado
See All by Y.Miyado
AI部下と始める新しい仕事術とは?/AIエージェント業務の実演①
ymiya55
0
79
AIエージェント勉強会 AIエージェントとは? (1)
ymiya55
0
180
AIエージェント勉強会 Opalで実際に作ってみよう
ymiya55
0
150
Other Decks in Programming
See All in Programming
[KNOTS 2026登壇資料]AIで拡張‧交差する プロダクト開発のプロセス および携わるメンバーの役割
hisatake
0
330
15年目のiOSアプリを1から作り直す技術
teakun
0
420
20260127_試行錯誤の結晶を1冊に。著者が解説 先輩データサイエンティストからの指南書 / author's_commentary_ds_instructions_guide
nash_efp
1
1k
「ブロックテーマでは再現できない」は本当か?
inc2734
0
1.1k
Rubyと楽しいをつくる / Creating joy with Ruby
chobishiba
0
180
Swift at Scale: Where Performance Really Comes From
kateinoigakukun
0
120
CSC307 Lecture 10
javiergs
PRO
1
680
CSC307 Lecture 11
javiergs
PRO
0
580
今更考える「単一責任原則」 / Thinking about the Single Responsibility Principle
tooppoo
0
430
高速開発のためのコード整理術
sutetotanuki
1
430
Lambda のコードストレージ容量に気をつけましょう
tattwan718
0
180
文字コードの話
qnighy
4
1.2k
Featured
See All Featured
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.7k
技術選定の審美眼(2025年版) / Understanding the Spiral of Technologies 2025 edition
twada
PRO
117
110k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
31
3.1k
Unsuck your backbone
ammeep
671
58k
Fashionably flexible responsive web design (full day workshop)
malarkey
408
66k
Automating Front-end Workflow
addyosmani
1371
200k
Evolving SEO for Evolving Search Engines
ryanjones
0
130
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
uxyall
0
190
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
199
72k
The Curse of the Amulet
leimatthew05
1
9k
The Straight Up "How To Draw Better" Workshop
denniskardys
239
140k
Building a A Zero-Code AI SEO Workflow
portentint
PRO
0
340
Transcript
CDLE AIプログラミング勉強会 Antigravityを実際に操作してみよう 2026.2.17 CDLE AIプログラミング サポーター CDLE 名古屋 サポーター
CDLE ロボットAI 運営 Y.Miyado
自己紹介 G検定2020#1 毎日X(旧Twitter)でAI最新情報収集するのが日課です。 最近はAIエージェントやロボットAIに関心があります。 会社では物理シミュレーション AI関連の業務をしてます。 → 人工知能学会誌 Vol.38 No.3
(2023年5月号)の特集「AIとシ ミュレーション」 に寄稿してま す。 CDLE (Web, Slack) ビジネス関連のご連絡はこちら
Antigravityを起動する 事前に案内したセットアップが完了していれば、こんな画面になっていると思います。 エディタ画面はVisual Studio Code(VSCode)とだいたい同じです。 エディタ画面 Agent Manager画面
設定確認 Antigravityにあまり慣れていない人は Strict Modeにしましょう。 ブラウザツールは安全上の理由から今回は OFFにしておきます。
Agent Manager Agent ManagerはAIエージェントを管理するための画面です。ここからいろんな指示を AIに投げて作業してもら います。 今日はやりませんが、実際には AIエージェントを複数並列で走らせることができます。 AIとやり取りした内容が表 示されます
フォルダを開く [Open local folder]をクリックして適当なフォルダを選択します。このフォルダが AntigravityのWorkspaceになり ます。 もし「作成者を信頼しますか?」と聞かれたら、 [フォルダーを信頼して続行 ]をクリックします。 Agent
Manager画面 エディタ画面でも同じように操作できます
AIと会話する前の準備 Planningモードになっているのを確認してください。このモードでは AIがまず計画を作成して提示してくれます。 AIモデルのデフォルトはGemini 3 Pro (High)ですが、好みに応じて変更できます。 AIモデルは使用量に応じて制限がかかります。 Google AI
Pro/Ultraプランでは制限が緩和されます。
AIにやってもらいたいことを記述する AIにやってもらいたいことを記述します。詳細が決まってなくても後で調整できます。 Agent Manager画面 ブラウザだけで動くゲームを作りたい。 4色のボールがランダムに上から落ちてきてプレイヤーは下のバ スケットを左右に動かしてキャッチします。 同じ色を連続で取るとコンボでボーナスポイントが入る。 キャッチできなかったボールが合計 5個になったらゲームオー
バー。 # 制約条件 外部ライブラリなし。 1ファイルで完結。ファイル名「 color_ball_catcher.html」 回答はすべて日本語で行うこと。 エディタ画面を使う場合は画面右側のAgentにプロンプトを入れます プロンプトの例
AIが計画を作成・提示 Antigravity(Planningモード)ではAIがいきなりコードを書き始めるのではなく、最初に計画を作ってくれます。 計画ができあがるとAIからメッセージが届くのでInboxを確認しましょう。 Agent Manager画面
AIが作成した計画をレビュー:タスク管理 タスク管理(Task Lists)ではAIエージェントが構造化されたプランを生成します。 通常、このプランを編集する必要はありませんが、確認して、必要に応じてコメントを追加して変更できます。
AIが作成した計画をレビュー:実装計画 実装計画を表示します。 (補足)実装計画が表示されないとき 会話から実装計画を開く。 または、画面右側にアーティファクト一覧 を出して選択する。 ここをクリックしてサイドバーを展開 現在使っている会話を 選択
AIが作成した計画をレビュー:実装計画 AIが作成した計画に修正を加えることができます。行または選択した箇所にコメントをいれます。 レビューが終わったら[Proceed]をクリックして実装をスタートさせます。 行にコメントする場合 選択部分にコメントする場合
AIが作成した計画をレビュー:実装計画 念のため、実装計画にて検証プロセスが「手動検証」になっているか確認してください。 AntigravityにはAIがブラウザを操作する機能が備わっているのですが、今回は安全上の理由でブラウザツー ルをOFFにしており、ユーザーが手動で動作検証するためです。
実装状況を見守る AIが実装を開始するので見守ります。(ずっと見てなくてもいいですが) Agent Managerの画面右側にアーティファクト一覧を表示して、 TasksやImplementation Plan(実装計画)が書 き変わっていくのを眺めていると面白いです。 AIがどこまで作業してるかわかります
検証&修正 実装が終了したら、作成された HTMLファイルをブラウザで開いて動作確認してみましょう。 思い通りにできていなかったら AIに修正を依頼します。修正時には エディタ画面で変更をAcceptしてください。 「ブラウザで開きました」みたいなメッセージが出ることがありますが、ブラ ウザツールOFFなので手動で開いてください。 修正依頼コメント例 修正時はエディタ画面で変更を
Acceptします
検証&修正 補足 実装後、Agent ManagerでAIが停止して書き込みできなくなることがあります。その場合は、 Inboxを表示して [Run]をクリックします。(クリックするとブラウザで HTMLが表示されます)
作成例 シンプルですが、こんな感じのゲームができました。 皆さんはいかがでしょうか?
(補足)アーティファクト 「アーティファクト」というと考古学の人工遺物のようなイメージを持つかもしれませんが、ソフトウェア開発の文脈 では「ソフトウェア開発の副生成物」というような意味です。 Antigravity では、単にコード(ファイル)を作成 /修正するだけでなくAIエージェントがそれを「実装計画」や「タス クリスト」などの形でわかりやすく説明するようになっており、それをアーティファクトと呼びます。
(補足)アーティファクト タスクリストや実装計画のほかには次のようなアーティファクトがあります。 • Walkthrough: エージェントがタスクの実装を完了すると、変更の概要とテスト方法がまとめられたものが 作成されます。 • Screenshots: 変更前後の UI
の状態をキャプチャします。 • Browser Recordings: 動的なインタラクションでは、エージェントはセッションの動画を録画します。この動 画を見ることで、アプリを自分で実行しなくても機能要件が満たされていることを確認できます。
いろんなアイディアを 試してみましょう!
作成例2:逆インベーダーゲーム