Slide 1

Slide 1 text

Bedrock AgentCoreで解き放て︕ Strands Agentsで構築する マルチエージェントの実装Tips KDDIアジャイル開発センター株式会社 テックエバンジェリスト 御⽥ 稔(みのるん)

Slide 2

Slide 2 text

1 KDDI Agile Development Center Corporation $ whoami 御⽥ 稔(みのるん) @minorun365 テックエバンジェリスト KDDIアジャイル開発センター株式会社(KAG) クラウドや⽣成AIで内製開発を⾏いながら 技術の楽しさを広める活動をしています AWS Community Hero AWS Samurai 2023, 2024 2025 Japan AWS Top Engineer 2025 Japan AWS All Certs Engineer Qiita 2024 Top Contributor

Slide 3

Slide 3 text

2 KDDI Agile Development Center Corporation 今⽇、何の⽇か知ってますか…︖

Slide 4

Slide 4 text

3 KDDI Agile Development Center Corporation # みのるんワールドツアー2025 千秋楽︕ ⽉ ⽕ ⽔ ⽊ ⾦ ⼟ ⽇ 8/18 19 20 21 22 23 24 25 26 27 28 29 30 31 9/1 2 3 4 5 6 7 8 9 10 11 ★書籍校了 12 13 14 15 16 17 18 19 20 21 新潟 シアトル 横浜 ⼤阪 ⾚坂 岩⼿ 新宿 名古屋 横浜

Slide 5

Slide 5 text

4 KDDI Agile Development Center Corporation みなさん、2025年は 何の年か知ってますか…︖

Slide 6

Slide 6 text

5 KDDI Agile Development Center Corporation 2025年は “AIエージェント元年” らしいです xtech.nikkei.com/atcl/nxt/column/18/03206

Slide 7

Slide 7 text

6 KDDI Agile Development Center Corporation AIエージェント元年、もう9⽉︕ みなさんはバリバリ使いこなせていますか︖

Slide 8

Slide 8 text

7 KDDI Agile Development Center Corporation もしかして、これのこと思い浮かべてませんか…︖

Slide 9

Slide 9 text

8 KDDI Agile Development Center Corporation これらはコーディングAIエージェント。あくまで、いちジャンルに過ぎません AIエージェント コーディング⽤ AIエージェント

Slide 10

Slide 10 text

9 KDDI Agile Development Center Corporation え、じゃあ AIエージェントって何なの…︖

Slide 11

Slide 11 text

10 KDDI Agile Development Center Corporation AIエージェントとは︖ AIを使った「なんか賢いアプリケーション」全般をAIエージェントと呼んでいます。 旅⾏の予約しといて 稟議資料の叩き作って コード書いて、 プルリク出しといて 旅⾏予約AIエージェント 資料作成AIエージェント コーディングAIエージェント

Slide 12

Slide 12 text

11 KDDI Agile Development Center Corporation AIエージェントとは︖ AIを使った「なんか賢いアプリケーション」全般をAIエージェントと呼んでいます。 旅⾏の予約しといて 稟議資料の叩き作って 旅⾏予約AIエージェント 資料作成AIエージェント コード書いて、 プルリク出しといて コーディングAIエージェント これが流⾏りすぎて、 AIエージェント=開発者が使うもの だと思われちゃってることも🥹

Slide 13

Slide 13 text

12 KDDI Agile Development Center Corporation コーディング以外のAIエージェントの例 KDDIの “本部⻑AI” こと「A-BOSS」 営業の提案資料を何度でもレビューしてくれる︕ AWS 資料をアップするだけ

Slide 14

Slide 14 text

13 KDDI Agile Development Center Corporation LLM時代の「AIエージェント」の特徴 概ね以下の特徴をもつと⾔われている (Wang et al. 2024) AIエージェント プロファイリング ⻑期記憶 計画&振り返り ツール実⾏ 役割を定義したり パーソナライズできる ⼈間のように⻑い期間の 記憶をうまく保持する ⽬的を達成するために 計画を⽴て適宜修正する テキスト⽣成だけでなく 様々な外部ツールを使える

Slide 15

Slide 15 text

14 KDDI Agile Development Center Corporation そんな「AIエージェント開発」 いまいち普及してない。なぜ︖

Slide 16

Slide 16 text

15 KDDI Agile Development Center Corporation なぜ「AIエージェント案件」は難しいのか︖ 概念が理解しづらく、そもそも発注側が「AIエージェント」の要件を出すに⾄りづらい • ⽣成AIで最も多い「AIで何かやらなきゃ」案件、どうしても発注担当者の技術知識 (RAGやファインチューニング等)に引っ張られた要件になりがち

Slide 17

Slide 17 text

16 KDDI Agile Development Center Corporation なぜ「AIエージェント案件」は難しいのか︖ 概念が理解しづらく、そもそも発注側が「AIエージェント」の要件を出すに⾄りづらい • ⽣成AIで最も多い「AIで何かやらなきゃ」案件、どうしても発注担当者の技術知識 (RAGやファインチューニング等)に引っ張られた要件になりがち • エンジニア側の提案⼒も必要。顧客の潜在ニーズを察知して「その要件なら、 アプローチをこう変えればAIエージェントでうまく解決できますよ」と提案する必要がある

Slide 18

Slide 18 text

17 KDDI Agile Development Center Corporation なぜ「AIエージェント案件」は難しいのか︖ 概念が理解しづらく、そもそも発注側が「AIエージェント」の要件を出すに⾄りづらい • ⽣成AIで最も多い「AIで何かやらなきゃ」案件、どうしても発注担当者の技術知識 (RAGやファインチューニング等)に引っ張られた要件になりがち • エンジニア側の提案⼒も必要。顧客の潜在ニーズを察知して「その要件なら、 アプローチをこう変えればAIエージェントでうまく解決できますよ」と提案する必要がある せっかく導⼊しても、UXを⼯夫しないと使われず放置される • AIアプリはチャットボットになりがち。「このフォームに何でも⼊れてください︕」だと、 多くのユーザーは何をしたらいいか分からない

Slide 19

Slide 19 text

18 KDDI Agile Development Center Corporation なぜ「AIエージェント案件」は難しいのか︖ 概念が理解しづらく、そもそも発注側が「AIエージェント」の要件を出すに⾄りづらい • ⽣成AIで最も多い「AIで何かやらなきゃ」案件、どうしても発注担当者の技術知識 (RAGやファインチューニング等)に引っ張られた要件になりがち • エンジニア側の提案⼒も必要。顧客の潜在ニーズを察知して「その要件なら、 アプローチをこう変えればAIエージェントでうまく解決できますよ」と提案する必要がある せっかく導⼊しても、UXを⼯夫しないと使われず放置される • AIアプリはチャットボットになりがち。「このフォームに何でも⼊れてください︕」だと、 多くのユーザーは何をしたらいいか分からない • 開発前に業務を徹底分析する「サービスデザイン」と、⼩さいリリースを繰り返して ユーザーのフィードバックを素早く取り込むアプローチが効果的

Slide 20

Slide 20 text

19 KDDI Agile Development Center Corporation 私のプリセールス芸「Vibe商談」 「AIで何かやりたいんです」の商談中に、要件エスパーしながらデモアプリを⼿元で開発。

Slide 21

Slide 21 text

20 KDDI Agile Development Center Corporation 私のプリセールス芸「Vibe商談」 「AIで何かやりたいんです」の商談中に、要件エスパーしながらデモアプリを⼿元で開発。 打ち合わせの最後に「あなたが欲しいのってこんなやつですか…︖」と 実際に動くエージェントを⾒せると驚愕して、感動してもらえることが多い すげぇ︕︕ これください localhost:30000

Slide 22

Slide 22 text

21 KDDI Agile Development Center Corporation 私のプリセールス芸「Vibe商談」 この活動で気づいたポイント︓ • 実際に動くものを⾒せるまで、AIエージェントはパワポの世界にいる空想上の存在 すげぇ︕︕ これください localhost:30000

Slide 23

Slide 23 text

22 KDDI Agile Development Center Corporation 私のプリセールス芸「Vibe商談」 この活動で気づいたポイント︓ • 実際に動くものを⾒せるまで、AIエージェントはパワポの世界にいる空想上の存在 • 裏でエージェントが何をしているか、ストリーミングで逐次表⽰するUXがめちゃ重要 すげぇ︕︕ これください localhost:30000

Slide 24

Slide 24 text

23 KDDI Agile Development Center Corporation AWSでAIエージェントを作るには︖

Slide 25

Slide 25 text

24 KDDI Agile Development Center Corporation AWSクラウド 必ず使うビルディングブロック「Amazon Bedrock」 AWSが提供する開発者向けの⽣成AIサービス。 ⽣成AIモデルをサーバーレスで、API経由の従量課⾦で⼿軽に利⽤できる︕ アプリケーション サーバー Amazon Bedrock APIを叩くだけ アプリ利⽤者

Slide 26

Slide 26 text

25 KDDI Agile Development Center Corporation Bedrockを使って、AIエージェントを構築するには︖ Bedrock Agents Bedrock AgentCore Strands Agents 初⼼者向け 本格⼊⾨セット GUIでAIエージェントを 簡単に作れる︕ デプロイも運⽤もAWSに おまかせ ⾃分で開発したエージェントを サーバーレスでデプロイ︕ 認証、ツール、可観測性など 必要な機能だけをアドオンできる Python⽤のフレームワーク 最⼩3⾏のシンプルなコードで AIエージェントが書ける︕

Slide 27

Slide 27 text

26 KDDI Agile Development Center Corporation Amazon Bedrock Agents 本格的なAIエージェントが、AWSマネジメントコンソールからGUIで簡単に作れる︕ AWS Cloud Webアプリ Amazon Bedrock エージェント Amazon Bedrock ナレッジベース アクショングループ (AWS Lambda) 頭脳となるLLM (Claudeなど) Web API (例︓カレンダー サービス) 議事録を⾒て 次回予定を カレンダーに 登録しといて︕ ⾏動計画を ⽴てる 「ツール」を使って 外部サービスを操作 社内データを RAGで検索

Slide 28

Slide 28 text

27 KDDI Agile Development Center Corporation Amazon Bedrock エージェントの作り⽅ コンソールの「エージェントビルダー」から簡単作成︕ Lambda関数は、Claudeに書くのを⼿伝ってもらおう。 LLMを選択 指⽰を⼊⼒ 動作テスト できる ツールやRAGなど、 持たせる「武器」を設定

Slide 29

Slide 29 text

28 KDDI Agile Development Center Corporation 「マルチエージェント」で⾃分だけのAIチームを作ろう︕ 仕事が複雑になると、1体のエージェントだけでは対応しきれない。複数体をコラボさせよう。 マネジメントコンソールから簡単にチームが作れる︕ 監督者 エージェント 稟議資料 作っといて︕ 協⼒者 エージェント1 協⼒者 エージェント2 調査担当と スライド担当で 分担だ︕

Slide 30

Slide 30 text

29 KDDI Agile Development Center Corporation 簡単にAIエージェント作れたね︕ めでたしめでたし 〜完〜

Slide 31

Slide 31 text

30 KDDI Agile Development Center Corporation …⼈⽣そんなに簡単じゃないんです

Slide 32

Slide 32 text

31 KDDI Agile Development Center Corporation 「かんたん」と「⾃由度」はトレードオフ︕ Bedrock Agentsのつらみ • GUIは簡単だけど、何体もエージェント作るのがつらい︕ • IaCも⼀応対応してるけど、結構ハードル⾼め デプロイ

Slide 33

Slide 33 text

32 KDDI Agile Development Center Corporation 「かんたん」と「⾃由度」はトレードオフ︕ Bedrock Agentsのつらみ • GUIは簡単だけど、何体もエージェント作るのがつらい︕ • IaCも⼀応対応してるけど、結構ハードル⾼め • 新しいモデルが出ても、対応するまで時間がかかる • Bedrockのクォータに抵触すると即エラーで終了してしまう デプロイ LLM

Slide 34

Slide 34 text

33 KDDI Agile Development Center Corporation 「かんたん」と「⾃由度」はトレードオフ︕ Bedrock Agentsのつらみ • GUIは簡単だけど、何体もエージェント作るのがつらい︕ • IaCも⼀応対応してるけど、結構ハードル⾼め • 新しいモデルが出ても、対応するまで時間がかかる • Bedrockのクォータに抵触すると即エラーで終了してしまう • MCPに直接対応していない • マルチエージェントの構成に制限がある デプロイ LLM 応⽤

Slide 35

Slide 35 text

34 KDDI Agile Development Center Corporation ローコードが⾟くなってきたら コードを書こう💪

Slide 36

Slide 36 text

35 KDDI Agile Development Center Corporation ⼈気のAIエージェント開発⽤フレームワーク 定番の⽼舗、LangChainファミリー。 「グラフ」を描いてワークフローを構築 TypeScriptファーストの新星︕ Webアプリの延⻑でエージェントが書ける AWSが作ったPythonベースのSDK とにかくシンプルなので⼊⾨に最適

Slide 37

Slide 37 text

36 KDDI Agile Development Center Corporation 定番の⽼舗、LangChainファミリー。 「グラフ」を描いてワークフローを構築 TypeScriptファーストの新星︕ Webアプリの延⻑でエージェントが書ける AWSが作ったPythonベースのSDK とにかくシンプルなので⼊⾨に最適 ⼈気のAIエージェント開発⽤フレームワーク もはや、AIエージェント開発は データサイエンティストがNotebookで ポチポチする難しそうなものではありません。 僕らのような普通のWebエンジニアが アプリのバックエンドの⼀部として ⼿軽に組み込める武器のひとつなのです

Slide 38

Slide 38 text

37 KDDI Agile Development Center Corporation ⼊⾨にオススメ︕ Strands Agents

Slide 39

Slide 39 text

38 KDDI Agile Development Center Corporation AWS発のOSSフレームワーク「Strands Agents」 なんと最⼩3⾏のPythonコードでAIエージェントが書ける︕ 有名な他のフレームワークと⽐べても、とにかくシンプルで開発しやすいのが特徴。 Amazon Q Developerなど、 AWSの商⽤サービスにもStrandsが使われている 3行でAIエージェ ントを書いて、 同僚を怖がらせ ましょう!

Slide 40

Slide 40 text

39 KDDI Agile Development Center Corporation ツール モデル Strands =「より⽷」 「モデル」と「ツール」をガッチャンコするのがStrandsの思想。 少し前はLLMが賢くなかったので、 複雑なワークフローを書いて縛る必要があった。 今はLLMが優秀なので、モデルとツールだけ指定すれば AIエージェント⾃体はシンプルに書ける︕ 新しいフレームワークだからこその利点と⾔える。

Slide 41

Slide 41 text

40 KDDI Agile Development Center Corporation 基本のエージェント LLMとシステムプロンプトを設定して、AIエージェントを作成する。 プロンプトを与えて呼び出すだけ︕ モデル システムプロンプト

Slide 42

Slide 42 text

41 KDDI Agile Development Center Corporation デフォルトでストリーミング&過負荷リトライに対応︕ モデルを指定するだけでストリーミング出⼒に対応。 BedrockがレートリミットでHTTP 429エラーを吐いても、⾃動でリトライし続けてくれる。 ConverseStream APIで ストリーミングレスポンス HTTP 429エラー時は エクスポネンシャルバックオフ

Slide 43

Slide 43 text

42 KDDI Agile Development Center Corporation ツールを持たせる Strandsには組み込みツールが⽤意されている(計算、ファイル操作などなど)。 インポートして、エージェントに配列で複数指定できる。 ツール

Slide 44

Slide 44 text

43 KDDI Agile Development Center Corporation ツールを持たせる もちろん⾃分でツールを書くことも可能。好きなPythonの関数を、@tool でデコるだけ︕ ツール

Slide 45

Slide 45 text

44 KDDI Agile Development Center Corporation モデルを変えてみる Bedrockはもちろん、OpenAIのAPIを指定したり、LiteLLM利⽤やカスタムプロバイダーの定義もできる。 (モデルによってはストリーミングやTool Use対応可否が異なるため注意)

Slide 46

Slide 46 text

45 KDDI Agile Development Center Corporation MCPサーバーからツールを取得する ローカル/リモート両⽅のMCPサーバーに対応︕ MCPクライアントを簡単に実装できる。 リモートMCPサーバー ツールを取得 Strands as MCPホスト

Slide 47

Slide 47 text

46 KDDI Agile Development Center Corporation マルチエージェントを構築する Agent as Tools グラフ Swarm ワークフロー

Slide 48

Slide 48 text

47 KDDI Agile Development Center Corporation Agent as Tools の例 いわゆるSupervisorパターンの実装。 親エージェントが⼦エージェントを ツールとして呼び出す Agent as Tools

Slide 49

Slide 49 text

48 KDDI Agile Development Center Corporation MCPの次のトレンド︖ A2Aにも対応してます

Slide 50

Slide 50 text

49 KDDI Agile Development Center Corporation A2A(Agent2Agent)プロトコルとは︖ 4⽉にGoogleが発表した、AIエージェント同⼠のコミュニケーションを標準化する規格︕ A2A

Slide 51

Slide 51 text

50 KDDI Agile Development Center Corporation A2Aのしくみ

Slide 52

Slide 52 text

51 KDDI Agile Development Center Corporation A2A on Strandsの実装例 リモートエージェントをTool Useで呼べる専⽤クラスが便利︕ A2A A2A クライアント A2A サーバー

Slide 53

Slide 53 text

52 KDDI Agile Development Center Corporation よし、エージェント書けた︕ …どこにデプロイする︖

Slide 54

Slide 54 text

53 KDDI Agile Development Center Corporation AIエージェント、デプロイの悩み デプロイが⾯倒… 認証認可は︖ ストリーミング対応 ランニングコスト 運⽤監視は︖

Slide 55

Slide 55 text

54 KDDI Agile Development Center Corporation そこに颯爽と現れたのが…︕

Slide 56

Slide 56 text

55 KDDI Agile Development Center Corporation Bedrock AgentCoreとは︖ AIエージェント専⽤の便利パーツ集︕ • ランタイム(サーバーレス基盤) • メモリー(記憶管理) • ゲートウェイ(ツール集約) • アイデンティティ(認証認可) • オブザーバビリティ(運⽤監視) などなど… ⾃分の好きなフレームワークに、 APIで欲しい機能だけ導⼊可能︕

Slide 57

Slide 57 text

56 KDDI Agile Development Center Corporation 好きなフレームワークで開発したAIエージェントを、サーバーレス環境にデプロイできる︕ いわば「AIエージェント専⽤コンテナLambda」 中⼼となるプリミティブ「ランタイム」 AWS AgentCore ランタイム デプロイ AgentCore SDKで APIサーバー化

Slide 58

Slide 58 text

57 KDDI Agile Development Center Corporation 専⽤のCLIツールキットを使えば、デプロイも簡単︕

Slide 59

Slide 59 text

58 KDDI Agile Development Center Corporation AIに記憶をもたせる「メモリー」 短期記憶もしくは⻑期記憶をAPIでマネージド提供。 ようはDynamoDBとかベクトルDB的なやつを、よしなに管理してくれる。しかもメトリクス付き︕ 短期記憶 ⻑期記憶 その話、 詳しく教えて︖ 先⽉と同じ作業を やってほしいんだけど 過去の会話の 要約 呼び出し 呼び出し

Slide 60

Slide 60 text

59 KDDI Agile Development Center Corporation AIに記憶をもたせる「メモリー」 AgentCore SDKを使ってメモリーを操作できる。 Strandsでは、短期記憶をHooksで制御したり、 AgentCoreMemoryToolProviderで⻑期記憶を呼ぶと便利。 その話、 詳しく教えて︖ 呼び出し イベントの保存 イベントの 呼び出し 短期記憶の例

Slide 61

Slide 61 text

60 KDDI Agile Development Center Corporation SaaSやAPIを簡単にツール化できる「ゲートウェイ」 AIエージェント⽤のツールを束ねて、ひとつのMCPサーバーにまとめてくれる︕ ⽤意されたSaaSや、Lambda関数、⼀般のWeb APIなどに対応。 AgentCore ゲートウェイ Lambda関数 MCPサーバーとして 呼び出せる Confluenceに 議事録をまとめて 組み込みのSaaSプロバイダー

Slide 62

Slide 62 text

61 KDDI Agile Development Center Corporation SaaSやAPIを簡単にツール化できる「ゲートウェイ」 SaaSのAPIキーを事前に設定しておけば、AIエージェントからはOAuthアクセストークンで呼び出せる AgentCore ゲートウェイ APIキー

Slide 63

Slide 63 text

62 KDDI Agile Development Center Corporation SaaSやAPIを簡単にツール化できる「ゲートウェイ」 SaaSのAPIキーを事前に設定しておけば、AIエージェントからはOAuthアクセストークンで呼び出せる AgentCore ゲートウェイ アクセス トークン IDプロバイダー APIキー

Slide 64

Slide 64 text

63 KDDI Agile Development Center Corporation エージェントをとりまく権限制御ができる「アイデンティティ」 ユーザー / エージェント / ゲートウェイ間の認証認可を制御してくれるAPI。 AgentCore ゲートウェイ インバウンド の認証/認可 アウトバウンド の認可 インバウンド の認証/認可 ユーザー エージェント AgentCore アイデンティティ アウトバウンド の認可 SaaS

Slide 65

Slide 65 text

64 KDDI Agile Development Center Corporation エージェントをとりまく権限制御ができる「アイデンティティ」 認可のアクセストークンが必要な関数に、AgentCore SDKのデコレーターを付けるだけ︕ デコレーターで 認可を要求 AgentCore アイデンティティ ゲート ウェイ エージェント SaaS

Slide 66

Slide 66 text

65 KDDI Agile Development Center Corporation ⾼度な武器を提供してくれる「ツール」 AWSのインフラを活かした、⾼度なツールをマネージド提供。 まずは「ブラウザー」と「コードインタープリター」がローンチ。 ブラウザー コード インタープリター Webブラウザを 操作できる サンドボックスで コードを実⾏できる

Slide 67

Slide 67 text

66 KDDI Agile Development Center Corporation ⾃動でトレースを連携してくれる「オブザーバビリティ」 AgentCoreの各機能の動作を可視化してくれる。ツールキットでデプロイ時に⾃動計装︕ ランタイムのAIエージェント動作は、LangSmith/Langfuseのようにトレース表⽰。 AWS AgentCore ランタイム X-Ray

Slide 68

Slide 68 text

67 KDDI Agile Development Center Corporation よし、バックエンドはできた︕ …フロントエンドはどうする︖

Slide 69

Slide 69 text

68 KDDI Agile Development Center Corporation フロントエンドの選択肢 初⼼者向け 本格UI開発に⼊⾨ Pythonで簡単に綺麗なUIが書ける︕ JSが苦⼿なバックエンドエンジニアは ここから始めてみよう Next.jsやReactなどのリポジトリを 紐づけるだけで⾃動デプロイ︕ Gen2でめっちゃ進化しました

Slide 70

Slide 70 text

69 KDDI Agile Development Center Corporation 【応⽤編】 マルチエージェント Dive Deep︕

Slide 71

Slide 71 text

70 KDDI Agile Development Center Corporation AIエージェントのUXは、ストリーミング表⽰が命︕ 「思考中」表⽰でユーザーを安⼼させる

Slide 72

Slide 72 text

71 KDDI Agile Development Center Corporation AIエージェントのUXは、ストリーミング表⽰が命︕ 「思考中」表⽰でユーザーを安⼼させる テキストは⽣成と同時に逐次表⽰して待たせない

Slide 73

Slide 73 text

72 KDDI Agile Development Center Corporation AIエージェントのUXは、ストリーミング表⽰が命︕ 「思考中」表⽰でユーザーを安⼼させる テキストは⽣成と同時に逐次表⽰して待たせない ツールやサブエージェントの呼び出しは イベントとして分かりやすく表⽰

Slide 74

Slide 74 text

73 KDDI Agile Development Center Corporation AIエージェントのUXは、ストリーミング表⽰が命︕ 「思考中」表⽰でユーザーを安⼼させる テキストは⽣成と同時に逐次表⽰して待たせない ツールやサブエージェントの呼び出しは イベントとして分かりやすく表⽰ 呼び出されたサブエージェントの⾏動内容も リアルタイムで画⾯に反映する

Slide 75

Slide 75 text

74 KDDI Agile Development Center Corporation うまく実装するコツ • イベントを検知しよう エージェントをストリーミングモードで呼び出して、もしSSEのレスポンスオブジェクトに 「contentBlockStart」があれば、その種別をyield(出⼒)してフロントエンドに渡す。

Slide 76

Slide 76 text

75 KDDI Agile Development Center Corporation うまく実装するコツ • イベントを検知しよう エージェントをストリーミングモードで呼び出して、もしSSEのレスポンスオブジェクトに 「contentBlockStart」があれば、その種別をyield(出⼒)してフロントエンドに渡す。 • 応答テキストを逐次表⽰しよう イベントと同様にSSEレスポンスを条件判定して、もし「contentBlockDelta」があれば、 その内容(差分コンテンツ)をyieldしてフロントエンドに渡す。

Slide 77

Slide 77 text

76 KDDI Agile Development Center Corporation うまく実装するコツ • イベントを検知しよう エージェントをストリーミングモードで呼び出して、もしSSEのレスポンスオブジェクトに 「contentBlockStart」があれば、その種別をyield(出⼒)してフロントエンドに渡す。 • 応答テキストを逐次表⽰しよう イベントと同様にSSEレスポンスを条件判定して、もし「contentBlockDelta」があれば、 その内容(差分コンテンツ)をyieldしてフロントエンドに渡す。 • サブエージェントもイベント検知&ストリーミングしよう サブエージェントごとにキューを張り、すべてのキューを親のストリームにマージすると リアルタイムで全員の動きを逐次表⽰することができる。

Slide 78

Slide 78 text

77 KDDI Agile Development Center Corporation 親⼦ストリーミングの実装イメージ

Slide 79

Slide 79 text

78 KDDI Agile Development Center Corporation 親⼦ストリーミングの実装イメージ

Slide 80

Slide 80 text

79 KDDI Agile Development Center Corporation 親⼦ストリーミングの実装イメージ

Slide 81

Slide 81 text

80 KDDI Agile Development Center Corporation デモ① ストリーミング実装例

Slide 82

Slide 82 text

81 KDDI Agile Development Center Corporation デモ② 勝⼿にパネルディスカッション企画

Slide 83

Slide 83 text

82 KDDI Agile Development Center Corporation AIエージェント 作ってみたくなりました!?

Slide 84

Slide 84 text

83 KDDI Agile Development Center Corporation そんなあなたに、うってつけの本が出ます✌

Slide 85

Slide 85 text

84 KDDI Agile Development Center Corporation フルカラーで基本からしっかり解説

Slide 86

Slide 86 text

85 KDDI Agile Development Center Corporation ハンズオン多数収録。図解つきなので移動中でも読める

Slide 87

Slide 87 text

86 KDDI Agile Development Center Corporation Mastra + Amplify Gen2など、フルスタック実装が学べる

Slide 88

Slide 88 text

87 KDDI Agile Development Center Corporation 今予約すれば、再来週には届きます︕