SourceTreeの外部Diff / MergeツールをKaleidoscopeに設定する

UIがかなりキレイで高機能なMacのDiffツール「Kaleidoscope」。
設定をしておくとSourceTreeの差分をKaleidoscopeで表示できるようになります。
正直軽く差分を見るレベルでよければSourceTree内で十分ですが、マージをするときや画像の差分を見比べたりする場合は、Kaleidoscopeの方が見やすく便利です。
SourceTreeの設定
SourceTreeの[環境設定]→[Diff]へ行き、「外部 Diff / Merge」で「差分表示ツール」と「マージツール」をKaleidoscopeにします。
![SourceTreeの[環境設定]→[Diff]](https://webrandum.net/mskz/wp-content/uploads/2021/04/image_1-2.png)
これだけで設定完了です。
外部Diffの使い方
SourceTree上でDiffを行いたいファイルを選択後、右クリックして[外部 Diff]をクリックします。
![[外部 Diff]](https://webrandum.net/mskz/wp-content/uploads/2021/04/image_2-1.png)
これでKaleidoscopeが起動して、選択したファイルの変更前・変更後の差分が見れます。
正直、この使い方であればわざわざKaleidoscope(別アプリ)を起動する必要もありませんし、SourceTree上の表示だけで十分です。
しかし、Kaleidoscopeであれば画像を重ねて比較できたりもするので、そのような画像の差分を見たい場合はオススメです。
マージツールの使い方
Kaleidoscopeはショートカットキーでほとんどの操作ができるので、ラクにマージ作業ができます。
また、表示がかなり見やすいのでマージツールとしてかなり優秀です。
もしコンフリクトが発生した場合は、コンフリクトファイルを右クリックして[競合を解決]→[外部マージツールを起動]でKaleidoscopeが起動します。
せっかくKaleidoscopeを持っているのであれば、ぜひ設定しておきましょう。



WordPressのカスタムメニューでは、内部リンクに対してカスタムリンクは使わない!
CSSのカスタムプロパティ(変数機能)の使い方
.htaccessを使って、httpからhttpsへリダイレクトする設定方法
MacのRubyをrbenvで管理する方法
思考したり情報整理したい時はMarkdown記法で文章を書き出そう!!Webデザイナーの情報整理術
Dart Sassでファイルを分割して管理する方法|Dart Sass入門
WordPressでショートコードを作成する方法
GUIコンパイラのPreprosを使ってSassのコンパイルを行う
CodeAnywhereでターミナルに触る練習をする
ブログに見出しを設置できるjQueryプラグイン「TOC | jQuery Table of Contents」
AirPodsで片耳を外しても再生が止まらないようにする方法
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
ウェブ開発時のテスト環境と本番環境の取り違えを防ぐChrome拡張機能「Environment Marker」
【2026年版】Karabiner-Elementsで実現する右commandキー活用のススメ
Bartender ProのTop Shelf機能でできること
高機能なスクリーンショットアプリ「CleanShot X」
macOSの効率化に関するDiscordコミュニティ「CMD-F」を立ち上げました
1Passwordの開発者向け機能(SSH Agent / Environments / 1Password CLI / Developer Watchtower)
Default Folder Xで保存ダイアログ内のファイルリストにフォーカスする方法
Obsidianで整理した知識をAnkiで定着させる方法
Figma × Keyboard Maestroでどこまで効率化できる?
マウス操作の完成度が高いウインドウリサイズアプリ「Magnet」