StrandsAgentsで構築したAIエージェントにMCP Apps機能を追加してみた

Transcript

1. StrandsAgents で構築した AI エージェントに MCP Apps 機能を追加してみた 2026/2/13( 金) 第47 回 JAWS-UG 札幌 勉強会 コンテナ特集！ 宮崎 健太　( たけのこ) 1
2. 宮崎 健太 ( たけのこ) 業務：　　Web フロント開発 or 最近はAWS メイン 所在地：　札幌 趣味：　　ゲーム、お酒( クラフトジン) 好きなAWS サービス： 　・AWS Amplify 　・Amazon Bedrock AgentCore X ：@K5ARULtkUA4594 自己紹介 2
3. 話すこと Generative UI や MCP Apps 周りの概要の話 StrandsAgents で構築したAI エージェンにMCP Apps を追加する話 話さないこと AI エージェントやMCP Apps の業務活用など応用的な話 話すこと / 話さないこと 3
4. 1. Generative UI と 実装アプローチ (MCP Apps / A2UI) 2. AWS におけるAI エージェント開発 3. AWS を活用したAI エージェント+MCP Apss 構築例 4. まとめ アジェンダ 4
5. Generative UI と 実装アプローチ 5
6. AI が動的にユーザーインターフェース(=UI) を生成するという手法 ・従来の課題：AI とテキストベースの対話は、ユーザーの手間が多く体験が悪い ・解決する方法：AI とユーザーがUI を介して対話する 　　→ 場所が知りたい：地図で表示 　　→ 統計が知りたい：グラフで表示 Generative UI とは 6
7. ① MCP Apps ・ 2026 年1 月26 日にリリースした公式のMCP 拡張によるアプローチ ・ MCP のプリミティブであるTool とResource が拡張されている ・ Tool の実行結果をもとに、Resource でTool に紐づくUI を表示する ② A2UI ・ AI がJSON 形式でUI 定義を生成する宣言的UI プロトコルによるアプローチ ・ 2/13 時点でv0.8 のプレビュー公開状態 ・ Google 開発なのでAngular 、Flutter あたりが対応済み / React は対応中 AI エージェントにGenerarive UI を実装する２つのアプローチ 7
8. MCP Apps のざっくりとした流れ 8
9. AWS におけるAI エージェント開発 9
10. StrandsAgents 　・AWS が提供するAI エージェントを構築するためのSDK Amazon Bedrock AgentCore 　・AI エージェントをAWS 上で構築/ 運用できるマネージドサービス 　・Runtime を使うことで、MCP サーバー、AI エージェントをホスト可能 AWS 上でAI エージェントを構築するための仕組み 10
11. ・CopilotKit は、AI エージェントと統合してアプリ構築するためのフレームワーク ・StrandsAgents にも対応しており、フロントエンドとAG-UI で通信が可能 ・AG-UI は、フロントエンドとエージェントが非同期で通信するプロトコル CopilotKit と StrandsAgents によるAI エージェント構築 11
12. ・MCP Apps に対応したMCP サーバーに接続すれば、CopilotKit がいい感じに処理する CopilotKit はMCP Apps に対応 12
13. AWS を活用した AI エージェント+MCP Apss 構築例 13
14. Amazon Bedorck AgentCore と AWS Amplify で構築 14
15. まとめ 15
16. ・費用 対 効果 を考えると、まずはテキストベースのAI エージェントで始める 　　→　費用：学習コスト + システムとしての複雑性... 　　→　効果：ユーザー体験の向上！ ... 本当に求められてる？ 　 ・ニーズやサービスの限界を感じたらGenerative UI の実装を検討する 　　→ ニーズ：ユーザーの声を聞く 　　→ 限界：機能要件をテキストベースでは満たせない 　 ・Generative UI にも複数のアプローチがあり、選定が必要 　　→ 主に MCP Apps 、A2UI のいずれを選択するか どうやってシステムに組み込んでいくか 16
17. ・ Generative UI を組み込めばユーザー体験が向上が狙える 　 ・ MCP Apps というMCP の拡張が登場し、Generative UI が実装しやすくなった 　 ・ 現状、 「MCP Apps 」と「StrandsAgents 」と組み合わせるならCopilotKit が必要 　 ・ CopilotKit やMCP サーバーの追加が必要なので、どうしてもシステムは複雑になる 　 ・ 「複雑になることによるデメリット」vs 「ユーザー体験のメリット」で決めていく まとめ 17
18. ありがとうございました!! 18