JavaScript
GitHub
chrome-extension

GithubのissueページのコメントのURLをコピーする拡張を作った


TL;DR


  • githubのissueのコメントURLをクリップボードにコピーするChrome拡張をつくりました。

  • chrome ウェブストアで配布していないので、githubからcloneしてローカルのどこかに保存して使用してください。


Githubのurl

https://github.com/task-k/Kittens_pickup


とりあえずポエム

今日は消防点検だったわけですが、その点検中に設備が壊れているということが発覚し、修理しましょうということになり、

「でも今日はもう仕事行くので後日でおなしゃす」とお願いしたら

「業者が忙しすぎて、修理すんの今日しかないねん、管理会社も人がいないので本人が立ち会ってくれんと困っちゃう」

ってなことで

待っていたら、修理パーツ全然到着しなくて、来たらきたでわりと時間かかりそうだったので、

「立会っても見てるだけは暇。よし、それならqiitaでも書くか!」ってなことで書いています。

待ちつかれて散々でした。


機能


そのまえに動機

プルリク見てたり、なんかしらのパッケージのissueのコメントを共有したいときに、そのコメントのURLがあるにもかかわらず

githubのインターフェイス上からは見ることができません。

コメントのタイムスタンプのcommented 21hours agoのところにリンクがあるので取得しようと思えば、右クリックからリンクのコピーができます。

でもそれっていちいちめんどくさいのでボタンを作成しました。だいぶ前に。


使い方



  1. このリポジトリからローカルにクローンします。
    https://github.com/task-k/Kittens_pickup

  2. chromeの拡張chrome://extensions/でデベロッパーモードをonにする。

  3. 「パッケージ化されていない拡張機能を読み込む」でクローンしてきたディレクトリを選択


Github上の表示

issueの詳細ページのコメント欄ヘッダーに↓このようなボタンが出ていたらOKです。

48248218-c4279f80-e439-11e8-8828-7365d4d74e67.png

詳細な位置はここ(nextjsのissueをキャプチャさせてもらいました。)

screen 2019-03-13 18.59.31.png

ボタンをクリックするとComennt URL Clippedとバルーンが表示されます。

プルリクのページにも表示されますのでチーム内で「プルリクのコメントに詳細書いたよ」みたいなのをチャットツールに貼るのに便利です。


注意点


  • 対象はGithubのissue一覧ページではなく、↓こういう詳細ページです。
    https://github.com/zeit/next.js/issues/6640

  • issue詳細ページに行ったけどボタンが表示されていない場合は、そのページでリロードしてください。動作が環境によって安定していません(あんまり検証していない)。

  • あと、特に危ないコードは入ってません。最近はこういうの怖いですね。


参考

Chrome 拡張 公式リファレンス

https://developer.chrome.com/extensions