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


Visual Studio Codeとスニペット・ドキュメント検索アプリの「Dash」連携を行うプラグイン
iOSシミュレーターを使ってWebサイトを開発者ツールを見ながら実機表示で開発する方法
gulp-sass 5の「does not have a default Sass compiler」エラーを解消する
Visual Studio Codeでパス補完機能を細かく設定して自分好みにできる拡張機能「Path Autocomplete」
WordPressで「現在メンテナンス中のため、しばらくの間ご利用いただけません。」の状態でログインできなくなった場合の対処法
npm install時に「cb() never called!」とエラーが表示されたときの解決法
CSSのz-indexの確認や管理を便利にする方法
Nuxt.jsでページを作成・追加する方法|Nuxt.jsの基本
Visual Studio Codeのエクスプローラー上でファイル・フォルダの複製ができるようになる拡張機能「Duplicate action」
Local by Flywheelのページ遷移を軽くする設定
AirPodsで片耳を外しても再生が止まらないようにする方法
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
WordPressって何なの?これからWordPressを勉強したい人がとりあえず知っておきたい事
iStat Menusの「天気」アイコン表示と設定
Jedit Ωの半角・全角変換機能を使って、全角と半角をすばやく変換する方法
UAからGoogleアナリティクス4(GA4)へ移行する方法
ボディスキャン瞑想の入門に使える音声ガイドまとめ
Visual Studio CodeのEmmetのlang属性をjaに変更する方法
1Passwordのアカウントを持っていない人にもログイン情報を共有する方法
Visual Studio Codeのテキストを、書式設定無しでコピーする設定
かゆいところに手が届く「Supercharge」でMac環境を便利にカスタマイズする
iTerm2を使いこなすために覚えておきたいショートカット集