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を持っているのであれば、ぜひ設定しておきましょう。



サイトのPocketに保存された回数や、あとで読まれた回数まで解析できるPocketのパブリッシャーツールの登録方法
Visual Studio CodeからFTPソフトのTransmitを使用する拡張機能「Transmit」
横幅が広がったときの挙動が変わる!CSS Gridの「auto-fill」と「auto-fit」の違い
WordPressのContact Form 7で送信時に回転アイコンが出たまま止まってしまうときのチェックリスト
Visual Studio Codeで連番を入力する拡張機能「vscode-input-sequence」
Visual Studio Codeで複数ファイルを編集するときにタブやペインの操作方法
gzip圧縮をしてウェブサイトの表示スピードを上げる方法
JavaScriptで配列内から特定条件の要素を探す方法
CSS疑似要素(::beforeや::after)のcontent内で改行したり半角スペースを複数入力する方法
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
AirPodsで片耳を外しても再生が止まらないようにする方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
Default Folder Xで保存ダイアログ内のファイルリストにフォーカスする方法
Obsidianで整理した知識をAnkiで定着させる方法
Figma × Keyboard Maestroでどこまで効率化できる?
マウス操作の完成度が高いウインドウリサイズアプリ「Magnet」
Macで複数ディスプレイを使っている場合に便利な設定集
AppCleanerでMacアプリを関連ファイルごと完全に削除する
操作に没頭できる!Firefox版 Arcのようなブラウザ「Zen Browser」
chezmoi(シェモア)で始めるdotfiles管理
GitHubの通知を見逃さない!通知に特化したアプリ「Gitify」
Keyboard Maestroの変数基礎