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のContact Form 7で送信時に回転アイコンが出たまま止まってしまうときのチェックリスト
WordPressで「現在メンテナンス中のため、しばらくの間ご利用いただけません。」の状態でログインできなくなった場合の対処法
CSSで1行で簡単にスムーススクロールを実装できる「scroll-behavior」プロパティ
iOSシミュレーターを使ってWebサイトを開発者ツールを見ながら実機表示で開発する方法
webpackでTop-Level Awaitを使用して、一番上位でもawaitを使えるようにする方法
「DevTools z-index」でz-indexがかかっている要素をChrome開発者ツールに一覧表示させる
効率的なマークアップが出来るようになるEmmetでHTMLを書く時の基本
Dart Sassを使う上で1番基本的なネストやアンパサンドの書き方|Dart Sass入門
SafariでFacebookのPage Pluginに「リクエストを処理できませんでした」とダイアログが表示される問題
AirPodsで片耳を外しても再生が止まらないようにする方法
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
macOSの効率化に関するDiscordコミュニティ「CMD-F」を立ち上げました
Default Folder Xで保存ダイアログ内のファイルリストにフォーカスする方法
Obsidianで整理した知識をAnkiで定着させる方法
Figma × Keyboard Maestroでどこまで効率化できる?
マウス操作の完成度が高いウインドウリサイズアプリ「Magnet」
Macで複数ディスプレイを使っている場合に便利な設定集
AppCleanerでMacアプリを関連ファイルごと完全に削除する
操作に没頭できる!Firefox版 Arcのようなブラウザ「Zen Browser」
chezmoi(シェモア)で始めるdotfiles管理