速習 AIエージェント入門 – Speaker Deck

Generative UI の実装イメージ 右のようなJSON をstructured output で生成 サーバーでスキーマや値をバリデーション イベントに変換しフロントエンドに送信 フロントエンドでデータを指定されたUI

コンポーネ ントにマッピングして表示 { “type”: “card”, “title”: “経費申請 #1234”, “body”: [ {“type”: “text”, “value”: “申請者: Takuya Asano”}, {“type”: “text”, “value”: “金額: ¥12,300”}, {“type”: “text”, “value”: “用途: 交通費”} ], “actions”: [ { “type”: “button”, “label”: “承認”, “style”: “primary”, “action_id”: “approve_expense” }, { “type”: “button”, “label”: “却下”, “style”: “secondary”, “action_id”: “reject_expense” } ] }