mochotomochotoロゴ
テキスト差分比較（Diff）

2つのテキストの差分を視覚的に比較できるオンラインツールです。 追加・削除された行をハイライト表示で分かりやすく確認できます。

使い方

  1. 2つのテキストを入力欄に貼り付けるか、ファイルをインポート
  2. 自動的に差分が計算され、結果が表示されます
  3. 緑色の行は追加、赤色の行は削除を表します
  4. 「統合ビュー」と「分割ビュー」を切り替えて見やすい形式を選択

テキスト差分比較ツールについて

このツールは、2つのテキストを比較して差分（Diff）を視覚的に表示する無料オンラインツールです。追加された行は緑色、削除された行は赤色でハイライト表示されるため、変更内容を一目で把握できます。コードレビュー、文章の改訂比較、設定ファイルの差分確認など、様々な場面で活用できます。

主な機能

  • リアルタイム差分表示: 入力と同時に差分を自動計算
  • 2つの表示モード: 統合ビューと分割ビューを切り替え可能
  • カラーハイライト: 追加（緑）、削除（赤）、変更なし（グレー）を色分け
  • 統計情報: 追加・削除・変更なしの行数を表示
  • ファイルインポート: テキストファイルを直接読み込み
  • テキスト入れ替え: ワンクリックで比較元と比較先を入れ替え

使い方

  1. 「テキスト1（元）」に比較元のテキストを入力
  2. 「テキスト2（比較先）」に比較先のテキストを入力
  3. リアルタイムで差分結果が表示されます
  4. 緑色の行（+）は追加、赤色の行（-）は削除を示します
  5. 「統合ビュー」「分割ビュー」で見やすい表示形式を選択

表示モードについて

統合ビュー

  • 差分結果を1つの画面で表示
  • 追加・削除が混在した表示
  • Git diffやUnified Diff形式に近い表示
  • 変更の全体像を把握しやすい

分割ビュー

  • 左右に並べて2つのテキストを表示
  • 元のテキストと比較先を同時に確認
  • 入力しながら差分を確認できる
  • 長いテキストの比較に便利

使用場面

  • コードレビュー: 変更前後のソースコードを比較
  • 文章の改訂: 文書の変更箇所を確認
  • 設定ファイルの確認: 設定変更の影響を確認
  • データファイルの比較: JSON、YAML、XMLなどのデータファイルの差分確認
  • バージョン比較: 異なるバージョン間の変更内容を確認
  • 翻訳チェック: 原文と翻訳文の対応を確認

Diffとは

Diff（ディフ）は、2つのファイルやテキストの差分を表示するツールまたはその形式のことです。元々はUnix系OSのコマンドラインツールとして開発され、現在ではGitなどのバージョン管理システムでも広く使われています。

Diff記号の意味

+追加された行（テキスト2に存在、テキスト1には存在しない）
-削除された行（テキスト1に存在、テキスト2には存在しない）
変更なしの行（両方に存在）

実用例

コードの変更確認

関数の修正前後を比較：

変更前:

function greet(name) {
  return "Hello " + name;
}

変更後:

function greet(name) {
  return "Hello, " + name + "!";
}

設定ファイルの比較

環境ごとの設定差分を確認：

  DATABASE_HOST=localhost- DATABASE_PORT=3306+ DATABASE_PORT=5432- DATABASE_NAME=dev_db+ DATABASE_NAME=prod_db

文書の改訂比較

契約書や仕様書の変更箇所を確認：

  第1条（目的）- 本契約は、サービスの提供について定める。+ 本契約は、サービスの提供に関する条件を定める。

対応ファイル形式

このツールはテキストベースのファイルに対応しています：

プログラミング

.js, .ts, .py, .java, .go, .rs, .c, .cpp

マークアップ

.html, .xml, .md, .jsx, .tsx

スタイル

.css, .scss, .sass, .less

データ

.json, .yaml, .yml, .toml, .ini

ドキュメント

.txt, .md, .csv

設定

.env, .conf, .config

よくある質問

Q. どのような比較アルゴリズムを使用していますか？

A. このツールは行単位でのDiffアルゴリズムを使用しています。各行を比較して、追加・削除・変更なしを判定します。これはGitなどのバージョン管理システムで使われている方式と同様です。

Q. 文字単位の差分は表示されますか？

A. 現在のバージョンでは行単位の差分のみを表示しています。1行内の細かい変更箇所を確認したい場合は、変更された行全体が追加・削除として表示されます。

Q. 大きなファイルも比較できますか？

A. ブラウザ上で処理するため、非常に大きなファイル（数千行以上）の場合はパフォーマンスが低下する可能性があります。通常のコードファイルや設定ファイルであれば問題なく動作します。

Q. バイナリファイルは比較できますか？

A. このツールはテキストファイル専用です。画像、PDF、実行ファイルなどのバイナリファイルには対応していません。

関連ツールとの比較

Git diff

バージョン管理システムGitに組み込まれたDiffツール。コミット間やブランチ間の差分を表示。このツールはGit diffと同様の表示形式を採用しています。

VS Code Compare

Visual Studio Codeの比較機能。より詳細な行内差分表示が可能。開発環境内での比較に最適。

オンラインDiffツール（当ツール）

インストール不要でブラウザ上で即座に使用可能。簡単な差分確認に便利。プライバシー重視（ブラウザ上で処理）。

プライバシーとセキュリティ

すべての比較処理はブラウザ上で実行されます。入力したテキストやファイルの内容がサーバーに送信されることはありませんので、機密情報を含むコードや文書も安心して比較していただけます。

技術情報

  • Diffアルゴリズム: diff ライブラリを使用（Myers' diff algorithm）
  • 処理方式: クライアントサイド処理（ブラウザのみ）
  • 更新: リアルタイム差分計算（入力300ms後）