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を使ってReviewer割り当て ❏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 ご清聴ありがとうございました

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

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

unsoluble_sugar

More Decks by unsoluble_sugar

Other Decks in Programming

Featured

Transcript