Git History - GitHubのファイルの変更履歴をインタラクティブに確認できるWebサービス | ソフトアンテナ
世界中の開発者に大人気のリポジトリ管理サービス「GitHub」。 バージョン管理ツールGitの機能によって、ファイルが誰に変更されたかという記録は詳細に残されていますが、変更履歴の確認方法は、Gitを使い慣れないかたにとっては少し分かりづらいものかもしれません。 本日紹介する「Git History」は、この問題を解決するWebサービスです。吹き出しやアイコンを利用し、ブラウザ上で分かりやすくGitHubに保存されたファイルの変更履歴を確認可能です。 以下使用方法を説明します。 Git Historyの使用方法 Git Historyの使用方法を確認するにはオンラインデモを使用するのが簡単です。 デモはbabelプロジェクトに含まれる「browserify.js」の変更履歴を表示するもので、左右の矢印キーを利用して履歴をたどり、ファイルを変更したユーザーや、ログを確認することができます。
GitHub Diff Explorer - プルリクエストのレビューを見やすく
Gitを使った開発では目処が立った段階でプルリクエストを送って取り込んでもらうというのが基本です。小さなプルリクエストであればすぐにチェックできますが、大きなものになると数十ファイルが更新されている場合もあるでしょう。そんな中では見逃しやレビューが時間を要してしまうかも知れません。 そこで使ってみたいのがGitHub Diff Explorerです。プルリクエストを見やすく階層化してくれます。 GitHub Diff Explorerの使い方 プルリクエストのFile Changedを選ぶと、左側にディレクトリツリーが表示されます。 右側に出るのは選択されているファイルだけです。 GitHub Diff Explorerで見れば変更されているファイルだけが一覧されます。さらに長大なスクロールがなくなり、見たいファイルだけを素早く確認できます。レビューすることが多い方にお勧めなソフトウェアで
Octohint - GitHub上でインテリセンスを有効に
開発者であればIDEでよく提供されるインテリセンスの便利さを感じることでしょう。関数の概要であったり、引数を表示してくれることで開発のしやすさ、生産性が大きく変わってきます。 そんなインテリセンスをGitHub上でで提供するのがOctohintになります。 Octohintの使い方 Octohintをインストールすると、GitHubのコードに対してインテリセンスが表示されます。 型も表示されるのが便利です。 関数であればその引数が表示されます。 OctohintはすでにできあがっているGitHub上のコードに対して表示される機能ではありますが、コードリーディングの効率を高めてくれるソフトウェアになるでしょう。ヒントが出ると理解度が高まりますのでGitHubでコードを閲覧する機会が多い方にとって便利です。 OctohintはGoogle Chrome/Safari用のオープンソース・ソフトウ
GitHub File Icon - GitHubのファイルアイコンを最適に
開発者であればGitHubのサイトを訪れる機会は多いと思います。その際にはファイルブラウザを見ると思いますが、すべてのファイルが同じアイコンになっているので分かりづらいかも知れません。 そこで使ってみたいのがGitHub File Iconです。拡張子に応じたファイルアイコンに変換してくれます。 GitHub File Iconの使い方 元々の表示。シンプルです。 インストール後。一気に可読性が高くなりました！ IDEであったり、OSのファイル管理でも拡張子ごとにアイコンを変えるのはよくあることです。それによってファイルの判別がつきやすくなります。これは何もローカルに限らずGitHub上でも同じです。ファイルがアイコンと色で区別されると見やすさが増すでしょう。 GitHub File IconはGoogle Chrome/Firefox用の機能拡張（MIT）です。 xxhomey19/gi
Octotree - GitHubにツリービューを追加
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました GitHubでコードホスティングしているオープンソースプロジェクトが増えてきました。また、個人や企業でもGitHubリポジトリを使っている人がたくさんいます。そうなるとGitHub上でコードを閲覧する機会が増えてきます。 そうした方はインストールしておきたいソフトウェアがOctotreeです。GitHubリポジトリをツリービューにしてくれます。 Octotreeの使い方 左側にあるのがコードツリーです。 複数のディレクトリを開いておけます。 設定です。ホットキーも用意されています。 Octotreeを使うとコードの閲覧、確認がとても簡単になります。頻繁にコードを確認する機会がある方はインストールしておくと良いでしょう。常時表示される訳ではなく、ホットキーまたは左上に追加されるアイコ
Repo Split - GitHub/Gitlab上でソースコードを読みやすくするChrome機能拡張 MOONGIFT
GitHubやGitlabのリポジトリはWeb上でも読めて便利ですが、いちいちディレクトリを辿る度に画面遷移するのは面倒に感じるかも知れません。もっとさくさく読みたくて、結局ローカルにcloneするのではないでしょうか。 そこで使ってみたいのがRepo Splitです。GitHub/Gitlabのリポジトリをもっと読みやすくするChrome機能拡張です。 Repo Splitの使い方 実行したところです。見た目がまるで変わります。自動でこうなるわけではないので安心してください。 ファイルを選択すればコンテンツが表示されます。 ディレクトリはツリービューで展開されます。 複数ファイル開くこともできます。 Repo SplitはGitHub/Gitlab上でソースコードをどんどん読んでいくために作られたUIとなっています。スプリットビューなどとても便利です。Web上でソースコードを読む機会が多
PR Deetz - コミットを表示した時にpull reqタイトルも表示
GitHubはとても便利で使い勝手の良いサービスなのですが、時々かゆいところに手が届いていないことがあります。普段使い勝手が良いだけに、そうした時にストレスを感じる人もいるでしょう。 今回はそうしたかゆいところをChrome機能拡張として解決してくれるPR Deetzを紹介します。 PR Deetzの使い方 PR Deetzが解決してくれるのはコミットを表示した際の、該当pull request表示です。数字だけは元々表示してくれるのですが、さらにタイトルを出してくれます。 数字だけの表示では実際の内容が分かりません。タイトルを出してくれることで、このコミットが何の内容だったのかが分かりやすくなります。ちょっとしたことですが、あると便利に感じるでしょう。意外とこの手の改善をする機能拡張やUser Scriptは便利そうです。 PR DeetzはGoogle Chrome用のオープンソース・
GitHub Wiki Live Edit - GitHub Wikiにリアルタイムプレビューを追加
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました GitHubにはバージョン管理したい文書とは別で、Wikiによるコンテンツ管理機能が提供されています。Markdownをはじめとして各種記法を使って書けるので、手軽なCMSとして使っている人も多いのではないでしょうか。 このエディタはタブを切り替えて編集とプレビューを確認します。多くのエディタで実装されている左右表示でのリアルタイムプレビューが良い方はGitHub Wiki Live Editを使ってみましょう。 GitHub Wiki Live Editの使い方 GitHub Wiki Live Editが適用されていない場合です。 導入後。左右に分かれて表示されています。 ついでに各種記法のヘルプが追加されています。なお、入力する度に反映される訳ではなく、若干のタイムラグがあり
Githunt - Google Chromeの新規タブでGitHubトレンドを表示
Google Chromeでは新しいタブを開くとよく見るWebサイトなどが表示されます。しかし個人的にはここからサイトにアクセスすることはまずありません。普通にアドレスバーに入力するか、検索するかです。 そのため、この部分は邪魔だと思っていました。もし同じように思っている方がいれば、Githuntを使って皆が好きなGitHubの情報を表示してみるのはいかがでしょう。 Githuntの使い方 インストールすると新しいタブを開いた時にGitHubのポピュラーなリポジトリが表示されるようになります。 言語や期間での絞り込みもできます。 GithuntはGitHubトレンドを表示してくれます。キャッシュしているとのことですが、APIへのアクセスには制限があるので、それを超えてアクセスする場合は設定画面からトークンを取得して表示するとのことです。 GithuntはGoogle Chrome用のオープ
Compass - GitHubのコードブラウジングを快適にしてくれるGoogle Chrome機能拡張 MOONGIFT
GitHubのファイルブラウザは良くできているので、ライブラリをわざわざダウンロードすることなく動作を確認するのに便利です。しかしライブラリによっては多くのディレクトリに分かれているため、ナビゲーションが面倒に感じることもあります。 そこで使ってみたいのがCompassです。Google Chrome向けにスムーズなGitHub上のナビゲーションを提供します。 Compassの使い方 Compassを使うには任意のGitHubリポジトリにてコマンド+K（Windowsの場合はCtrl+K）を押します。そうするとフローティングが表示されますのでファイルのパスを入力していきます。 ファイルを選択してエンターキーを押せばそのファイルが表示されます。 実際に操作しているところです。結構スムーズなのが分かるかと思います。 Compassを使えばGitHub上でのファイル移動やコードのブラウジングがと
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHubのリポジトリをタグ付きでブックマークできる拡張機能「Voblet」 | ライフハッカー・ジャパン
GitHubにあるリポジトリの容量を計算してくれる拡張機能「GitHub Repository Size」 | ライフハッカー・ジャパン