Serverless LT初心者向け LT大会#3 https://serverlesslt.connpass.com/event/184417/

1. /65
Developers Summit 2020 KANSAI / 2020-8-27 / Yusuke Kojima
© DENSO CORPORATION All RightsReserved.
Slack の Incoming Webhookで
簡易なフィードバック管理
2020/9/7
Serverless LT初心者向け #3
小島 優介

2. /65
Developers Summit 2020 KANSAI / 2020-8-27 / Yusuke Kojima
© DENSO CORPORATION All RightsReserved.
自己紹介
2
名前：小島 優介
業務：
C#でのツール開発業務のエンジニアリングマネージャー
Twitter：@kojimadev
https://twitter.com/kojimadev
コミュニティ運営：
「Serverless LT初心者向け」
https://serverlesslt.connpass.com/

3. /65
Developers Summit 2020 KANSAI / 2020-8-27 / Yusuke Kojima
© DENSO CORPORATION All RightsReserved.
はじめに
3
Slack の Incoming Webhook を用いて
アプリに対するユーザーからの要望や不具合報告などの
フィードバック管理を簡易的に実現する方法の紹介

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

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

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

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

8. /65
Developers Summit 2020 KANSAI / 2020-8-27 / Yusuke Kojima
© DENSO CORPORATION All RightsReserved.
C#でSlackに投稿(とても簡単)
8
メンションの有無を設定
メッセージと投稿者名と
チャンネル名を設定
SlackのAPIに送信できる形式に変換
Slackに投稿

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

10. /65
Developers Summit 2020 KANSAI / 2020-8-27 / Yusuke Kojima
© DENSO CORPORATION All RightsReserved.
実装変更は赤枠の2箇所を変更するだけ
Azure FunctionsからSlackに投稿する
10
リクエストボディから
パラメータ取得
Slackに投稿するメソッドを
呼び出す

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

12. /65
Developers Summit 2020 KANSAI / 2020-8-27 / Yusuke Kojima
© DENSO CORPORATION All RightsReserved.
ユーザーフィードバック管理の例
12
不具合報告、要望などの
用途ごとにチャンネルを分ける
不具合報告の例
問題を特定するための
情報を送信

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