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.6k
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
ゆるいエンジニアリングコミュニティはいいぞ
unsoluble_sugar
0
70
Godot Engineについて調べてみた
unsoluble_sugar
0
740
ドキュメント翻訳から始めるOSS推し活
unsoluble_sugar
0
2.3k
VC ClientでRVC完全に理解した / rvc-with-vcclient-completely-understood
unsoluble_sugar
0
1.9k
VCCでVRChatにVRMアバターをアップロードする方法完全に理解した
unsoluble_sugar
0
550
技術選定完全に理解した
unsoluble_sugar
0
550
「未経験からエンジニア」でやり抜いた時の昔話
unsoluble_sugar
0
2.6k
Coursera完全に理解した
unsoluble_sugar
0
4.3k
歴史的経緯から学ぶVTuber超入門
unsoluble_sugar
0
1.2k
Other Decks in Programming
See All in Programming
Terraform やるなら公式スタイルガイドを読もう 〜重要項目 10選〜
hiyanger
13
3.2k
GitHub Copilotの全体像と活用のヒント AI駆動開発の最初の一歩
74th
8
3.2k
Oracle Database Technology Night 92 Database Connection control FAN-AC
oracle4engineer
PRO
1
200
Jakarta EE Core Profile and Helidon - Speed, Simplicity, and AI Integration
ivargrimstad
0
200
State of CSS 2025
benjaminkott
1
120
令和最新版手のひらコンピュータ
koba789
14
8k
技術的負債で信頼性が限界だったWordPress運用をShifterで完全復活させた話
rvirus0817
1
2.1k
あのころの iPod を どうにか再生させたい
orumin
2
2.5k
UbieのAIパートナーを支えるコンテキストエンジニアリング実践
syucream
2
720
Infer入門
riru
4
1.6k
MLH State of the League: 2026 Season
theycallmeswift
0
160
Flutter로 Gemini와 MCP를 활용한 Agentic App 만들기 - 박제창 2025 I/O Extended Seoul
itsmedreamwalker
0
150
Featured
See All Featured
Site-Speed That Sticks
csswizardry
10
790
Why Our Code Smells
bkeepers
PRO
338
57k
Side Projects
sachag
455
43k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Build The Right Thing And Hit Your Dates
maggiecrowley
37
2.8k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3k
How STYLIGHT went responsive
nonsquared
100
5.7k
It's Worth the Effort
3n
187
28k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
44
2.4k
Bash Introduction
62gerente
614
210k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
1.8k
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 ご清聴ありがとうございました