Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
GAS + Spreadsheet + Slack API で レビュアーガチャを作ってみた
Search
unsoluble_sugar
April 30, 2020
Programming
0
1.1k
GAS + Spreadsheet + Slack API で レビュアーガチャを作ってみた
『完全に理解した人達の「Web技術」Talk #4 』の発表スライドです
https://easy2.connpass.com/event/173015/
unsoluble_sugar
April 30, 2020
Tweet
Share
More Decks by unsoluble_sugar
See All by unsoluble_sugar
VC ClientでRVC完全に理解した / rvc-with-vcclient-completely-understood
unsoluble_sugar
0
590
VCCでVRChatにVRMアバターをアップロードする方法完全に理解した
unsoluble_sugar
0
180
技術選定完全に理解した
unsoluble_sugar
0
360
「未経験からエンジニア」でやり抜いた時の昔話
unsoluble_sugar
0
1.9k
Coursera完全に理解した
unsoluble_sugar
0
3.3k
歴史的経緯から学ぶVTuber超入門
unsoluble_sugar
0
730
Raspberry Pi完全に理解した
unsoluble_sugar
0
3.3k
リモート勉強会完全に理解した
unsoluble_sugar
0
5.4k
VMagicMirror完全に理解した
unsoluble_sugar
0
4k
Other Decks in Programming
See All in Programming
PHPerKaigi 2024〜10年以上動いているレガシーなバッチシステムを Kubernetes(Amazon EKS) に移行する取り組み〜
tshinowpub
1
220
DocC Tutorial と TCA におけるテスト機能の紹介
kalupas226
1
330
Kotlinを用いたDSL的な設計手法と使用上の注意
kohii00
3
530
AppDeveloperCon 2024 EU: Building polyglot developer experiences in 2024
salaboy
0
380
RubyVM を PHP で実装する 〜Hello World を出力するまで〜
memory1994
PRO
1
490
Migrating to Signals: A Practical Workshop
manfredsteyer
PRO
0
290
クソコード動画『カプセル化 Mk-II』 で考える 上手くカプセル化できない理由 / encapsulation2
minodriven
11
8k
Prepare for Jakarta EE 11 - Performance and Developer Productivity
ivargrimstad
0
530
孤独のCTOグルメという やや奇抜な企画をやった目的と効果
shoheimitani
3
1k
9年開発を牽引して見えてきた、共通化すべきものと個別でつくるもの ~プログラム言語~
shinout
1
270
上手な探索的テストとその上達方法について
matsu802
4
660
incrementalモデルの理解を深める
ikkimiyazaki
2
640
Featured
See All Featured
Adopting Sorbet at Scale
ufuk
66
8.5k
Bootstrapping a Software Product
garrettdimon
PRO
302
110k
The Language of Interfaces
destraynor
150
23k
StorybookのUI Testing Handbookを読んだ
zakiyama
10
4.5k
Agile that works and the tools we love
rasmusluckow
323
20k
Fantastic passwords and where to find them - at NoRuKo
philnash
35
2.4k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
657
120k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
113
18k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
19
1.9k
Art, The Web, and Tiny UX
lynnandtonic
288
19k
How to train your dragon (web standard)
notwaldorf
71
5.1k
A Tale of Four Properties
chriscoyier
150
22k
Transcript
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の構成
データ管理用シートとして使用 大きく4つに分けました ❏レビュアー一覧 ❏プルリクエスト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 ご清聴ありがとうございました