【登壇資料】デリッシュAIを インタラクティブでストリーミング応答の AIアシスタントに作り替えるまで

2026/10/02　DroidKaigi & iOSDC After Talks Night 2026

Transcript

1. デリッシュAIを インタラクティブでストリーミング応答の AIアシスタントに作り替えるまで 谷口恭一 ｜ エブリー ｜ DroidKaigi & iOSDC After Talks Night 2026
2. 自己紹介 谷口恭一 株式会社エブリー 26 卒 iOS エンジニア（デリッシュキッチン） X @x_kyoichi 趣味 個人開発・読書・ランニング
3. エブリーが提供しているプロダクト、ソリューション一覧 エブリーではマルチプロダクトを展開し、あらゆる暮らしの最適化に向き合っています 「インフルエンサーと熱狂 「熱狂を、仕掛ける。世の 中を、揺さぶる。」SNS・ を共創する」SNS・動画の プロフェッショナルチーム 動画のプロフェッショナル チーム WEB Copyright © 2015 every, Inc. All rights reserved. 3
4. これまでのデリッシュAI 「子供が喜ぶレシピ」と送ると • 「考えています…」で待たされる感 • 好みを絞り込まずにレシピがすぐ提案される • 1 リクエスト 1 レスポンスのシンプルな チャット
5. 課題 対話している感がない 待たされる感 表現力が足りない
6. 解決の方向性 対話している感がない → 選択肢を出して対話にする 待たされる → 途中経過をリアルタイムに見せる 表現力が足りない → AI に UI を生成させる
7. 新しいデリッシュAI 「子供が喜ぶレシピ」と送ると • 何を作るかの聞き返し • レシピ検索中の表示 • レシピ一覧と次の選択肢 • 選択肢を押して続く会話
8. 仕組み iOS アプリ サーバー 入力の送信 1 エージェント ↓ SSE ストリーミング 2 3 画面の構成 選択肢 ハンバーグ レシピ検索 唐揚げ パスタ … ↓ UI 生成
9. 仕組み iOS アプリ サーバー 入力の送信 1 エージェント ↓ SSE ストリーミング 2 ツール実行 3 レシピ検索「唐揚げ 子供向け」 画面の構成 レシピ一覧 もっと簡単 別の味つけ レシピ検索 ↓ UI 生成
10. 技術選定 • イベント送信の API は AG-UI を参考に • Generative UI の仕様は A2UI を参考に
11. AG-UI The Agent–User Interaction Protocol エージェントとアプリを イベントでつなぐ CopilotKit
12. A2UI A2UI A Protocol for Agent-Driven Interfaces 画面の構成を カタログの部品で表す JSON Google
13. iOS 側の実装 1 AG-UI イベントの解釈 2 ループ状態の保持 @MainActor URLSession.bytes type で enum に デコード ↓ イベント受信 awaiting ↓ 画面の構成（A2UI） 最初の イベント 送信 idle A2UI の描画 ＠Observable RUN_FINISHED ↓ SSE の行 3 receiving RUN_* ↓ Jsonから組み立て レシピ一覧 root TEXT_MESSAGE_* RUN_ERROR 停止 TOOL_CALL_* ACTIVITY_SNAPSHOT ↓ stopped failed 選択肢 ↓ SwiftUIでレンダリング 縦並び レシピ一覧 選択肢 関連する質問 SwiftUI の View AsyncThrowingStream
14. Actor と AsyncStream Repository 1 イベントを受け取る SSE をデコードして AsyncThrowingStream に yield @MainActor の Store 2 MainActorの状態を逐次的に更新 Concurrencyの知識が重要になる 3 キャンセルの伝播 Task のキャンセルが onTermination 経由で通信へ
15. Swift Testing と Xcode Previews 1 サーバー無しで再現できる Repositoryプロトコルのスタブを用意してパターンを網羅 遅延や失敗を再現してテストを実装 2 状態の遷移をテストできる 3 途中の画面を目で見られる 同じイベント列を Xcode Previews に渡す 様々なUIの状態のViewを網羅的にチェックできる Swift Testing で phase の遷移をテストする
16. iOSDC でのデモ展示 ブースでは「技術的に面白い」という声を たくさんもらえました ぜひ新しいデリッシュAI を 使ってみてください