Slack の Incoming Webhookで簡易なフィードバック管理

1.3K Views

March 07, 21

slack azure

スライド概要

Serverless LT初心者向け LT大会(#8) での発表資料です。
https://serverlesslt.connpass.com/

小島優介

@kojimadev

スライド一覧

30代後半から発信活動を始めて人生が楽しくなりました。主にC#/設計技法/マネジメント/チームビルディングの情報を発信します。デブサミ2020関西ベストスピーカー賞1位。 Microsoft Build 2022 スピーカー。 ITエンジニア向けの月刊誌「Software Design」2022年4月号より連載記事を執筆中。デンソークリエイト所属。発言は個人の見解。

またはPlayer版

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

ダウンロード

ダウンロード(pdf - 710.89kB)

関連スライド

主体性を失わせるアンチパターンをやってしまっていた話

チームビルディング育成ハピネスチームビルディング

小島優介 107.6K

Microsoft Build 2022 発信活動を継続しながら楽しく成長する方法

アウトプットチームビルディングハピネスチームビルディング msbuild

小島優介 9.1K

組織と個人が内発的動機により継続的に成長するための施策

チームビルディング育成

小島優介 6.9K

皆が自分の幸せのために働く時代を作りたい

チームビルディングハピネスチームビルディング育成

小島優介 4.4K

家族のチームビルディング

チームビルディング

小島優介 4K

Firebase Realtime Databaseを C#から利用する

c firebase

小島優介 2.8K

各ページのテキスト

自己紹介名前：小島優介所属：デンソークリエイト活動実績： C#でのツール開発15年(現在はエンジニアリングマネージャー) デブサミ2020関西ベストスピーカー賞1位 https://codezine.jp/article/detail/12919 Twitter：@kojimadev https://twitter.com/kojimadev Developers Summit 2020 KANSAI / 2020-8-27 / Yusuke Kojima © DENSO CORPORATION All Rights Reserved. 2 /65

アプリを公開する際、フィードバックを管理したい Webサービスであっても Android/iOSアプリであってもユーザーからの要望や、不具合報告などユーザーからのフィードバックを管理したいことは多い個人開発のアプリやサービスならなおさらユーザーからのフィードバックを元に改善したい Developers Summit 2020 KANSAI / 2020-8-27 / Yusuke Kojima © DENSO CORPORATION All Rights Reserved. 4 /65

DB(Firebaseなど)にデータを登録するのは面倒ユーザーからの要望や不具合報告登録をDBに登録する場合登録したデータを検索したり、表示したりするために管理機能の開発が必要(面倒) また、DBに登録されたことを通知する機能も欲しい(面倒) Developers Summit 2020 KANSAI / 2020-8-27 / Yusuke Kojima © DENSO CORPORATION All Rights Reserved. 5 /65

そこで Slack の Incoming Webhook Slack の Incoming Webhook を使えば指定したチャンネルに要望や不具合報告を投稿可能 Slackなので、検索もしやすいし、通知にもなるフリープランでも、直近10,000件まで投稿が記録できるのでアプリのユーザー数が多くなるまでは、簡易的な管理として十分 Developers Summit 2020 KANSAI / 2020-8-27 / Yusuke Kojima © DENSO CORPORATION All Rights Reserved. 6 /65

実現方法は簡単 1. フィードバック管理用のSlackのワークスペースを作成する 2. Incoming Webhook を用いてURLを取得する (こちらのリンク先参照) 3. 上記URLを用いてSlackに投稿する機能を持つ Web API を Azure Functions などで作成する 4. 上記の Web API を Webサービスやアプリから実行する 3. についての詳細を以降で解説 Developers Summit 2020 KANSAI / 2020-8-27 / Yusuke Kojima © DENSO CORPORATION All Rights Reserved. 7 /65

https://slack.com/intl/ja-jp/help/articles/115005265063-Slack-での-Incoming-Webhook-の利用

C#でAzure Functionsを作成(とても簡単) Azureのアカウントを作成して、Visual Studioからメニューを実行するだけで Web APIを作成可能詳細はこちらのリンク先参照新規作成するだけで雛形となるメソッドが作成される実装はこれを少し変更するだけで良い Developers Summit 2020 KANSAI / 2020-8-27 / Yusuke Kojima © DENSO CORPORATION All Rights Reserved. 9 /65

https://docs.microsoft.com/ja-jp/azure/azure-functions/functions-create-your-first-function-visual-studio

10.

11.

Web APIの実行結果 Web API のリクエストボディに json形式でメッセージ、チャンネル名、メンション有無を指定して実行 #error_reportチャンネルに下図のように投稿される Developers Summit 2020 KANSAI / 2020-8-27 / Yusuke Kojima © DENSO CORPORATION All Rights Reserved. 11 /65

12.

13.

まとめ Slack の Incoming Webhook と Azure Functions を用いることでフィードバックの管理を簡単に実現できる本発表で紹介したソースコードは以下のリポジトリで公開 https://github.com/kojimadev/SlackIncomingWebhook Developers Summit 2020 KANSAI / 2020-8-27 / Yusuke Kojima © DENSO CORPORATION All Rights Reserved. 13 /65

https://github.com/kojimadev/SlackIncomingWebhook

Slack の Incoming Webhookで 簡易なフィードバック管理

小島 優介