読者です 読者をやめる 読者になる 読者になる

BppLOG

Berlin → Tokyo

gitのdiffを見やすくする「diff-so-fancy」がとても便利

プログラミング

日本で一番簡単にビットコインが買える取引所 coincheck bitcoin

git の diff コマンドは差分を色分けしてくれていますが、変更された行単位でしかわかりません。
行の中でどの部分が変更されたのか確認したい・・・

そんなかゆい所に手がとどくようなツールが「diff-so-fancy」です。

左:導入前 右:導入後
https://cloud.githubusercontent.com/assets/39191/13622719/7cc7c54c-e555-11e5-86c4-7045d91af041.png

変更された部分がハイライトされて可視化されるようになりました。
また、ファイル毎の見出しも表示されるので、視認性も良くなっています。

セットアップも簡単です。

npm install -g diff-so-fancy
git diff --color | diff-so-fancy

またlessのTipsとして、以下の設定を行うことでファイル間の移動が簡単になります。
nキーで次のファイル、pキーで前のファイルへと移動できるようになります。

git config --global pager.diff "diff-so-fancy | less --tabs=4 -RFX --pattern='^(added|deleted|modified): '"


github.com

入門git

入門git

エンジニアのためのGitの教科書[上級編] Git内部の仕組みを理解する

エンジニアのためのGitの教科書[上級編] Git内部の仕組みを理解する

【改訂新版】Gitポケットリファレンス

【改訂新版】Gitポケットリファレンス

  • 作者: 岡本隆史,武田健太郎,相良幸範
  • 出版社/メーカー: 技術評論社
  • 発売日: 2016/12/01
  • メディア: 単行本(ソフトカバー)
  • この商品を含むブログを見る