GAS + Spreadsheet + Slack API で レビュアーガチャを作ってみた

GAS + Spreadsheet + Slack API で レビュアーガチャを作ってみた @unsoluble_sugar

お前誰 ? @unsoluble_sugar ❏ ❏ ❏ ❏ TOPGATE, Inc. / Mobile App Engineer Tech Hunter / Blogger, Game App Engineer Easy Easy / Organizer Otaku / Game, Anime, Gadget

プルリクのレビュー誰がするの問題

チームにおける課題 プルリクを出してもレビューしてくれる人が少なかった ❏ ❏ ❏ ❏ システムの理解度が浅い 若手など経験不足のメンバー レビュアーが集中してしまう 高まり続ける属人性

理想はペアプロ、モブプロ的なやつ

現実は厳しい…

レビュアーガチャで解決！

レビュアーガチャとは！ レビュアーの選出を自動化するシステムのことである ❏ プログラムによるランダム抽選 ❏ Slackチャンネルでメンションを投げる ❏ レビューし合う文化を浸透させる

ガチャによる課題解決 均等にレビュアーの機会を得られると… ❏ ❏ ❏ ❏ ❏ レビュー依頼の手間が省ける システムの理解度が深まる 若手などのスキル向上 レビュアーの分散化 属人化の解消

要件定義

利便性と楽しさを 必要最低要件＋α ❏ ❏ ❏ ❏ 対象プルリクのURLを指定 チェックボックスで対象者を選択 投稿チャンネルの切り替えに対応 メンション通知のキャラ追加＆カスタマイズ可

さっそく作ってみた

最小コストで実現する 自分の知見を活かした技術選定 ❏ GAS（Google Apps Script）でサクッと作る ❏ データはSpreadsheetで管理 ❏ Slack APIを使ったチャットbot

最小コストで実現する 自分の知見を活かした技術選定 ❏ GAS（Google Apps Script）でサクッと作る ❏ データはSpreadsheetで管理 ❏ Slack APIを使ったチャットbot なお、開発はWeb上で完結する模様

Google Apps Scriptとは？ Googleが開発したJavaScriptベースのスクリプトプラットフォーム ❏ ❏ ❏ ❏ ❏ ブラウザ上のエディタで開発可能 Google提供サービスとの連携が容易 主に軽量なアプリ向け Webアプリ・API化なども可能 clasp（CLIツール）でローカル開発も https://github.com/google/clasp

Google Spreadsheetとは？ Google版のExcelみたいなやつ ❏ マクロや関数も使用可能 ❏ グラフ表示などもできる ❏ Googleフォームのアンケート集計 などにも使用される ❏ Google Apps Scriptとの相性が良い

Slack APIとは？ SlackのAPIだよ（真理） ❏ Slackからユーザー情報を取得 ❏ Slackのチャンネル・DMへ投稿 ❏ 最近はなんか色々できます

Spreadsheetの構成

データ管理用シートとして使用 大きく４つに分けました ❏ ❏ ❏ ❏ レビュアー一覧 プルリクエストURL 投稿チャンネル設定 投稿キャラクター情報の管理

レビュアー一覧 メンバーIDはプロフィールから取得できる ❏ メンション ID（表示用） ❏ メンバー ID（内部用） ❏ チェックボックスで対象を選択

プルリクエストURL （シート分ける意味） ❏ レビュー対象のプルリクURL

投稿チャンネル設定 テスト用に切り替えたかったので ❏ 投稿チャンネルの一覧表示 ❏ 「データの入力規則」を使用 ❏ チャンネル名でも動くが、内部的には チャンネルIDを使用するのが良い ※名前変更されると追従する必要がある

投稿キャラクター情報の管理 実は一番力を入れているシート（笑） ❏ ❏ ❏ ❏ ❏ キャラクター名 投稿メッセージ メンションを含められる アイコン画像URL IMAGE関数でサムネ表示

Slack APIの準備

Slack APIの準備 メッセージ投稿に使うだけ ❏ Slack App Botの追加 ❏ Access Tokenの取得 ❏ 今回はライブラリを使用 シンプルに書けてコード補完も効くなど便利 https://github.com/soundTricker/SlackApp

Google Apps Scriptの実装

Google Apps Scriptの準備 Slack API、Spreadsheet連携用 ❏ SlackAppライブラリの導入 https://developers.google.com/apps-script/guides/libraries?hl=ja ❏ Spreadsheetのアクセス権限追加 https://developers.google.com/identity/protocols/oauth2/scopes

Google Apps Scriptの処理 Spreadsheetの情報を取得＆Slackへ投稿 ❏ ❏ ❏ ❏ ❏ レビュアー一覧の取得、抽選処理 プルリクエストURLの取得 投稿チャンネルの取得 投稿キャラクター情報の取得 Slackへ投稿

Google Apps Scriptの実装 シート情報を取得して必要な実装をしていくだけ ❏ ❏ ❏ ❏ ❏ チェックの付いたメンバーから選出 キャラ情報のセット メンションKeyの置換 プルリクURLが空のときに確認 Spreadsheetのメニュー追加 https://developers.google.com/apps-script/reference/base/ui https://developers.google.com/apps-script/reference/spreadsheet/spreadsheet

そんな感じでザッとやれば動きます

ガチャ回し放題 Spreadsheet上から実行すればSlackへ投稿 ❏ 基本はレビュアー候補ポチポチー、プルリクセットでガチャ回すだけ ❏ キャラ選定やセリフのカスタマイズが腕の見せ所（？）

可能性は無限大 どこまで自動化すべきかは悩みどころ… ❏ ❏ ❏ ❏ ❏ Webhookによるプルリク作成検知 GitHub APIを使ってAssignd Slackコマンドによる実行 Interactive Message対応 Web画面化など

GAS Spreadsheet Slack API 完全に理解した チームの課題解決にぜひお試しを

日常的に使ってもらえる ツールで承認欲求得ていく スタイルマジおすすめ

ご清聴ありがとうございました @unsoluble_sugar https://unsolublesugar.com/ https://github.com/unsolublesugar https://qiita.com/unsoluble_sugar https://teratail.com/users/unsoluble_sugar