GitHubに100種類以上の機能を追加し、インターフェースを使いやすく改良するブラウザ拡張機能「Refined GitHub」
![](https://i.gzn.jp/img/2024/07/21/refined-github/00_m.png)
「Refined GitHub」はGitHubに多数の使いやすい機能を導入してくれるブラウザ拡張機能です。
GitHub - refined-github/refined-github: :octocat: Browser extension that simplifies the GitHub interface and adds useful features
https://github.com/refined-github/refined-github
Refined GitHubの導入手順は次の通り。まず、上記のリンクをクリックしてRefined GitHubのGitHubリポジトリを開きます。Refined GitHubはChrome版・Firefox版・Safari版がありますが、今回はChromeを使うのでChromeのロゴの横のボタンをクリック。
![](https://i.gzn.jp/img/2024/07/21/refined-github/snap6641_m.png)
Chromeウェブストアが開きます。「Chromeに追加」をクリックします。
![](https://i.gzn.jp/img/2024/07/21/refined-github/snap6642_m.png)
確認が出るので「拡張機能を追加」をクリック。
![](https://i.gzn.jp/img/2024/07/21/refined-github/snap6643_m.png)
拡張機能のインストールが完了すると自動でウェルカムページが開きました。設定でGitHubのアクセストークンを入力する必要があるとのこと。「extension's options」と書かれた文字の部分をクリックして設定ページを開きます。
![](https://i.gzn.jp/img/2024/07/21/refined-github/snap6644_m.png)
「generate a token」をクリック。
![](https://i.gzn.jp/img/2024/07/21/refined-github/snap6645_m.png)
GitHubへのログインを求められるので、IDとパスワードを入力して「Sign in」をクリックします。
![](https://i.gzn.jp/img/2024/07/21/refined-github/snap6646_m.png)
アクセストークンの生成ページにリダイレクトされました。
![](https://i.gzn.jp/img/2024/07/21/refined-github/snap6647_m.png)
特に変更する点はないので、そのまま最下部までスクロールして「Generate token」をクリック。
![](https://i.gzn.jp/img/2024/07/21/refined-github/snap6648_m.png)
アクセストークンが表示されるので赤枠で囲ったボタンをクリックしてコピーします。
![](https://i.gzn.jp/img/2024/07/21/refined-github/snap6649_m.png)
Refined GitHubの設定ページへ戻り、アクセストークンの入力欄にコピーしたトークンを貼り付けます。右にアカウント名が出現し、下のチェックリストに全てチェックマークが付けば準備完了です。
![](https://i.gzn.jp/img/2024/07/21/refined-github/snap6650_m.png)
Refined GitHubには100種類以上の機能が搭載されていますが、その中でも特に有用なものは以下の通り。
・コード内の空白を視覚化
![](https://i.gzn.jp/img/2024/07/21/refined-github/01_m.png)
・ワンクリックでコンフリクトを解消する機能を追加
![](https://i.gzn.jp/img/2024/07/21/refined-github/02_m.png)
・プルリクエスト(PR)のベースコミット&現在のHEADからどれだけ遠いのかを表示
![](https://i.gzn.jp/img/2024/07/21/refined-github/03_m.png)
・コメントおよび未解決のコメント以外のIssueとPR内すべてのイベントを非表示にするオプションを追加
![](https://i.gzn.jp/img/2024/07/21/refined-github/04_m.png)
・IssueやPRのカスタム通知をワンクリックで有効化
![](https://i.gzn.jp/img/2024/07/21/refined-github/05_m.png)
・ディレクトリとファイルに「標準のブランチで見る」ボタンを追加
![](https://i.gzn.jp/img/2024/07/21/refined-github/06_m.png)
・PR内のファイルに「このファイルのすべての変更を破棄する」ボタンを追加
![](https://i.gzn.jp/img/2024/07/21/refined-github/236630610-e11a64f6-5e70-4353-89b8-39aae830dd16.gif)
・通知を種類やステータスでまとめて選択する機能を追加
![](https://i.gzn.jp/img/2024/07/21/refined-github/252175851-e0826d3b-1990-4bff-ba09-71892463818e.gif)
その他の機能はリポジトリに一覧形式でまとめられているので確認してみてください。なお、GitHubの公式もRefined GitHubからインスピレーションを得ており、記事作成時点までに42個の機能が公式実装へと至ったとのことです。
・関連記事
GitHubに数百万件もの「悪意のあるコードを埋め込んだ既存リポジトリのコピー」がアップロードされていたという報告 - GIGAZINE
著作権違反で削除通知を送られたGitHubプロジェクトは1年で2万件以上 - GIGAZINE
AmazonはGitHubをスクレイピングしてAIモデルをトレーニングするグレーな方法を採用していることが明らかに - GIGAZINE
GitHubがサイバー犯罪者によるマルウェア配信の温床として悪用されているという指摘 - GIGAZINE
GitHubで「偽のスター」を購入して信用度を偽装しているプロジェクトの見分け方 - GIGAZINE
「GitHub Copilotがコードを違法にコピーしている」と主張する開発者による訴訟の大部分を裁判所が棄却 - GIGAZINE
・関連コンテンツ