メインコンテンツにスキップ

テキスト比較（Diff）

2つのテキストを比較し、差異を視覚的に確認しましょう。コードレビュー、文書変更履歴の追跡に便利です。

How to Use

  • Enter or paste your original text in the left textarea
  • Enter or paste your modified text in the right textarea
  • View differences highlighted in red (removed) and green (added)
  • Toggle between unified and split view modes
  • Use options to ignore whitespace or case differences

主な機能​

👀 視覚的比較​

  • 追加された行: 緑色で表示
  • 削除された行: 赤色で表示
  • 変更されていない行: デフォルト色

🔄 2つのビューモード​

  • 統合ビュー: 1つの画面にすべての変更事項を表示
  • 分割ビュー: オリジナルと修正版を並べて表示

⚙️ 比較オプション​

  • スペースを無視
  • 大文字小文字を無視
  • 行単位比較

📊 統計​

  • 追加された行数
  • 削除された行数
  • 変更されていない行数

Diff とは？​

Diff は2つのファイルまたはテキスト間の差異を示すツールです。元々 Unix コマンドとして始まり、現在はバージョン管理システムの核心機能です。

Diff アルゴリズム​

このツールは Myers' diff アルゴリズムを使用して：

  1. 2つのテキストを行単位で比較
  2. 最小限の変更事項を見つける
  3. 追加、削除、維持を区別

使用事例​

1. コードレビュー​

Pull Request やコミットの変更事項確認

// 以前
function calculateTotal(items) {
  let total = 0;
  for (let i = 0; i < items.length; i++) {
    total += items[i].price;
  }
  return total;
}

// 以後
function calculateTotal(items) {
  return items.reduce((sum, item) => sum + item.price, 0);
}

2. 文書バージョン比較​

文書の2つのバージョンを比較し、どの部分が変更されたかを確認

3. 設定ファイル比較​

本番環境と開発環境の設定ファイルの差異を確認

4. API レスポンス比較​

異なる時点の API レスポンスを比較

ビューモード​

統合ビュー（Unified View）​

  • 伝統的な diff 形式
  • + は追加された行
  • - は削除された行
  • Git、GitHub で主に使用

分割ビュー（Split View）​

  • オリジナルと修正版を並べて表示
  • 両側を同時に見ることができ、理解しやすい
  • 多くの GUI diff ツールで使用

ヒント​

1. スペースを無視​

フォーマット変更のみで実際の内容変更がない場合に便利です。

2. 大文字小文字を無視​

大文字小文字の違いを無視し、実質的な内容変更のみを確認する場合に便利です。

3. 例をロード​

「例をロード」ボタンでサンプルコードを確認してみましょう！

💬 このツールは役に立ちましたか？​

テキスト比較ツールを使用して、2つのテキストの差異を視覚的に即座に確認できます。統合ビューと分割ビューの両方をサポートし、スペースと大文字小文字の無視オプションで柔軟な比較が可能です。

プライバシー保護​

このツールは完全にクライアント側で動作します。入力されたデータはサーバーに送信されず、ブラウザ内でのみ処理されます。比較するテキストは外部に送信されることはありません。

関連ツール​