1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

@Yushi88(使える最新テック)

AG-UI Protocolとは──MicrosoftもGoogleも採用したエージェントUI標準

1
Posted at

2026年5月5日、CopilotKitが27Mドル(約42億円)のSeries Aを調達した。注目は資金額ではなく、彼らが推進する AG-UI Protocol だ。これは Agentic UI(エージェントが画面要素を能動的に動かすUI設計)と Generative UI(エージェントがフォームや図表そのものを生成する仕組み)を支える共通プロトコル仕様で、Microsoft Agent Framework、Google ADK、AWS Strands Agents、LangGraph、Mastra、AG2など主要なエージェントフレームワーク10種以上が同じ仕様に乗った。エージェントを画面に届ける配線が「自前で書くもの」から「標準を呼び出すもの」へ変わろうとしている。

エージェントを画面に出す配線が、毎回独自に発明されてきた

過去2年、エージェント機能を既存Webアプリに足そうとした開発者は、ほぼ同じ作業を独自に発明してきた。バックエンドが「考え中」「ツールを呼ぶ」と途中経過を吐くたびに、WebSocketかSSE(Server-Sent Events、サーバから一方向にデータを流す仕組み)でフロントへ流す。フロント側はチャットの吹き出しを伸ばすか、サイドバーを開くか、人間承認モーダルを挟むかを案件ごとに場合分けで書く。CopilotKitはこの状況を Chat Wall(チャットの壁) と呼ぶ。エージェントがどれだけ賢くなっても、ユーザーから見れば右下のチャット窓に閉じ込められたオモチャに見える、という意味だ。原因はインフラ側にある。エージェントと画面の間に共通言語がなかった。

AG-UIとは何か──「仕様」と「リファレンス実装」をまず分ける

混同を避けるため最初に区別する。AG-UI はMITで公開された プロトコル仕様 で、CopilotKit はその仕様を提唱した会社名であり、リファレンス実装(OSS SDK)と商用プラットフォームを提供する立場だ。

クライアントはまずHTTPでメッセージを送り、サーバはSSEのストリームを開く。そこに 16種類 のJSONイベントを流すだけの仕様だ。本文配信の TEXT_MESSAGE_CONTENT、外部呼び出しの TOOL_CALL_START / TOOL_CALL_END、内部状態の差分・全量の STATE_DELTA / STATE_SNAPSHOT、実行ライフサイクルの RUN_STARTED / RUN_FINISHED / RUN_ERROR の主要8種で、画面更新のほとんどはカバーできる。残り8種(メッセージや手順のライフサイクル、生成UI宣言、人間承認の中断、任意拡張など)は公式仕様(docs.ag-ui.com)に網羅されている。フロント側はこの16種を処理するロジックさえ書けば、どんなエージェントバックエンドにもつながる。

MCPは道具を渡す、A2Aは同僚と話す、AG-UIは画面の住人と話す

2026年のエージェント界隈には似た名前のプロトコルが並ぶが、担当する境界が違う。

プロトコル 担当する境界 主導
MCP(Model Context Protocol) エージェント↔道具(API・DB) Anthropic
A2A(Agent-to-Agent Protocol) エージェント↔他のエージェント Google→Linux Foundation
AG-UI エージェント↔画面(ユーザー) CopilotKit

DEV CommunityのJubin Soni氏の比喩が分かりやすい。3つは「競合ではなく階層」で、TCP・HTTP・HTMLのような関係にある。ユーザーが画面で質問を入れる→AG-UIでエージェントへ流れる→エージェントがMCPで社内DBを叩く→並行してA2Aで別チームへ作業を委ねる→戻ってきた結果が再びAG-UIでフロントへ反射する。それぞれが違う境界を担当するから衝突しない。

ReactフックでAG-UIを呼ぶ最小コード

リファレンス実装(Microsoft Agent Framework + CopilotKit)で最小構成を見る。サーバー側(Python):

from fastapi import FastAPI
from agent_framework import ChatAgent, ai_function
from agent_framework.azure import AzureOpenAIChatClient
from agent_framework_ag_ui import add_agent_framework_fastapi_endpoint

@ai_function
def summarize_clause(clause_id: str) -> str:
    """指定された契約条項を要約して返す。"""
    return load_clause(clause_id).summarize()

agent = ChatAgent(
    name="contract_assistant",
    instructions="You help users understand contracts.",
    chat_client=AzureOpenAIChatClient(),
    tools=[summarize_clause],
)

app = FastAPI()
add_agent_framework_fastapi_endpoint(app, agent, path="/agent")

クライアント側(React):

import { CopilotKit, useCopilotAction } from "@copilotkit/react-core";
import { CopilotChat } from "@copilotkit/react-ui";

function ContractApp() {
  useCopilotAction({
    name: "highlightClause",
    description: "契約ビューア上で該当条項にスクロールする",
    parameters: [{ name: "clauseId", type: "string" }],
    handler: ({ clauseId }) =>
      document.getElementById(clauseId)?.scrollIntoView(),
  });

  return (
    <CopilotKit runtimeUrl="/api/copilotkit" agent="contract_assistant">
      <ContractViewer />
      <CopilotChat />
    </CopilotKit>
  );
}

クライアントの runtimeUrl="/api/copilotkit" はNext.jsのAPI Route宛で、そこからCopilotKit Runtime経由でPython側の /agent エンドポイントへ転送される構成だ(直結する場合は両者のパスを揃えてもよい)。両者をつなぐAG-UIプロトコル自体のコードは1行も書いていない── add_agent_framework_fastapi_endpoint がサーバ側のSSEとイベントエンコードを、<CopilotKit> プロバイダがクライアント側のイベント受信と状態同期を、それぞれ隠している。サーバ側 @ai_function は『データを実際に叩く道具』、フロント側 useCopilotAction は『DOMやステートを動かす道具』として登録され、エージェントからはどちらも同じ『呼べる道具』として並ぶ。これが「フロントエンド側のMCP」と呼ばれるゆえんだ。

DocuSignとFunction Health──同じ仕様が契約条項と血液検査を動かす

CopilotKit公式ブログによれば、Series A発表時点で公開している本番顧客は5社で、業種が分散している。

  • DocuSign(米国、電子署名・契約管理):アプリの中に「この条項はどういう意味か」「修正案を提案して」と聞ける agentic experience を埋め込む。同社は「CopilotKit SDKが開発を加速し、ユーザーが自信を持って作業を終えられる」と公式コメントを出した。
  • Function Health(米国、消費者向け予防医療):血液検査やウェアラブルの結果を、患者本人が対話的に読み解くpatient agent UIの基盤としてCopilotKitを採用。医療データを「読むだけ」から「聞ける」体験に変えた。
  • 同公式ブログにはこのほか S&P Global(金融データ、アナリスト用画面のデータ問い合わせと可視化エージェント)、Cisco(ネットワーク・セキュリティ運用ツール)、Deutsche Telekom(欧州大手通信、社内向け業務アプリ)が本番顧客として列挙されている。内部実装の詳細は非公開だ。

CopilotKitは「Fortune 500の半数以上が我々のツールを本番で使っている」とも主張するが、これは製品全体の数字で、AG-UI採用が一次ソースで公開されているのは上記5社である点に注意。週400万回ダウンロード、CopilotKit本体とAG-UI仕様で合計4万スター以上のOSS指標と合わせれば、過大な誇張ではない。

ベンダー側の足並みは粒度が異なる。Microsoft Agent Frameworkは2025年11月にAG-UIを ファーストパーティで公式統合、AWS Bedrock AgentCore Runtimeは2026年3月に 対応プロトコルとして追加、Google ADKは UIレイヤとして案内 と、動詞には温度差がある。それでもクラウド3社が同じ仕様の上に乗ったプロトコルは、2026年時点では稀である。

採用する前に詰めておく3つの論点

1つはGoogle A2UI(2026年公開、エージェントが「フォームを描いて」「棒グラフを置いて」と返す宣言的UI仕様)との並走だ。AG-UI(イベント駆動)とA2UIは補完関係と説明されるが、現場から見れば「同じレイヤに2仕様」と映る。標準が落ち着くまで1〜2年はかかると考えられる。

2つめは SSE層の非機能要件。AG-UIは「何を流すか」は決めるが、再接続・順序保証・認証/認可・バックプレッシャは仕様の外側にある。CopilotKitリファレンス実装はSSE切断時に直近の STATE_SNAPSHOT から再開する設計だが、本番ではEnvoy/NGINXのidle timeoutやリトライ戦略を別途詰める必要がある。

3つめは CopilotKitという単一企業への依存。仕様自体はMITだが、推進体制は従業員約25名のCopilotKitに集中している。Linux Foundation配下に移ったA2Aプロトコルとは温度差があり、「強い1社が引っ張るOSS」に近い。長期採用はCTOレベルでこの中央集権度合いを評価しておきたい。

最後に──画面の中の標準はどこに着地するか

エージェント本体の競争は基盤モデル各社が消化しつつあるが、画面の中で動かす配線部分はまだ独自実装が支配している。AG-UIはそこに最低限の共通言語を引いた。Fortune 500の名前に押されて飛びつく前に、自社が欲しいのが「16イベントの規格化」なのか「特定フレームワークのReact Hook」なのかを切り分けたい。1年後、AG-UIとA2UIのどちらが画面の中の標準として残っているか──Agentic UI時代の観測点として、追いかけるだけの価値はある。

参考文献

  1. CopilotKit Blog - CopilotKit raises $27M Series A https://www.copilotkit.ai/blog/series-a
  2. AG-UI Protocol 公式ドキュメント https://docs.ag-ui.com/introduction
  3. ag-ui-protocol/ag-ui GitHub README https://github.com/ag-ui-protocol/ag-ui
  4. CopilotKit/CopilotKit GitHub README https://github.com/CopilotKit/CopilotKit
  5. CopilotKit AG-UI 製品ページ https://www.copilotkit.ai/ag-ui
  6. CopilotKit Blog - AG-UI Protocol: Bridging Agents to Any Front End https://www.copilotkit.ai/blog/ag-ui-protocol-bridging-agents-to-any-front-end
  7. CopilotKit Blog - The State of Agentic UI: Comparing AG-UI, MCP-UI, and A2UI Protocols https://www.copilotkit.ai/blog/the-state-of-agentic-ui-comparing-ag-ui-mcp-ui-and-a2ui-protocols
  8. CopilotKit Blog - Build with Google's new A2UI spec https://www.copilotkit.ai/blog/build-with-googles-new-a2ui-spec-agent-user-interfaces-with-a2ui-ag-ui
  9. CopilotKit Blog - Microsoft Agent Framework is now AG-UI compatible https://www.copilotkit.ai/blog/microsoft-agent-framework-is-now-ag-ui-compatible
  10. CopilotKit Blog - AG-UI Goes Mobile: Kotlin SDK https://www.copilotkit.ai/blog/ag-ui-goes-mobile-the-kotlin-sdk-unlocks-full-agent-connectivity-across-android-ios-and-jvm
  11. Microsoft Learn - AG-UI Integration with Agent Framework https://learn.microsoft.com/en-us/agent-framework/integrations/ag-ui/
  12. Microsoft Learn - Getting Started with AG-UI (Python) https://learn.microsoft.com/en-us/agent-framework/integrations/ag-ui/getting-started
  13. Microsoft Dev Blogs - AG-UI Multi-Agent Workflow Demo https://devblogs.microsoft.com/agent-framework/ag-ui-multi-agent-workflow-demo/
  14. Microsoft Community Hub - AG-UI: The Future of Agent-Driven User Interfaces https://techcommunity.microsoft.com/blog/appsonazureblog/ag-ui-the-future-of-agent-driven-user-interfaces/4515769
  15. Google ADK Documentation - AG-UI user interface for ADK https://google.github.io/adk-docs/integrations/ag-ui/
  16. AWS What's New - Amazon Bedrock AgentCore Runtime now supports the AG-UI protocol https://aws.amazon.com/about-aws/whats-new/2026/03/amazon-bedrock-agentcore-runtime-ag-ui-protocol/
  17. AWS Bedrock AgentCore - AG-UI protocol contract https://docs.aws.amazon.com/bedrock-agentcore/latest/devguide/runtime-agui-protocol-contract.html
  18. CopilotKit Docs - CoAgents 概要 https://docs.copilotkit.ai/coagents
  19. CopilotKit Docs - Shared State https://docs.copilotkit.ai/coagents/concepts/state
  20. CopilotKit Docs - CoAgents Quickstart (LangGraph) https://docs.copilotkit.ai/coagents/quickstart/langgraph
  21. TechCrunch - CopilotKit raises $27M to help devs deploy app-native AI agents https://techcrunch.com/2026/05/05/copilotkit-raises-27m-to-help-devs-deploy-app-native-ai-agents/
  22. GeekWire - Seattle's CopilotKit raises $27M https://www.geekwire.com/2026/seattles-copilotkit-raises-27m-as-some-of-the-biggest-names-in-tech-adopt-its-ai-agent-protocol/
  23. The AI Insider - CopilotKit Secures $27M Series A https://theaiinsider.tech/2026/05/06/copilotkit-secures-27m-series-a-to-embed-ai-agents-directly-into-enterprise-apps/
  24. Pulse2 - CopilotKit: $27 Million Series A https://pulse2.com/copilotkit-27-million-series-a-raised-for-enterprise-agentic-frontend-stack/
  25. AI2Work - CopilotKit Raises $27M to Make AG-UI the Standard https://ai2.work/blog/copilotkit-raises-27m-to-make-ag-ui-the-standard-for-in-app-ai-agents
  26. MarkTechPost - CopilotKit Introduces Enterprise Intelligence Platform https://www.marktechpost.com/2026/05/06/copilotkit-introduces-enterprise-intelligence-platform-that-gives-agentic-applications-persistent-memory-across-sessions-and-devices/
  27. ynetnews - CopilotKit raises $27 million https://www.ynetnews.com/business/article/rkvnzrv0bx
  28. DEV Community - The Agent Protocol Stack: MCP vs A2A vs AG-UI https://dev.to/jubinsoni/the-agent-protocol-stack-mcp-vs-a2a-vs-ag-ui-when-to-use-what-6dn
  29. DEV Community - Give Your AG2 Agents a UI with AG-UI and CopilotKit https://dev.to/copilotkit/give-your-ag2-agents-a-ui-with-ag-ui-and-copilotkit-3kl5
  30. Medium / Google Cloud Community - Agent Protocols MCP, A2A, A2UI, AG-UI https://medium.com/google-cloud/agent-protocols-mcp-a2a-a2ui-ag-ui-3ed8b356f1bc
  31. DataCamp - AG-UI Overview: A Lightweight Protocol for Agent-User Interaction https://www.datacamp.com/tutorial/ag-ui
  32. DeepWiki - ag-ui-protocol/ag-ui Community SDKs https://deepwiki.com/ag-ui-protocol/ag-ui/6-community-sdks
1
0
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
Sign upLogin
1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?