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
jaws-ug 東京 ランチタイムLT会 20240416
Search
ayumun
April 16, 2024
0
120
jaws-ug 東京 ランチタイムLT会 20240416
ayumun
April 16, 2024
Tweet
Share
More Decks by ayumun
See All by ayumun
Notionでの快適メモ術
ayumu11
0
640
20230630_QiitaEnginnerFesta登壇資料
ayumu11
0
99
Featured
See All Featured
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
20
1.8k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
34
6.1k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
226
51k
10 Git Anti Patterns You Should be Aware of
lemiorhan
649
58k
What’s in a name? Adding method to the madness
productmarketing
PRO
17
2.7k
Imperfection Machines: The Place of Print at Facebook
scottboms
261
12k
Become a Pro
speakerdeck
PRO
13
4.6k
The Language of Interfaces
destraynor
151
23k
Documentation Writing (for coders)
carmenintech
60
4k
Large-scale JavaScript Application Architecture
addyosmani
504
110k
The Invisible Side of Design
smashingmag
294
49k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
26
2.3k
Transcript
API Gatewayを使ってgpt-4からの回答を ストリームレスポンスさせる KDDIアジャイル開発センター株式会社 山口 歩夢(@ayumun_jp) JAWS-UG Tokyo ランチタイム会LT #10
2024/4/16
山口歩夢 2021年にKDDIに新卒入社し、自社クラウドの 基盤開発に従事 2023年よりKAGに兼務出向し、 Webサービスの開発や地方拠点案件のシステム 開発を担当 2024年 AWS Community Buildersに選出
(カテゴリ:Serverless) 自己紹介
目次 構成図 1. デモ 2. 作成理由 3. 実装方法(ポイントのみ 4. まとめ
5.
構成図
デモ
作成理由 英語で日記を書いてるの で、文章を添削せたい AIからのレスポンスの 待ち時間を“体感”減らしたい プロンプトエンジニアリ ングに触れたい
バルクレスポンス(一括) ストリームレスポンス(逐次) デモ デモ 比較
REST APIではLambdaから画面に対してストリーム的にデータの返却はできない → Websocketを使う gptにストリーム形式で返答させる バルクレスポンス ストリームレスポンス 内部的に新しいチャンクが 利用可能になるまで待機する設計
API GatewayでWebsocket APIを選択する API Gatewayでは、Rest APIではなく Websocket APIを選択してデプロイする Websocketは、一度接続が確立すれば リアルタイムでのデータ送受信が可能
Websocketを利用することで ストリーム的に返却されるデータを扱える
lambdaにおけるwebsocketの扱い API Gatewayからのリクエストのコンテキスト (どのドメイン、ステージ、接続IDから来たか) を把握しAPI Gatewayへのメッセージ送信を実現 APIクライアントに対して値を逐次返却する
画面側でのWebsocketの扱い 入力と画面に返すための関数を 受け取ってWebsocketクライアントの インスタンスを作成 入力値を、サーバー側に渡す サーバからの返却値を受け取り、データが届く度に コールバック関数で呼び出し元にデータを返却
None
まとめ ストリームレスポンス気持ちいぃぃ
作成手順の詳細は Qiitaへ(@ayumun_jp)
None