Slide 55
Slide 55 text
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"
}
]
}