LoginSignup
15
18

More than 5 years have passed since last update.

GitHub, Bitbucketを100倍快適にするツールOctotreeの紹介

Last updated at Posted at 2017-12-09

ちょっと感動したので記事書いてみます

Octotreeとは

GitHubにコードツリーを表示するためのブラウザ拡張機能(Chrome、Firefox、Opera、Safari)。リポジトリ内ののソースを探索するのにめちゃくちゃ便利なツールです。ただ、GitLabにはサポートできていないとのことです (2017/12/9時点)。

https://gyazo.com/0670b092f520135dc786fd68ee38a479

特徴

  • IDEのように移動しやすいコードツリー
  • pjaxとTurbolinksによる高速なブラウジング
  • プライベートレポジトリにも対応
  • GitHub Enterpriseにも対応

導入手順

Chromeにいれよう

Chrome ウェブストアのOctotreeから拡張機能をインストールします
これでpublicなレポジトリは見れるようになりました!
早い!!!!!
試しに飛んで見ましょう!
https://github.com/buunguyen/octotree

Private Repositoryへのアクセスを可能にする

GitHubの場合

アクセストークンを作成します

Settings > Developer settings > Personal access tokens
https://github.com/settings/tokens/new
ここからいけます

設定画面へ進みます。トークンの名前と権限を設定しましょう。

eee6c0105b1fd4999ce0e770f3ce0fb3.png

権限はお好みで設定してください

作成できたトークンをコピーしましょう
dd56d3f9064de1c0abb5c5a1a5d5abe3.png

レポジトリに戻り左側のバーの歯車アイコンをクリック
設定画面で先程コピーしたアクセストークンをコピーして保存すれば終了です!!
430808787ddee08cae486e8e17b2d148.png

Bitbucketの場合

同様にアクセストークンを作成します
設定 > アクセス管理 > アプリパスワード > アプリパスワードの作成
https://bitbucket.org/account/user/${your_account_name}/app-passwords/new
から飛べます

52805bbc97df63c9353feef1c39bc3a4.png

あとはGitHubと同様にレポジトリにアクセスして設定画面からアクセストークンをコピーすれば完了です!!


参考

15
18
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
15
18