--- title: "ターミナルがダサいとモテない。git-deltaでgit diff/lazygitをside-by-sideでおしゃれ表示 | grasys blog" url: "https://blog.grasys.io/post/yusukeh/terminal-git-delta" description: "git delta使ってますか？ Photo by Yancy Min on Unsplash うちの社内でneovimユーザーを増やそうとしているんですが、git clientがやっぱり障壁になるんだなと・・・ そこでlazygitを伝えたんですが、ついでなのでMediumに😆 VS Codeで触った方がいいだろうし、GUIの方がいいのもそうだと思います。 Command Lineだと確かにめんどくさい。 Linuxのインフラ系エン…" --- # ターミナルがダサいとモテない。git-deltaでgit diff/lazygitをside-by-sideでおしゃれ表示 - ![](/_astro/noicon.CTHOhNiB_1HMs6A.webp)[yusukeh](/authors/yusukeh/) - 公開日：2025年5月8日 - カテゴリー：[Tech](/categories/tech/) - タグ：[#シリーズ: ターミナル環境](/tags/シリーズ-ターミナル環境/)[#Git](/tags/git/)[#lazygit](/tags/lazygit/)[#delta](/tags/delta/) ![ターミナルがダサいとモテない。git-deltaでgit diff/lazygitをside-by-sideでおしゃれ表示](/_astro/ogp.6iNRc5eA_ZHEj0S.webp) Photo by [Yancy Min](https://unsplash.com/@yancymin?utm_source=medium&utm_medium=referral) on [Unsplash](https://unsplash.com/?utm_source=medium&utm_medium=referral) git-delta使ってますか？ うちの社内でneovimユーザーを増やそうとしているんですが、git clientがやっぱり障壁になるんだなと・・・ そこでlazygitを伝えたんですが、ついでなのでMediumに😆 VS Codeで触った方がいいだろうし、GUIの方がいいのもそうだと思います。 Command-Lineだと確かにめんどくさい。 Linuxのインフラ系エンジニアしかgit command触らないんじゃないかと勝手に思ったりしてます🐧 ## Install delta ## GitHub - dandavison/delta: A syntax-highlighting pager for git, diff, grep, and blame output ### A syntax-highlighting pager for git, diff, grep, and blame output - dandavison/delta github.com deltaはけっこう有名なツールなので検索するといっぱい出てくると思います。 CLIでもside-by-sideで表示してくれ、見やすくて自分はこれがないと辛いくらいです。 side-by-sideってなんだってなると思いますが上のgithubのLinkから見れるので、見ていただければすぐわかって頂けると思います。 macOSであればbrewでも入ります。 Plain textcontent\_copy ``` brew install git-delta ``` 自分はcargoでInstallしてます。 Rustのセットアップが必要ですが、cargoでのInstallはこちら Plain textcontent\_copy ``` cargo install git-delta ``` ## Install lazygit [lazygit](https://github.com/jesseduffield/lazygit)はTerminal用のgit clientです。 ## GitHub - jesseduffield/lazygit: simple terminal UI for git commands ### simple terminal UI for git commands. Contribute to jesseduffield/lazygit development by creating an account on GitHub. github.com [NeoVim](https://neovim.io/)の[AstroNvim](https://astronvim.com/)はlazygitに対応していてtoggle terminalでlazygitを呼び出すことができます。 実際のInstallはこちらにあります。 ## GitHub - jesseduffield/lazygit: simple terminal UI for git commands ### simple terminal UI for git commands. Contribute to jesseduffield/lazygit development by creating an account on GitHub. github.com macOSならbrewでも良いですし、go installでも入ります。 Plain textcontent\_copy ``` brew install jesseduffield/lazygit/lazygit brew install lazygit ``` 自分はgo installで入れてます。 Plain textcontent\_copy ``` go install github.com/jesseduffield/lazygit@latest ``` 実際の[AstroNvim](https://astronvim.com/)からの呼び出しはここに ## ⌨️ Mappings ### The documentation website for AstroNvim. docs.astronvim.com 他にも設定次第ではありますが、 Leader + gg でも呼べると思います。 ### lazygit config.yml path またlazygitのconfig default pathがmacOSだと痒い場所なので変えます😁 configのdefault pathはここを見るとわかります。 ## lazygit/docs/Config.md at master · jesseduffield/lazygit ### simple terminal UI for git commands. Contribute to jesseduffield/lazygit development by creating an account on GitHub. github.com ~/Library/Application\\ Support/lazygit/config.yml 自分はbashなので以下でLG\_CONFIG\_FILEを設定してます。 ついでにlazygitって長いのでlgってaliasを貼るんですが、lazygitのargsを活かしたいのでfunctionで呼びます😂 Plain textcontent\_copy ``` if command -v lazygit &> /dev/null; then declare -x LG_CONFIG_FILE=~/.config/lazygit/config.yml export LG_CONFIG_FILE function lg(){ lazygit "$@" } fi ``` これで今いるdirectoryがgitのrepositoryならlazygitが起動します。 ### lazygit config.yml 自分の設定は以下です。 しっかりgit-deltaもdraculaです🧛 siginingは必要ない人は削ってください🔐 Plain textcontent\_copy ``` git: autocommit: false signing: key: xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx signOff: true paging: colorArg: always pager: delta --paging=never --true-color=auto --dark --side-by-side --line-numbers --syntax-theme=Dracula --width=variable --navigate #useConfig: true # gui: # DRACULA theme: activeBorderColor: - "#FF79C6" - bold inactiveBorderColor: - "#BD93F9" searchingActiveBorderColor: - "#8BE9FD" - bold optionsTextColor: - "#6272A4" selectedLineBgColor: - "#6272A4" inactiveViewSelectedLineBgColor: - bold cherryPickedCommitFgColor: - "#6272A4" cherryPickedCommitBgColor: - "#8BE9FD" markedBaseCommitFgColor: - "#8BE9FD" markedBaseCommitBgColor: - "#F1FA8C" unstagedChangesColor: - "#FF5555" defaultFgColor: - "#F8F8F2" ``` これで[AstroNvim](https://astronvim.com/)からlazygitを呼び出してlazygitの差分表示をside-by-sideにおしゃれ表示できます。 個人的にはこれがないと差分見たくないくらいです😂 ## Appendix: git + git-delta git command自体にもgit-deltaを適用できます。 自分はこんな設定にしています。 Plain textcontent\_copy ``` [pager] diff = delta log = delta reflog = delta show = delta [delta] width = variable true-color = always dark = true light = false features = "side-by-side line-numbers" syntax-theme = Dracula navigate = true line-numbers = true side-by-side = true wrap = true ``` git \[log|reflog\]だけ-pを付ける必要がありますがside-by-side表示されます🚙 Plain textcontent\_copy ``` git log -p git reflog -p ``` ターミナル環境について他の記事も書いているので、よろしければこちらもご覧ください！ [『ターミナルがダサいとモテない』シリーズ一覧](https://blog.grasys.io/tags/series-terminal-update) 転載：[ターミナルがダサいとモテない。git-deltaでgit diff/lazygitをside-by-sideでおしゃれ表示](https://medium.com/@yusuke_h/%E3%82%BF%E3%83%BC%E3%83%9F%E3%83%8A%E3%83%AB%E3%81%8C%E3%83%80%E3%82%B5%E3%81%84%E3%81%A8%E3%83%A2%E3%83%86%E3%81%AA%E3%81%84-git-delta%E3%81%A7git-diff-lazygit%E3%82%92side-by-side%E3%81%A7%E3%81%8A%E3%81%97%E3%82%83%E3%82%8C%E8%A1%A8%E7%A4%BA-7932ece7d335) この記事は [Medium（@yusuke\_h）](https://medium.com/@yusuke_h) からの転載です。 ## この記事を書いた人 [![](/_astro/yusukeh.BvUd2yKE_1mQ6Fp.webp)](/authors/yusukeh/) ### [yusukeh](/authors/yusukeh/) Fly high. Think deep. Move fast. Go far.🦅 - [X](https://x.com/yusukeh "X") - [GitHub](https://github.com/yusukeh "GitHub") - [Medium](https://medium.com/@yusukeh "Medium") - [Facebook](https://www.facebook.com/yusuke.exzm "Facebook") - [Instagram](https://www.instagram.com/yusukehasegawa/ "Instagram") - [LinkedIn](https://www.linkedin.com/in/hasegawa-yusuke-091b4164/ "LinkedIn") [プロフィールと記事一覧](/authors/yusukeh/)