Githubを劇的に使いやすくしてくれるChrome Extensions

Githubをより便利にしてくれるChrome Extensionについて紹介します。すでにQiitaには、「[GitHub を使いやすくする Chrome Extension 5 選](http://qiita.com/kbaba1001/items/b26157fbee95a0433495) 」というものがあったのでそこに載っていないものに関してまとめました。

## 1. Octotree

[Chromeウェブストア - Octotree](https://chrome.google.com/webstore/detail/octotree/bkhaagjahfmjljalopjnoealnfndnagc)

Githubでは見づらかったファイルツリーを見やすくしてくれます

(https://chrome.google.com/webstore/detail/octotree/bkhaagjahfmjljalopjnoealnfndnagc)

![chrome.png](https://qiita-image-store.s3.amazonaws.com/0/5559/912c4f78-a54d-2be8-85b7-6fdd649de3d1.png)




## 2. ZenHub for GitHub

[Chromeウェブストア - ZenHub for GitHub](https://chrome.google.com/webstore/detail/zenhub-for-github/ogcgkffhplmphkaahpmffcafajaocjbd)

>_GithubのIssueはワークフロー制御ができない、優先度順でソートできないなど、仕事で使うにはやや機能が貧弱なところです（個人的にはそのシンプルなところがOSSプロジェクトで使うのにはあっていると思いますが）。特にIssueだけを見ているとプロジェクト全体の状況がわかりにくいというのはよく言われるところです。そこで同僚に教えてもらったのがZenHubというサービスです。_- [Github]Githubでカンバンが使えるようになるZenHubが素晴らしすぎる

![ZenHub.io.png](https://qiita-image-store.s3.amazonaws.com/0/5559/0a8ad4e8-6fdd-9d25-4965-ba1d7a90c818.png)


## 3. Avatars for Github

[Chromeウェブストア - Avatars for Github](https://chrome.google.com/webstore/detail/avatars-for-github/pgjmdbklnfklcjfbonjfkdhaonlfogbb)

ユーザーのアイコンを表示してくれるだけですが、一発で誰かわかるので地味に便利です

![github-avatars.png](https://qiita-image-store.s3.amazonaws.com/0/5559/b1e8c3f7-6040-52b9-b187-9e360479de40.png)

## 4. Github Checker

[Chromeウェブストア - Github Checker](https://chrome.google.com/webstore/detail/github-checker/dejgifcjoefbogdjpjokobdlddjhbich)

Pull Requestの数を表示してくれるので忘れる心配はありません。

![unnamed.png](https://qiita-image-store.s3.amazonaws.com/0/5559/703ad546-6393-3e3c-493c-ae201cb5e1fd.png)

## 5. Github Linker

[Chromeウェブストア - Github Linker](https://chrome.google.com/webstore/detail/github-linker/jlmafbaeoofdegohdhinkhilhclaklkp)

Github内のコード上にあるライブラリにGithubのレポジトリへのリンク追加します

![screencast.gif](https://qiita-image-store.s3.amazonaws.com/0/5559/5d226b34-fa07-2fa3-d879-3dca58de9b7a.gif)

## 6. Github Editorconfig

[Chromeウェブストア - GitHub EditorConfig](https://chrome.google.com/webstore/detail/github-editorconfig/bppnolhdpdfmmpeefopdbpmabdpoefjh)

[Github - github-editorconfig](https://github.com/RReverser/github-editorconfig)

ブラウザでもEditorconfigに対応できるよにするアドオンです。

`.editorconfig`:

![01e62090-5a9a-11e4-96e8-85d0d1e3c79e.png](https://qiita-image-store.s3.amazonaws.com/0/5559/6ca6b09a-b4bc-4696-fc18-4eb6457af406.png)

`.editorconfig`を読み込んだ結果：

![01e6e6e2-5a9a-11e4-862d-53b65d109958.png](https://qiita-image-store.s3.amazonaws.com/0/5559/9c3b4d70-fd47-df5e-300d-95c9709d52f9.png)

## Github Awesome Autocomplete

[Chromeウェブストア - Github Awesome Autocomplete](https://chrome.google.com/webstore/detail/github-awesome-autocomple/djkfdjpoelphhdclfjhnffmnlnoknfnd)

Githubの検索部分をGoogleなどのように自動補完できるようにしてくれる拡張機能です。

![unnamed.png](https://qiita-image-store.s3.amazonaws.com/0/5559/fbd08dd5-19a3-5c3a-cfea-4a406bcc4e14.png)


## 8. GitHub Hide Files

[Chromeウェブストア - GitHub Hide Files
](https://chrome.google.com/webstore/detail/github-hide-files/lpnakhpaodhdkleejaehlapdhbgjbddp)

最近は開発を助けてくれる`.travis.yml`だったりが増えてすごい便利になったんだけどそれらが増えて誰かのコードを見るときにちょっと邪魔だなと感じる人にはこれを使うとその問題が解決されます。

![screenshot.png](https://qiita-image-store.s3.amazonaws.com/0/5559/ae7064a8-fbe0-6d69-6532-6fd919918524.png)

## 9. Github gmail

[Github - Github Gmail](https://github.com/adg/github-gmail)

Googleに作成されたエクステンションで、Githubからのissueやpull requestのメールに対して以下の画像のようにバッジを付けてわかりやすくしてくれます。

![687474703a2f2f636c2e6c792f696d6167652f3377303434353249326b30502f69737375652d62616467652d676d61696c2e706e67.png](https://qiita-image-store.s3.amazonaws.com/0/5559/f2466737-4158-098b-72ac-2e598c93a0c6.png)

## 10. GitHub Canned Responses

[GitHub - GitHub Canned Responses](https://github.com/notwaldorf/github-canned-responses)

![487daebe-c926-11e5-8538-52ec4f2f8756.gif](https://qiita-image-store.s3.amazonaws.com/0/5559/c45b5258-f50d-0f62-3051-b1141baf006c.gif)

## Note

**Octotree** と **ZenHub** は同時に使うことができなかったのですが、 **Octotree** 作者の[Buu Nguyen](https://twitter.com/buunguyen)さんがすぐに対応してくれたので使えるようになり、今回これを公開することができました。その時Twitterを使って連絡をとったのですが、すぐに連絡が返ってきて改めてTwitterの便利さを感じました。:shipit:

## その他のGithubを使いやすくするExtensionについてのまとめ

- [GitHub のレポジトリを見やすくしてくれる Chrome 機能拡張](https://plus.google.com/+agektmr/posts/DS9j1aEhLcP)
- [GitHub issueに、かんばんボード機能を追加できるZenHubがマジ神](http://blog.isao.co.jp/post/87265630773/github-issue-zenhub)
- [[Github]Githubでカンバンが使えるようになるZenHubが素晴らしすぎる](http://d.hatena.ne.jp/takezoe/20140607#p1)
- [
GitHub を使いやすくする Chrome Extension 5 選](http://qiita.com/kbaba1001/items/b26157fbee95a0433495)
- [GitHubユーザが入れるべきChrome Extensionまとめ](http://qiita.com/dtaniwaki/items/2f34055476803b97fa8e)
- [Awesome browser extensions for GitHub](https://github.com/stefanbuck/awesome-browser-extensions-for-github)