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

1.1K Views

November 18, 24

#LINE Bot #Cloudflare #Cloudflare Workers #非同期処理 #メディア配信

スライド概要

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

スライド一覧

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

またはPlayer版

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

ダウンロード

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

関連スライド

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

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

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

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

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

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

AWS Distro for OpenTelemetry (ADOT) の紹介

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

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

linedc

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

Axumで実現するハイパフォーマンスなSSE

rust

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

各ページのテキスト

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.