# Macの高機能diffツール「Kaleidoscope」

URL: https://webrandum.net/kaleidoscope/
公開日: 2019-11-03
更新日: 2019-11-03
カテゴリー: 作業効率化
タグ: Kaleidoscope
出典: Webrandum（著者: サイトウ マサカズ）

神戸業務ハッカーの[TD](https://twitter.com/tadakozo)に、Kaleidoscopeを勧められてドハマりしました。

今までdiffツールはXCodeに付属の[FileMerge](https://webrandum.net/xcode-filemerge/)を使っていたのですが、それより遥かに使いやすく、デザインも良いです。

[![](https://www.google.com/s2/favicons?domain=webrandum.net)Webrandum![](//webrandum.net/mskz/wp-content/uploads/2019/04/eyecatch-8.jpg)XcodeのFileMerge機能を使って2つのファイル差分を確認するhttps://webrandum.net/xcode-filemerge今まで知らなかったのですが、XcodeにFileMerge(ファイルマージ)という、2つのファイルの中身を比べる機能がありました。ちょっとした差分の確認であれば、この機能で十分できそうだったので、今回はFileMergeに関してまとめておきます。FileMergeの表示方法Xcodeの［Open Developer Tool］→［FileMerge］から開けます。Alfredを使っている人であれば、「FileMerge」で検索すれば直接開けます。こっちのほうが早いですね。FileMergeの使い方ファイルの選択FileMergeを開くと、ファイルを選択する画面が表示されます。左のボタンからフ...](https://webrandum.net/xcode-filemerge)

FileMergeは単純に差分を見るだけにしか使わなかったので、「まあ、最低限の差分機能が使えればいいしこれで十分だろう」と思っていました。

しかし、FileMergeだとデザインが微妙な上、差分がある行が詰まっていくので見にくくなってしまいます。

また、KaleidoscopeをGitのコンフリクト解消時に使用するとかなり使いやすいです（FileMergeも使用可能だけど、前述の通り使いにくいため、慎重な作業であるコンフリクト解消に使うのは少し怖い）。

## Kaleidoscope

![Kaleidoscope](https://webrandum.net/mskz/wp-content/uploads/2019/11/image_1-2-1024x537.png)

[![](https://www.google.com/s2/favicons?domain=www.kaleidoscopeapp.com)www.kaleidoscopeapp.com![](https://s.wordpress.com/mshots/v1/https%3A%2F%2Fwww.kaleidoscopeapp.com?w=160)Kaleidoscopehttps://www.kaleidoscopeapp.comEasily spot the differences in text and image files. Review changes in seconds with the world's most advanced iOS and Mac diff tool.](https://www.kaleidoscopeapp.com)

ダウンロードは[公式サイト](https://www.kaleidoscopeapp.com/)から購入してダウンロードする方法と、MacApp Storeから購入してダウンロードする方法がありますが、公式サイトからのダウンロードをオススメします。

公式サイトからダウンロードする場合は、フリートライアルも可能です。

## Kaleidoscopeの使い方

使い方はKaleidoscopeを開いて、「Drag Files Here to Compare」と書かれたウインドウに2つのファイルをドラッグアンドドロップするだけです。

![Kaleidoscopeのドラッグアンドドロップ画面](https://webrandum.net/mskz/wp-content/uploads/2019/11/image_5-1.png)

ドラッグできるファイルの種類は下記の通り

- フォルダ

- テキストファイル

- 画像

フォルダを選ぶとフォルダ内で差分が表示されます。

差分時の色はデフォルトだと下記のようになっています。

| 色 | 意味 |
| --- | --- |

| 緑色 | 追加されたファイル・フォルダ |
| --- | --- |

| 赤色 | 削除されたファイル・フォルダ |
| --- | --- |

| 紫色 | 変更されたファイル・フォルダ |
| --- | --- |

![Kaleidoscope フォルダの差分](https://webrandum.net/mskz/wp-content/uploads/2019/11/image_3-2-1024x675.png)

ファイルを選択して、下メニューのファイルの移動アイコンをクリックして「Copy」を押すとファイルのコピーができます。

ちなみにフォルダ階層の中に入る場合は、別タブとして開かれていくので、戻りたいときはタブを閉じる（command + W）で元の階層へ戻れます。

コードの場合も同様で、変更があった箇所が分かりやすくハイライトされています。

![Kaleidoscopeコードの差分](https://webrandum.net/mskz/wp-content/uploads/2019/11/image_4-2-1024x675.png)

画像の差分があった場合には画像を重ねて見比べることもできます。

![Kaleidoscope画像の差分](https://webrandum.net/mskz/wp-content/uploads/2019/11/image_2-2-1024x644.png)

## Kaleidoscopeの設定

Kaleidoscopeの［Preferences］では、ファイルの種類ごとの表示に関する設定ができます。

### Images

［Images］では画像を比較したときの表示設定をします。

![Kaleidoscope［images］](https://webrandum.net/mskz/wp-content/uploads/2019/11/image_6-1-760x1024.png)

| 項目 | 設定内容 |
| --- | --- |

| Image Navigator | Show Automatically：イメージナビゲーターを自動的に表示 Never Show：イメージナビゲーターを非表示 |
| --- | --- |

| Background Color | 背景色の設定 |
| --- | --- |

| Transparency Rendition | 透明部分の表現の設定 |
| --- | --- |

| Difference Rendition | 変更箇所のピクセルが強調表示される設定 Absolute：ハイライトの強度が一律になる Proportional：ハイライトの強度がピクセルの変化に比例する |
| --- | --- |

| Difference Coloring | 変更箇所の差分の色 |
| --- | --- |

### Text

［Text］では普通のテキストファイルを比較したときの表示設定をします。

![Kaleidoscope［Text］](https://webrandum.net/mskz/wp-content/uploads/2019/11/image_7-1.png)

| 項目 | 設定内容 |
| --- | --- |

| Background Color | 背景色を「Light（白）」にするか「Dark（黒）」にするかの設定 |
| --- | --- |

| Difference Coloring | 変更した部分の表示色設定 Multicolored：「追加」「変更」「削除」で色が分かれる Single Color：変更箇所の色が全て1色になる |
| --- | --- |

| Font | テキストファイル内のフォント指定 |
| --- | --- |

| Layout | 長い行を折り返すようになる |
| --- | --- |

| Whitespace | 空白の違いを無視（タブとスペース）するようになる |
| --- | --- |

### Folders

［Folders］ではフォルダを比較したときの表示設定をします。

![Kaleidoscope［Folders］](https://webrandum.net/mskz/wp-content/uploads/2019/11/image_8-1.png)

| 項目 | 設定内容 |
| --- | --- |

| Hidden Files | 不可視ファイルも表示して比較する |
| --- | --- |

| Copy Files | ファイルコピー時にポップアップを表示する |
| --- | --- |