背景

私は最近、業務もプライベートでもコーディングエージェントと作業することが多くなりGUIエディタを使わずターミナル中心になってきています。
しかしコードレビューの際はGUIエディタがないと読みづらく、なんとなくコミットしがちになってしまうので、ただレビューの為だけにエディタを立ち上げている事に不便さを感じていました。
そこで、コードレビューをターミナル内で完結させる第一歩として delta とbatを導入し、体験がよかったので記事にしました。
ちなみに私はGUIエディタが不要とは考えておらず、コードを書きたいときには必須なので使い分けが大事という意見です。

環境

業務用のMacとプライベートのWindows(WSL)の両方で異なるターミナル環境を使っておりそれぞれで実施内容を紹介します。(貼り付ける画像はWindowsのものです)

Mac環境: Ghostty(ターミナル) + herdr(ターミナルマルチプレクサ)
Windows(WSL)環境: Windowsターミナル上でWSL(Ubuntu)を利用

delta(git-delta)とは

git diff / git log -p / git show の出力をシンタックスハイライト・行番号付き・サイドバイサイド表示に整形してくれるRust製のページャ。
GUIのdiffビューアに近い見やすさをターミナルの軽さのまま得られます。

インストール

Mac

brew install git-delta

WSL/Ubuntu

sudo apt install git-delta

git設定

インストール後git configでdeltaを利用する設定をします

git config --global core.pager delta
git config --global interactive.diffFilter "delta --color-only"
git config --global delta.navigate true
git config --global merge.conflictstyle diff3
git config --global diff.colorMoved default

core.pager delta — git diff/git log -p等のページャ出力を全部deltaに通す本体設定
interactive.diffFilter "delta --color-only" — git add -p（対話パッチステージング）用。行選択がずれないよう色付けのみのモードを指定
delta.navigate true — diff内をn/Nキーでファイル単位ジャンプできるようにする
merge.conflictstyle diff3 — コンフリクト表示に共通祖先(base)も含めた3-way表示にする。deltaが整形して見やすく表示してくれる
diff.colorMoved default — コードの移動（削除+同内容の追加）を赤/緑ではなく別の色でハイライト。リファクタ差分が見やすくなる

その他おすすめオプション

git config --global delta.side-by-side true — VS Codeのような左右比較表示
git config --global delta.line-numbers true — 行番号表示(デフォルトで有効な場合あり)

動作確認

git diff

適用前:

適用後:
git config --global delta.side-by-side trueで横並び表示してます

応用

ghと組み合わせてGitHub PRの差分もdeltaパイプで閲覧できます:

gh pr diff <PR番号> | delta

bat

catの代替CLIツール。ファイルの中身をシンタックスハイライト・行番号付きで表示してくれる。(VS Codeでファイルを開いた時のような見た目)。
長いファイルは自動でページャに流れる。
Git管理下のファイルなら変更行にdiffマーカーも表示される。
こちらもRust製

インストール (Mac)

brew install bat

インストール (WSL/Ubuntu)

sudo apt install bat

Ubuntuのbatパッケージはバイナリ名がbatcatになっているのでaliasを設定するのもよいです。私は~/.bashrcに以下を追加しました。

alias bat=batcat

使い方

bat [ファイル名]     # ファイルの中身をハイライト付きで表示
bat -A [ファイル名]   # 改行・タブなどの不可視文字も表示

catと比較

cat

bat

以上

まとめ

少し使っただけですが、軽量なターミナル上でサクサクレビューができて作業効率があがりそうです。
複数エージェントを使った開発そのものにも慣れていないのでまた知見を集めて最適化していきたいです。