Share
Embed
Slide 1
Slide 1 text
Cloudflare Workers を使って
Slack 上に匿名チャットを作った話
Cloudflare Meetup Sapporo Vol.2
Nov 20, 2023. sugawani
Slide 2
Slide 2 text
・Sugawara(sugawani)
・Web Engineer @EGSTOCK
・https://x.com/sugawani_dev
・https://github.com/sugawani
・Go/Elm/Deno
自己紹介
Slide 3
Slide 3 text
Slackbot 作ったことある人
Slide 4
Slide 4 text
・Webhook
・Bolt
・Workflow
・Slack Platform
Slackbot を作るには
Slide 5
Slide 5 text
・インフラ
・使いたい機能が使えるのか
・新しい言語の習得
・お金
色々考える必要がある
Slide 6
Slide 6 text
Cloudflare Workers
Slide 7
Slide 7 text
・アプリケーションだけ書けばいい
・Slack API の利用なので何でも使える
・慣れ親しんだ TS で書ける
・お金もかからない (500円は実質タダ)
色々考えなくていい
Slide 8
Slide 8 text
Slack Cloudflare Workers
Slide 9
Slide 9 text
・https://github.com/seratch/slack-cloudflare-workers
・slack の @seratch さん作ライブラリ
・Slackbot で必要な認証等を意識せず作れる
・TypeScript 対応
Slack Cloudflare Workers
Slide 10
Slide 10 text
)B App Manifest を書いて bot 作0
HB bot のコードを書
B Cloudflare Workers にデプロF
B デプロイした URL を bot に紐づけC
(B 完成！
Slackbot を作る
Slide 11
Slide 11 text
匿名チャット
Slide 12
Slide 12 text
・Slack 上の会話を盛り上げたい
・匿名性があれば盛り上がりやすい(気がする)
・似たようなものを作ってる人はいる
・Cloudflare Workers 製のものはまだ無い(はず)
匿名チャット
Slide 13
Slide 13 text
2 #general を表
1 /vip をつけて送Ç
Æ #anonymous-chat
良ければ触ってみてください
Slide 14
Slide 14 text
gR /vip でメッセージ送
eR Cloudflare Workers が受
)R レス番、メッセージの保存(荒らし対策
#R ユーザ名を匿名化して送
fR #anonymous-chat に投稿される
動いている仕組み
Slide 15
Slide 15 text
・Cloudflare Workers
・Slack-Cloudflare-Workers + TypeScript
・Durable Objects(レス番の管理)
・Cloudflare D1(メッセージの保存)
・Wrangler + Cloudflared(開発、デプロイ)
使った技術
Slide 16
Slide 16 text
・Cloudflare Workers で Slack アプリを動かす方法
・社内slackにVIPチャンネルを作った話(元ネタ)
・Slack-Cloudflare-Workers で Slack に匿名チャンネ
ルを作った
参考
Slide 17
Slide 17 text
ありがとうございました
終
制作・著作
━━━━━
すがわに