テキスト差分比較（Diff）

2つのテキストをWinMerge風にサイドバイサイドで差分比較

ファイルはサーバーに送信されません

Before（変更前）ファイルを開く

After（変更後）ファイルを開く

詳しく読む — 関連ガイド記事

ガイド記事

画像差分比較ツールの使い方 ─ デザイン確認・QAチェック・スクリーンショット比較をブラウザで完結

2枚の画像をピクセル単位で比較し差分を可視化するツールの使い方。デザイン修正前後の確認、フロントエンドのビジュアルリグレッション、QAチェックへの活用法を解説。

ガイド記事

テキスト差分比較の仕組み — Myersアルゴリズムとdiffの読み方

diffコマンド・GitHub PRで使われる差分アルゴリズム（Myers diff）の仕組みと、unified diffの読み方、行単位・文字単位の比較の違い、仕様書比較やJSON差分で実務に使う場面を解説。

ガイド記事

ビジュアルリグレッションテストとは ─ スクリーンショット比較でUIバグを防ぐ方法

ビジュアルリグレッションテストの仕組みと目的、Playwright/Storybook/PixelMatchなどのツール選択から手動スクリーンショット比較まで。フロントエンドのUI品質管理を解説。

どんなファイルを比較できますか？

.txt・.json・.csv・.md・.html・.jsなどのテキスト形式のファイルを比較できます。バイナリファイル（画像・PDFなど）は対応していません。

WinMergeと何が違いますか？

ブラウザ上で動作するためインストール不要で、Windows・Mac・Linux・スマートフォンどこからでも使えます。ファイルはサーバーに送信されず、すべての処理がブラウザ内で完結します。

ファイルはサーバーに送信されますか？

いいえ、すべての処理はお使いのブラウザ内で完結します。テキストの内容はサーバーに一切送信されません。

差分の色の意味は？

赤・「−」（左側のみ）: 削除された行、緑・「+」（右側のみ）: 追加された行、黄・「~」（両側）: 変更された行です。色が判別しにくい環境でも記号で区別できます。

大きなファイルでも使えますか？

ブラウザのメモリが許す限り処理できます。数万行程度のファイルでも問題なく動作します。

JSON整形・検証

JSONを整形・フォーマット。構文エラーも検出。コピーボタン付き。

使う →

色コード変換

HEX・RGB・HSLを相互変換。リアルタイムカラープレビュー付き。

使う →

正規表現テスター

正規表現パターンをリアルタイムでテスト。マッチ箇所のハイライト・グループキャプチャ・フラグ対応。

使う →

JWTデコード・検証

JWTをデコードしてヘッダー・ペイロード・署名を確認。有効期限チェック対応。

使う →

✓WinMerge風サイドバイサイド表示：変更前と変更後を横並びで比較。行番号付きで差分の場所がひと目でわかる
✓差分サマリーを表示：追加・削除・変更の件数を一覧表示。全体の変更量を素早く把握できる
✓ファイルから直接読み込み可能：.txt/.json/.csv/.md/.html/.jsなど主要テキスト形式のファイルをブラウザから直接開いて比較できる
✓インストール不要・クロスプラットフォーム：WinMergeと異なりブラウザ上で動作するため、Windows・Mac・Linux・スマートフォンどこからでも使える