Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
次世代AIアプリのアーキテクチャと体験設計
Search
福島康介
August 07, 2025
24
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
次世代AIアプリのアーキテクチャと体験設計
福島康介
August 07, 2025
More Decks by 福島康介
See All by 福島康介
素晴らしい提案をしよう!君もハーネスエンジニアにならないか?
huku
0
25
【研究】大規模言語モデルにおける推論過程に対する信頼性評価
huku
0
24
LLMアプリケーションの作り方
huku
0
20
AIの波に乗り遅れるな-AI as a Tool
huku
0
90
Featured
See All Featured
Why Your Marketing Sucks and What You Can Do About It - Sophie Logan
marketingsoph
0
360
Embracing the Ebb and Flow
colly
88
5.1k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.5k
Public Speaking Without Barfing On Your Shoes - THAT 2023
reverentgeek
1
500
Optimising Largest Contentful Paint
csswizardry
37
3.9k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
17k
DevOps and Value Stream Thinking: Enabling flow, efficiency and business value
helenjbeal
1
310
A Soul's Torment
seathinner
6
3.4k
For a Future-Friendly Web
brad_frost
183
10k
Speed Design
sergeychernyshev
33
2k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
230
23k
Site-Speed That Sticks
csswizardry
13
1.4k
Transcript
フク 2025.6.16 次世代AIアプリの アーキテクチャと体験設計
目次 1. 簡単な自己紹介 2. AIアプリ開発の導入 3. アーキテクチャと制御単位 4. HITL(Human In
The Loop)によるFB 5. エージェント駆動開発のススメ 6. まとめ
簡単な自己紹介 AIエンジニア フク 生成AIを用いた業務効率化の 支援を行う会社であるOmlucにて Dify事業部でDifyリード AIに熱狂するワクワク駆動エンジニア として覚えてください!
AIアプリ開発の導入
AIアプリ開発の導入 https://keiei-digital.com/column/ai-agent/ai-agent-implementation-guide/ ソフトウェアの自立性 ユーザの与える目的に向かって、 プランニング、トライ&エラーを繰り返す。 目的志向で、人の行動を模倣 2025年はAIエージェント時代
AIアプリ開発の導入 WWDC 2024 データを理解 デジタルデータを全て理解、活用 アプリの操作 必要なタイミングで必要なアプリを実行 2025年はAIエージェント時代
AIアプリ開発の導入 https://arxiv.org/pdf/2108.07258 従来型のAI 特定のタスク(翻訳など)が解けるAIを 個別に設計、トレーニングする。 ChatGPT型のAI Text to Textタスクで、巨大なモデルをトレーニング。 入力の仕方でタスクを変化させる。
従来のAIと次世代AI
AIアプリ開発の導入 入力の仕方で タスクを切り替える Generate Text Structured Output Tool Calling →
デベロッパーがAPI経由でアプリに統合が容易 APIの種別 次世代AIは多様なタスクに対応
AIアプリ開発の導入
AIアプリ開発の導入
AIアプリ開発の導入 AIは暴れ馬
AIアプリ開発の導入 ChatUIの認知コスト 汎用性は高いが、 どんな目的で、どんなことをして欲しくて、何をして欲しくないかを 言語化して伝えるコストが高い。
AIアプリ開発の導入 ガードレールによるUX設計
アーキテクチャと制御単位
アーキテクチャと制御単位 ワークフロー:ステップ単位で流れを明示的に規定 エージェント:いつどのToolを使っていつ終了するかまで判断 アーキテクチャ
アーキテクチャと制御単位 人間が明示的にステップを決める ことは変わらないが、 分岐の判断をAIが行うため、 より汎用的なワークフローとなる。 エージェンティックワークフロー ポイント
Workflow アーキテクチャと制御単位 エージェントが呼び出すツールを 判断するとき、Workflowも選択肢に なり得る。 ワークフロー as a ツール ポイント
Workflow アーキテクチャと制御単位 エージェントとワークフローは 混ざり合う。 一番外側はどちらか?
HITLによるFB
HITLによるFB
HITLによるFB
HITLによるFB HITL(Human In The Loop)あり
HITLによるFB HITLの効用 ユーザの目的に沿った行動をする ユーザに安心感を提供する ポイント 待ち時間の長いシステムにおいて重要
HITLによるFB FBのアーキテクチャ
HITLによるFB FBのアーキテクチャ
HITLによるFB FBのアーキテクチャ
エージェント駆動開発のススメ
Workflow エージェント駆動開発のススメ エージェントとワークフローは 混ざり合う。 一番外側はどちらか?
エージェント駆動開発のススメ ソフトウェアの知能化によって ユーザ操作は手続型から宣言型へ
エージェント駆動開発のススメ ホットペッパーグルメ - 手続的操作 ユーザは「食べたいもの」を「検索条件」に マッピングして、それを入力して実行する。
エージェント駆動開発のススメ Chatホットペッパーグルメ - 宣言的操作 ユーザは「食べたいもの」を宣言するのみ
エージェント駆動開発のススメ ユーザが求めているのは 手続きではなく宣言型であり、 それはエージェントをインターフェースにすること
Workflow エージェント駆動開発のススメ エージェントがユーザと対話し システムを操作する。 外側はエージェント
Workflow エージェント駆動開発のススメ 重要なポイント エージェントの能力は、 ToolとWorkflowによって決まる。 ユーザの期待値設計 Agentがユーザの意図を汲み取る → 正しいTool実行
Workflow エージェント駆動開発のススメ エージェント駆動開発とは 1. エージェントの能力を定義する → 要件定義 2. それを可能にするToolの設計、実装 →
コード実装 3. 自身の責務とToolを理解し、能力獲得 → プロンプトエンジニアリング
まとめ
まとめ 10年後に必要とされるエンジニアは 今日話した体験を設計、実装できる人です。 共にその時代を切り開いていきませんか?
連絡先 X Mail
[email protected]