[GitHub] 見てるPRがstagingマージ済か確認するブックマークレット

はじめに

こちらは Qiita全国学生対抗戦 Advent Calendar 2025 の24日目の記事です！ 🎄
(空いてたので埋めさせていただきました🙏)

兼、株式会社ビザスク - VisasQ Inc. Advent Calendar 2025 の24日目の記事です！ 🎄
(tips: 東京通信大学 では会社員をしながら学位を取得できます！)

まえがき

筆者が参画中のいくつかの現場では、feature ブランチ毎に自動でプレビュー環境が作られる訳ではないため staging ブランチへ作業ブランチを手動マージしデプロイすることで staging 環境上で動作確認できる状態にしてから PR レビューを依頼する(のが望ましい)運用となっております。
その上、 GitHub Flow なブランチ戦略のため PR としては feature to main となっており必ずしも staging ないしは dev 環境へのマージが済まされているとは限りません。
⭐️ よってレビュアーとしてはよく、 https://github.com/<org>/<repo>/compare を開き base:staging compare:PRのブランチ を設定し差分が発生してないか(→ stagingマージ済?)を判断することがあります。
今回は ⭐️ の作業をサクッと行うためのブックマークレットを作って使っているのでその紹介です 🥳

⚠️: GitHub のページの DOM 構造の変化などで簡単に使えなくなるのでその場合、後述の「補足」の2の部分を修正してご利用ください🙏 もしくは、 GitHub Actions などの追加ができる(しやすい)現場である場合はそもそもブックマークレットではない手段をご検討ください🚀

ブックマークレットのコード

window.open(`https://github.com${location.pathname.split('pull')[0]}compare/staging...${document.getElementsByClassName('css-truncate-target')[1].innerText}`);

【補足】

1. location.pathname.split('pull')[0] → /<org>/<repo>/
2. document.getElementsByClassName('css-truncate-target')[1].innerText → 2025年12月現在は以下の部分(作業ブランチ名)を取得してくれます

ブックマークレット化

以下のサイトなどで上記のコードをコピペしブックマークレット化してください！

1. 変換:
2. ブックマークバーに登録:

使い方

1. PRをブラウザで開く https://github.com/<org>/<repo>/pull/<pr-num>
2. ブックマークバーに登録したブックマークレットを押す
3. base:staging compare:PRのブランチ が設定済の https://github.com/<org>/<repo>/compare が自動で開くので差分の有無(作業ブランチの最新の内容がstagingマージ済か)を確認

さいごに

見てるPRがstagingマージ済かの確認方法としては多分 PR open や push をトリガーにした GitHub Actions を組むであったり、そもそもブランチ戦略を変えたりなどすべきかもしれませんが、取り急ぎ個別で直ぐに改善できる方法として今回のブックマークレットを書けて良かったなと思います！(ご参考までに！)
ここまでご覧くださりありがとうございました！！！