Slack の Incoming Webhookで簡易なフィードバック管理
0 likes98 views
Serverless LT初心者向け LT大会#3 https://serverlesslt.connpass.com/event/184417/
Slack の Incoming Webhookで簡易なフィードバック管理
- 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