Cloudflare で実現する実用的な LINE BOT のアーキテクチャ

580 Views

November 18, 24

スライド概要

山本一将｜焚き火を愛するエンジニア

スライド一覧

ユニークビジョン株式会社テックリード。業務でRust書きつつ、チームの生産性を向上させるような改善を推し進めています。取るに足らないツイートが多いですが、技術的な話や最近勉強したことをつぶやきます。第25回世界コンピュータ将棋選手権 9位。ヤクルトスワローズ/将棋/キャンプ/DQW/謎解き/リアル脱出ゲーム

またはPlayer版

埋め込む »CMSなどでJSが使えない場合

ダウンロード

ダウンロード(pdf - 0.92MB)

関連スライド

ユニークビジョンにおけるRust活用事例とノウハウの紹介

山本一将｜焚き火を愛するエンジニア 3.4K

技術コミュニティとともに乗り越えるキャリアの転機

山本一将｜焚き火を愛するエンジニア 2.6K

LINE BOT × Cloudflare × 生成 AIで無駄口たたく BOT を作ってみた

山本一将｜焚き火を愛するエンジニア 2.4K

AWS Distro for OpenTelemetry (ADOT) の紹介

山本一将｜焚き火を愛するエンジニア 2.3K

LINE BOT 作るハンズオンを支援するシステム作ってみた

linedc

山本一将｜焚き火を愛するエンジニア 2.2K

プロンプトマスターへの道：LLM活用アプリの品質を高める秘訣

山本一将｜焚き火を愛するエンジニア 1.3K

各ページのテキスト

Cloudflare で実現する実用的な LINE BOT のアーキテクチャ Cloudflare Meet-up Online!! #4 ユニークビジョン株式会社テックリード山本一将（@kyamamoto9120）

コメント・質問など頂けると嬉しいです！ kyamamoto9120 ハッシュタグ #CloudflareUG_www 山本一将ユニークビジョン株式会社テックリード LINE API Expert、 Rust愛好家 & チームの生産性向上推進者 2015年世界コンピュータ将棋選手権 9位趣味：ヤクルトスワローズ、将棋、キャンプ、DQW、旅行、謎解き Copyright ©Unique Vision Company, All Rights Reserved. 2

LINE Bot の流れ ① エンドユーザーが送信したメッセージは、 LINEプラットフォームに届きます。 ② LINEプラットフォームから、ボットサーバーの Webhook URLにメッセージが送信されます。 ③ REST APIを利用して、ボットサーバーからエンドユーザーにメッセージを送信します。 Copyright ©Unique Vision Company, All Rights Reserved. 4

最終的なシステム構成 ① 文章を送信 ⑩ 画像を表示 ⑨ 返信を送信 Cloudflare R2 ② Webhook 受信 ⑧ 応答メッセージ送信 ⑦ (Option) R2 に画像を保存 ⑥ (Option) Workers AI Cloudflare Workers Cloudflare Workers Workers AI ④ Queue から受信 ③ Queue に送信 ⑤ (Option) LLM を使う Cloudflare Queues AI Gateway Copyright ©Unique Vision Company, All Rights Reserved. 6

① Webhook の受信

Queue を使って応答を非同期にする ① 文章を送信 ⑩ 画像を表示 ⑨ 返信を送信 Cloudflare R2 ② Webhook 受信 ⑧ 応答メッセージ送信 ⑦ (Option) R2 に画像を保存 ⑥ (Option) Workers AI Cloudflare Workers Cloudflare Workers Workers AI ④ Queue から受信 ③ Queue に送信 ⑤ (Option) LLM を使う Cloudflare Queues AI Gateway Copyright ©Unique Vision Company, All Rights Reserved. 9

10.

11.

12.

13.

② メディアを含むメッセージの送信

14.

15.

メディアを含むメッセージの送信 ① 文章を送信 ⑩ 画像を表示 ⑨ 返信を送信 Cloudflare R2 ② Webhook 受信 ⑧ 応答メッセージ送信 ⑦ (Option) R2 に画像を保存 ⑥ (Option) Workers AI Cloudflare Workers Cloudflare Workers Workers AI ④ Queue から受信 ③ Queue に送信 ⑤ (Option) LLM を使う Cloudflare Queues AI Gateway Copyright ©Unique Vision Company, All Rights Reserved. 15

16.

17.

18.

③ Cloudflare を使うメリット

19.

20.

まとめ

21.

22.