Upgrade to Pro — share decks privately, control downloads, hide ads and more …

cloudflare-workersを使ってslack上に匿名チャットを作った話

sugawani
November 19, 2023

 cloudflare-workersを使ってslack上に匿名チャットを作った話

sugawani

November 19, 2023
Tweet

Other Decks in Technology

Transcript

  1. Cloudflare Workers を使って

    Slack 上に匿名チャットを作った話
    Cloudflare Meetup Sapporo Vol.2

    Nov 20, 2023. sugawani

    View full-size slide

  2. ・Sugawara(sugawani)

    ・Web Engineer @EGSTOCK

    ・https://x.com/sugawani_dev

    ・https://github.com/sugawani

    ・Go/Elm/Deno
    自己紹介

    View full-size slide

  3. Slackbot 作ったことある人

    View full-size slide

  4. ・Webhook

    ・Bolt

    ・Workflow

    ・Slack Platform
    Slackbot を作るには

    View full-size slide

  5. ・インフラ
    ・使いたい機能が使えるのか
    ・新しい言語の習得
    ・お金
    色々考える必要がある

    View full-size slide

  6. Cloudflare Workers

    View full-size slide

  7. ・アプリケーションだけ書けばいい
    ・Slack API の利用なので何でも使える
    ・慣れ親しんだ TS で書ける
    ・お金もかからない (500円は実質タダ)
    色々考えなくていい

    View full-size slide

  8. Slack Cloudflare Workers

    View full-size slide

  9. ・https://github.com/seratch/slack-cloudflare-workers

    ・slack の @seratch さん作ライブラリ

    ・Slackbot で必要な認証等を意識せず作れる

    ・TypeScript 対応
    Slack Cloudflare Workers

    View full-size slide

  10. )B App Manifest を書いて bot 作0
    HB bot のコードを書
    B Cloudflare Workers にデプロF
    B デプロイした URL を bot に紐づけC
    (B 完成!
    Slackbot を作る

    View full-size slide

  11. 匿名チャット

    View full-size slide

  12. ・Slack 上の会話を盛り上げたい

    ・匿名性があれば盛り上がりやすい(気がする)

    ・似たようなものを作ってる人はいる

    ・Cloudflare Workers 製のものはまだ無い(はず)
    匿名チャット

    View full-size slide

  13. 2 #general を表
    1 /vip をつけて送Ç
    Æ #anonymous-chat
    良ければ触ってみてください

    View full-size slide

  14. gR /vip でメッセージ送
    eR Cloudflare Workers が受
    )R レス番、メッセージの保存(荒らし対策
    #R ユーザ名を匿名化して送
    fR #anonymous-chat に投稿される
    動いている仕組み

    View full-size slide

  15. ・Cloudflare Workers

    ・Slack-Cloudflare-Workers + TypeScript

    ・Durable Objects(レス番の管理)

    ・Cloudflare D1(メッセージの保存)

    ・Wrangler + Cloudflared(開発、デプロイ)
    使った技術

    View full-size slide

  16. ・Cloudflare Workers で Slack アプリを動かす方法

    ・社内slackにVIPチャンネルを作った話(元ネタ)

    ・Slack-Cloudflare-Workers で Slack に匿名チャンネ
    ルを作った

    参考

    View full-size slide

  17. ありがとうございました
      終

    制作・著作

    ━━━━━

    すがわに

    View full-size slide