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.4k
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
ドキュメント翻訳から始めるOSS推し活
unsoluble_sugar
0
470
VC ClientでRVC完全に理解した / rvc-with-vcclient-completely-understood
unsoluble_sugar
0
1.1k
VCCでVRChatにVRMアバターをアップロードする方法完全に理解した
unsoluble_sugar
0
380
技術選定完全に理解した
unsoluble_sugar
0
450
「未経験からエンジニア」でやり抜いた時の昔話
unsoluble_sugar
0
2.1k
Coursera完全に理解した
unsoluble_sugar
0
3.7k
歴史的経緯から学ぶVTuber超入門
unsoluble_sugar
0
830
Raspberry Pi完全に理解した
unsoluble_sugar
0
3.6k
リモート勉強会完全に理解した
unsoluble_sugar
0
6k
Other Decks in Programming
See All in Programming
Mastering AsyncSequence - 使う・作る・他のデザインパターン(クロージャ、Delegate など)から移行する
treastrain
4
1.6k
全部見せます! クラシルリワードのSwiftTesting移行プロジェクト
uetyo
0
190
Jakarta EE meets AI
ivargrimstad
0
370
How to Break into Reading Open Source
kaspth
1
190
Method Swizzlingを行うライブラリにおけるマルチモジュール設計
yoshikma
0
110
長期運用プロダクトの開発速度を維持し続けるためのリファクタリング実践例
wataruss
8
2.7k
サーバーレスで負荷試験!Step Functions + Lambdaを使ったk6の分散実行
shuntakahashi
6
1.5k
Amazon Neptuneで始める初めてのグラフDB ー グラフDBを使う意味を考える ー
satoshi256kbyte
2
250
『ドメイン駆動設計をはじめよう』中核の業務領域
masuda220
PRO
5
970
RAGの回答精度評価用のQAデータセットを生成AIに作らせた話
kurahara
0
240
デザインシステムとコンポーネント指向によるフロントエンド開発プロセスの革新 / Innovation in Frontend Development Processes through Design Systems and Component-Oriented Architecture
nrslib
8
5.3k
2024 컴포즈 정원사
jisungbin
0
150
Featured
See All Featured
Practical Orchestrator
shlominoach
185
10k
Fontdeck: Realign not Redesign
paulrobertlloyd
80
5.1k
We Have a Design System, Now What?
morganepeng
48
7.1k
Principles of Awesome APIs and How to Build Them.
keavy
125
16k
Building Better People: How to give real-time feedback that sticks.
wjessup
359
18k
Faster Mobile Websites
deanohume
304
30k
Optimizing for Happiness
mojombo
375
69k
What the flash - Photography Introduction
edds
67
11k
Put a Button on it: Removing Barriers to Going Fast.
kastner
58
3.4k
Fantastic passwords and where to find them - at NoRuKo
philnash
48
2.8k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
43
2k
Infographics Made Easy
chrislema
239
18k
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 ご清聴ありがとうございました