Diffチェッカー - テキスト比較＆差分検出 オンライン
2つのテキストを並べて比較し、行ごとに差分をハイライト。統合ビューと分割ビュー、文字レベルの差分比較対応。
表示
差分モード
オプション
オリジナル
変更後
出力
差分なし
よくある質問
差分チェッカーとは何ですか？
差分チェッカーは、2つのテキストを比較し、それらの違いをハイライト表示するツールです。追加（新しいコンテンツ）、削除（削除されたコンテンツ）、変更を表示します。コードレビュー、ドキュメント編集、設定のデバッグ、バージョン比較に不可欠です。
diffアルゴリズムはどのように機能しますか？
diffアルゴリズムは、最長共通部分列（LCS）アプローチを使用して、2つのテキスト間の最適な変更セットを見つけます。両方のテキストに表示される文字または行の最長シーケンスを特定し、残りをすべて追加または削除としてマークします。
横並びビューと統合ビューの違いは何ですか？
横並びビューは両方のテキストを並列の列に表示し、対応する行を簡単に比較できます。統合ビューは、Git diffの出力に似た+と-のプレフィックスを使用して、両方のテキストを1つの列に結合します。横並びは視覚的な比較に適しており、統合はよりコンパクトです。
行、単語、文字のdiffモードとは何ですか？
行モードはテキストを行ごとに比較します - 行の一部が変更されると、行全体がマークされます。単語モードは行内の個々の単語の変更をハイライトします。文字モードは、変更された各文字をハイライトして、最も詳細な違いを表示します。コードには行を、散文には単語を使用してください。
このツールを使用する際、データは安全ですか？
はい、すべての処理は100%ブラウザで行われます。テキストがサーバーに送信されることはありません。プライバシーの心配なく、機密文書、コード、または機密情報を安全に比較できます。
コード例
import { diffLines, diffWords } from 'diff';
const original = 'Hello World';
const modified = 'Hello JavaScript World';
// Line diff
const lineDiff = diffLines(original, modified);
lineDiff.forEach(part => {
const prefix = part.added ? '+' : part.removed ? '-' : ' ';
console.log(prefix, part.value);
});
// Word diff
const wordDiff = diffWords(original, modified);
wordDiff.forEach(part => {
if (part.added) console.log('Added:', part.value);
if (part.removed) console.log('Removed:', part.value);
});