本文へスキップ

テキスト比較（Diff）

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

使い方

  • 左のテキストエリアに元のテキストを入力または貼り付けてください
  • 右のテキストエリアに変更後のテキストを入力または貼り付けてください
  • 赤（削除）と緑（追加）でハイライトされた違いを確認してください
  • 統合ビューと分割ビューモードを切り替えてください
  • 空白や大文字小文字の違いを無視するオプションを使用してください

主な機能​

👀 視覚的な比較​

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

🔄 2つの表示モード​

  • 統合ビュー：1画面にすべての変更を表示
  • 分割ビュー：元と修正版を並べて表示

⚙️ 比較オプション​

  • 空白を無視
  • 大文字小文字を無視
  • 行単位の比較

📊 統計​

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

Diffとは？​

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

Diffアルゴリズム​

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

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

使用例​

1. コードレビュー​

Pull RequestやCommitの変更内容確認

// 変更前
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. サンプル読み込み​

「サンプル読み込み」ボタンでサンプルコードを確認してみてください！

プライバシー​

このツールはブラウザ上でのみ動作し、入力したテキストはサーバーに送信されません。すべての処理はお使いのデバイスで完結します。

関連ツール​

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

ご意見やご提案がございましたら、お気軽にお送りください！