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


iOSシミュレーターを使ってWebサイトを開発者ツールを見ながら実機表示で開発する方法
Nuxt.jsでコンポーネントを作成してコードの共通化を行う|Nuxt.jsの基本
Visual Studio Codeでできる最低限のGit操作方法
Facebookでシェアした記事の画像反映ができていない時の修正方法
Visual Studio CodeをMarkdownエディターとして使用する
コーディング時のclass名の省略はどこまでして良いのか?「img / btn / ttl / desc / thumb」
ソースコードをハイライトする軽量ライブラリ「Highlight.js」の導入方法と使い方
SafariでFacebookのPage Pluginに「リクエストを処理できませんでした」とダイアログが表示される問題
横幅が広がったときの挙動が変わる!CSS Gridの「auto-fill」と「auto-fit」の違い
AirPodsで片耳を外しても再生が止まらないようにする方法
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
Figmaでモックアップをすばやく作成する「Mockuuups Studio」
QuickTime Playerで動画のトリミングを行う方法
Nuxt.jsで「Classic mode for store/ is deprecated and will be removed in Nuxt 3.」のエラーメッセージが表示される場合の対処法
CSS Nite in Kobe, vol.45「Adobe XDの自動アニメーションで作るプロトタイプと 現場で活用できるマイクロインタラクションの作り方」に参加してきました
WordPressのカスタム投稿タイプを追加後、ページは存在しているはずなのに404になる場合の解決方法
MAMPでローカル開発環境にWordPressをインストールする手順
1番基本的な瞑想方法「サマタ瞑想」で自分の意識を1つのことに集中させる
Google Chromeの開発者ツールに出てくる「[Deprecation] chrome.loadTimes() is deprecated」に関して
Ulyssesの外部フォルダ機能を使って、原稿をGit管理しながらUlyssesで編集する方法
2019年時点で使っている便利なAlfredのWorkflowまとめ