【デルタ】

delta(Git差分ビューア) とは?

💡 git diffを読むのが楽しくなるカラフルビューア
📌 このページのポイント
delta — リッチな diff ビューア git diff(標準) - const port = 3000; + const port = 8080; const host = "0.0.0.0"; - app.listen(port); 単色で見づらい… delta 適用後 const port = 3000; const port = 8080; const host = "0.0.0.0"; app.listen(port); 単語レベルのハイライト 行番号付き表示 Side-by-side 表示 シンタックスハイライト git の pager として設定するだけで有効化 ~/.gitconfig → [core] pager = delta
delta の diff ビューのイメージ
ひよこ ひよこ

git diffの出力が見づらくて、どこが変わったのか分かりにくい…

ペンギン先生 ペンギン先生

deltaを設定すると、git diffの出力にシンタックスハイライトが付くよ。さらに行内のどの文字が変わったかもハイライトされるから、差分が一目瞭然なんだ

ひよこ ひよこ

設定は難しい?

ペンギン先生 ペンギン先生

.gitconfigに数行追加するだけだよ。`[core] pager = delta`と書けば、git diff、git log、git showなど全部の出力がdeltaを通して表示されるようになるんだ

ひよこ ひよこ

横並び表示もできるの?

ペンギン先生 ペンギン先生

`delta --side-by-side`で左右に並べて表示できるよ。.gitconfigに設定しておけば常に横並びにもできる。ワイドモニターなら特に見やすいんだ

ひよこ ひよこ

batと何か関係あるの?

ペンギン先生 ペンギン先生

実はdeltaの中でbatと同じシンタックスハイライトエンジンを使ってるんだ。テーマもbatと共通だから、同じ配色で統一感のあるターミナル環境を作れるよ

ひよこ ひよこ

他のdiffツールと比べてどうなの?

ペンギン先生 ペンギン先生

diff-so-fancyという先行ツールもあるけど、deltaはRust製で高速かつ行内ハイライトが精度高いのが強みだね。Gitのページャとしてシームレスに動くから、特別な操作なしで日常的に恩恵を受けられるよ

ペンギン
まとめ:ざっくりこれだけ覚えればOK!
「delta」って出てきたら「git diffを見やすくするシンタックスハイライトツール」と思えればだいたいOK!
📖 おまけ:英語の意味
「delta」 = 差分・変化量
💬 数学やプログラミングでdelta(デルタ、Δ)は差分を意味する。Gitの差分を美しく表示するからdeltaなんだよ
← 用語集にもどる