概要
https://zenn.dev/soundtricker/articles/a0c46f366ef953
詳細内容
## [A2UI] AIエージェントとUIをつなぐプロトコル A2UIを試してみる
https://zenn.dev/soundtricker/articles/a0c46f366ef953
Googleが公開したA2UI（Agent to UI）プロトコルは、AIエージェントがセキュアかつネイティブなUIをJSONメッセージを通じて動的に描画・制御するための共通言語を定義する。
**Content Type**: Technical Reference
**Language**: ja
**Scores**: Signal:5/5 | Depth:4/5 | Unique:4/5 | Practical:4/5 | Anti-Hype:4/5
**Main Journal**: 84/100 | **Annex Potential**: 83/100 | **Overall**: 84/100
**Topics**: [[A2UI, AIエージェント, JSONプロトコル, UI/UX, Google]]
Google Developer Expertである著者が、2025年12月にGoogleからリリースされたオープンソースのプロトコル「A2UI (Agent to UI)」を解説し、サンプルを用いた動作検証を報告している。
著者はまず、従来のAIエージェントにおける「テキストベース対話」の限界を指摘する。例えばレストラン予約のようなタスクでは、チャット形式だと日時や人数の確認で何度も往復が発生し、効率が悪い。しかし、エージェントが直接「予約フォーム」を表示できれば、ユーザーは一回の操作で要件を完結できる。これまでもUIを表示する試みはあったが、JavaScriptの生成・実行（eval等）によるセキュリティリスクや、iframe利用によるデザインの分断といった課題が、ネイティブアプリへの統合を阻んでいた。
A2UIは、これらの課題を「エージェントがUIの構造とデータを記述したJSONメッセージを送信し、クライアント側が事前に定義したネイティブコンポーネントで描画する」という仕組みで解決する。著者が挙げている主なメリットは以下の3点だ。
1. **セキュリティ**: エージェントは「ボタンを表示せよ」という指示（JSON）を送るだけで、実行可能なコードは送らない。クライアントは自らのカタログにある安全なコンポーネントのみを使用するため、UIインジェクション等のリスクを排除できる。
2. **ネイティブな体験**: ReactやAngular、Flutterなどのネイティブコンポーネントとして描画されるため、アプリ本来のデザインシステムや操作感を損なわない。
3. **LLMフレンドリー**: フラットなJSON構造を採用しており、LLMによるストリーミング生成に適した設計となっている。
記事では、主要なコンセプトとして「Surface（描画領域）」「Catalog（利用可能なコンポーネント群）」「Data Model（アプリケーションの状態）」が紹介され、具体的なデータフローが示されている。著者がAngularを用いたクイックスタートデモ（レストラン予約）を試したところ、エージェントから返却されたJSONに基づき、日時選択や人数入力のフォームが動的にレンダリングされることを確認した。著者は、この仕組みがテキストのみのチャットよりも圧倒的にスムーズであり、「アプリの一部」として自然に機能すると評価している。
結論として、A2UIはエージェント開発における「UI表示」の決定的な解決策になる可能性があり、特にセキュリティとネイティブなルック＆フィールを両立させた設計思想は、今後のエージェント開発のスタンダードになり得ると主張している。著者は今後、Agent Development Kit (ADK) と組み合わせたシステムの構築を展望している。