AG-UIとStrandsAgents・AgentCoreを<br>絡めたAIエージェント周りの話

JAWS-UG 茨城 #13 祝・新CBs誕生！AWS Community BuildersLT大会
https://jawsug-ibaraki.connpass.com/event/390791/

Transcript

1. AG-UIとStrandsAgents・ AgentCoreを 絡めたAIエージェント周りの話 2026/05/13(水) JAWS-UG 茨城 #13 祝・新CBs誕生！AWS Community Builders LT大会 宮崎 健太（たけのこ） 1
2. 宮崎 健太（たけのこ） 業務 ソフトウェアエンジニア 所在地 札幌 趣味 ゲーム、お酒(クラフトジンとか) その他 AWS Community Builders 2026 (AI Engineering) X:@K5ARULtkUA4594 自己紹介 2
3. 話すこと CBs(AI Engineering)に選出されるまでの活動内容 最近ハマってるAIエージェントのフロントエンドの話 話さないこと 詳細な実装方法・コード解説・ベストプラクティス 本日話すこと・話さないこと 3
4. 1. CBs 選出までの活動内容 2. AWSでAIエージェントを構築するには 3. フロントエンドとAIエージェントを繋ぐAG-UI 4. AWSのAG-UIサポート状況 5. まとめ アジェンダ 4
5. 1. CBs 選出までの活動内容 5
6. 2026年 AWS Community Builders に選出されました カテゴリ：AI Engineering 6
7. Qiita記事 AWS関連で27本（AI関連で11本） 主なテーマ：AIエージェント/ AIエージェントのフロントエンド 登壇 オフライン4回 / オンライン0回 テーマ：全登壇で共通 - AIエージェントのフロントエンド構築 2025年の活動内容(ざっくり) 7
8. ① フロントエンド 元々フロントエンド業務だったこともあり、AWS Amplifyに興味を持ち始める ② AIエージェント 2025年、Strands AgentsやAgentCoreが登場し、AIエージェント構築に興味を持ち 始める ① ＋ ②：AIエージェントのフロントエンド Strands AgentsとAgentCore構成で、フロントエンドをどう作るかが課題に。 これが主な活動テーマ！ ※ AWSサービス自体のアウトプットより、その活用法に注目してきた 活動内容の中身 8
9. 2. AWSでAIエージェントを 構築するには 9
10. Strands Agents 　・AWSが提供するAIエージェントを構築するためのSDK 　・最短3行でAIエージェントを実装できる 　・元々Python用のSDKだったが、TypeScript版も登場した Amazon Bedrock AgentCore 　・AIエージェントをAWS上で構築/運用できるマネージドサービス 　・特にRuntime機能を使うことで、AIエージェントをホスティングできる 　・他にも色々と機能がある AWS上でAIエージェントを構築するための仕組み 10
11. ・Runtimeは、コンテナ上でAIエージェントのコードをホスティングできる 　　→ 実装したStrandsAgentsのコードをデプロイ！！ ・フロントエンドは、エンドポイントURLをHTTPのPOSTで呼び出す 　　→ /invocations、/ping、/ws(WebSocket)のエンドポイントを提供 フロントエンドとAgentCore Runtimeの関係 11
12. フロントエンドとAIエージェントの繋ぎどうすんの？ 12
13. 3. フロントエンドと AIエージェントを繋ぐAG-UI 13
14. AIエージェントとフロントエンドの間の「共通プロトコル」であり、 エージェントが今何をしているかを、フロントエンドにリアルタイムで届ける ための取り決め AG-UIの概要 14
15. ▶ CopilotKit が2025年5月に作ったプロトコル ▶ WebSocket、SSE（サーバー送信イベント）でも動作し、通信方式を選ばない ▶ 「テキスト生成中」 「ツールを呼んだ」 「思考中」など、エージェントの動きを ひとつひとつイベントとしてフロントエンドに届ける カテゴリ 主なイベント 概要 ライフサイクル RUN_STARTED / RUN_FINISHED 実行の開始・終了 テキスト TEXT_MESSAGE_CONTENT トークン単位のストリーミング ツール操作 TOOL_CALL_START / TOOL_CALL_END ツール呼び出しの可視化 状態管理 STATE_SNAPSHOT / STATE_DELTA JSON Patchによる差分同期 推論 REASONING_START / REASONING_END 思考ステップの可視化 もう少し補足 15
16. 4. AWSのAG-UIサポート状況 16
17. 2025.05 AG-UIプロトコル誕生 CopilotKitがオープンソースとして公開 2025.12 Strands Agents アダプター登場 ag-ui-strands パッケージ初回リリース 2026.03 AgentCore Runtime が AG-UI を正式サポート MCPなどと同列のプロトコルとして公式採用 ⚠️ 「2025・12」時点でRuntimeがHTTPでもAG-UIは動作していた AWSのAG-UIサポート状況 17
18. ag-ui-strands パッケージ AG-UI公式リポジトリが提供するStrands Agents向けのアダプタ 主にStrandsのイベントをAG-UIイベントに変換し、SSEでフロントエンドへ配信 リクエスト レスポンス AG-UI HTTP + SSE フロントエンド AG-UI クライアント フロントエンドをAG-UI 化 アプリケーション AI エージェント Amazon Bedrock AgentCore (Runtime) StrandsAgents アダプタ StrandsAgents をAG-UI 化 StrandsAgents Amazon Bedrock リクエスト レスポンス 2025.12 - Strands Agents アダプタ登場 18
19. 2026年3月13日頃にRuntimeのプロトコルにAG-UI追加 プロトコル ポート 役割 HTTP 8080 AIエージェントやHTTP/SSEアプリケーションをホストする AGUI (New) 8080 AIエージェントをホストし、アプリケーションとAG-UIでやり取りする MCP 8000 MCPサーバーをホストし、AIエージェントがツールとして呼び出す A2A 9000 AIエージェントをホストし、他のAIエージェントとやり取りする IaCの対応状況（2026/5/10時点） ▶ CloudFormation：対応済み ▶ CDK：PRがマージ済み、リリース待ち Amazon Bedrock AgentCore RuntimeでAG-UIがサポート 19
20. AG-UIはHTTPと共存できる 通信プロトコルに依存しないイベントベース設計のため、RuntimeがAGUIをサポートする前か らHTTP上でAG-UI対応のAIエージェントを動作させることが可能 AG-UIイベント変換はStrands Agents側の責務 AG-UI形式へのイベント変換などのロジックは、AgentCore RuntimeではなくStrands Agents内で処理される RuntimeのAGUIの本質はポートやパスの違いではない ドキュメント上、HTTPとAGUIはポート・パスがほぼ同じ。 違いはユースケースとリクエスト/レスポンスの実装方針。 「このエージェントはAG-UIでアプリとやり取りする」と明示できることが肝 AWSのAG-UIサポート状況まとめ 20
21. まとめ 21
22. 好きなことを探求してCBsになろう！！ ・正直AWS自体はそこまで追ってない！どちらかというとAWSの活用法に注目！ ・自分の好きを追うと、自分なりの色が出てくる！(セルフブランディング) 2026年の展望 = テーマは変えずにより深く ・AIエージェントのフロントエンドをよりリッチにしたい！(Generative UIなど) ・AgentCoreやStrandsAgentsの仕組みや活用をより深く理解したい！ まとめ 22
23. 明日(5/14) 19時からAmplify x Kiro ハンズオンやります！！ Amplify x Kiro オンライン ハンズオンーAmplify Boost Up #10 ちょっと宣伝 23
24. ありがとうございました!! 24