Diffビューア
2つのテキストを横並びで比較し、追加・削除・変更箇所を即座に確認できます。
このツールについて
Diffビューアは、2つのテキストブロックを比較し、差異を即座に視覚化できる無料のブラウザベースのツールです。コード変更のレビュー、設定ファイルの比較、ドキュメントの改訂確認、マイグレーション出力の検証など、追加・削除・変更箇所を一目で把握するのに役立ちます。
すべての処理は、JavaScriptで実装されたカスタムLCS(最長共通部分列)アルゴリズムを使用して、ブラウザ内で完全に実行されます。データが端末から外に出ることはありません。サーバーへの通信、ログ記録、サードパーティサービスの利用は一切ないため、秘密鍵、環境ファイル、社内ドキュメント、プロプライエタリなソースコードなどの機密性の高いコンテンツの比較にも安全にご利用いただけます。
本ツールは、さまざまなワークフローに対応する3つの表示モードをサポートしています。サイドバイサイドは元のテキストと変更後のテキストを並列の列に配置し、対応する行を簡単にスキャンできます。インラインは削除された行と追加された行を色分けされた明確なマーカー付きで1つの列にインターリーブ表示します。**統合(Unified)**はGitユーザーにおなじみのクラシックな統合diff形式で出力し、コピーして共有することができます。
行レベルの比較に加えて、変更された行内の文字レベルのハイライトも行います。変更された文字は異なる背景色でマークされるため、行全体を読まなくても正確な編集箇所を特定できます。サマリーバーには追加・削除・変更・未変更の行数が表示されるため、変更の規模を素早く把握できます。
使い方
- 左側の元のテキストパネルに元のテキストを貼り付けるか入力します。
- 右側の変更後のテキストパネルに変更後のバージョンを貼り付けるか入力します。
- 入力するとdiffが自動的に計算されます。入力パネルの下に色分けされた出力を確認してください。
- ツールバーのタブでサイドバイサイド、インライン、**統合(Unified)**の表示モードを切り替えます。
- 統計バッジで追加・削除・変更・未変更の行数のサマリーを確認します。
- Diffをコピーをクリックして統合diff出力をクリップボードにコピーするか、クリアで両パネルをリセットします。
- サンプルを使用してサンプルテキストを読み込み、ツールの機能を体験できます。
- キーボードショートカット:Ctrl+Enter でdiff計算、Ctrl+Shift+C で統合diff出力をコピー。
人気のDiff比較例
よくある質問
データは安全ですか?
はい。diffはJavaScriptを使用してブラウザ内で完全に計算されます。データがサーバーに送信されたり、保存・記録されることはありません。環境変数、秘密鍵、プロプライエタリなコードなどの機密ファイルも安全に比較できます。
Diffビューアはどのアルゴリズムを使用していますか?
本ツールは最長共通部分列(LCS)アルゴリズムを使用して、2つの入力間の行レベルの変更を判定します。変更された行については、2回目の文字レベルLCSパスで各行内の変更された文字を正確にハイライトします。
3つの表示モードの違いは何ですか?
サイドバイサイドは元のテキストと変更後のテキストを2列で表示し、視覚的な比較が容易です。インラインは両テキストを1列に統合し、削除行と追加行を - と + の記号でマークします。統合(Unified)はクラシックな統合diff形式で出力し、コードレビューやコミットメッセージにコピー&ペーストできます。
大きなファイルを比較できますか?
本ツールは適度なサイズのファイルを問題なく処理できます。非常に大きなファイル(数万行)の場合、LCS計算に時間がかかることがあります。パフォーマンスが気になる場合は、より小さなセクションに分けて比較することをお勧めします。
色の意味は何ですか?
緑は変更後のテキストで追加された行や文字を示します。赤は元のテキストから削除された行や文字を示します。黄色は両テキストに存在するが変更された行を示し、文字レベルのハイライトで正確に何が変わったかを表示します。
diff出力をコピーできますか?
はい。Diffをコピーボタンをクリックすると、統合形式のdiffがクリップボードにコピーされます。キーボードショートカット Ctrl+Shift+C を使って素早くコピーすることもできます。
関連ツール
JSON差分比較
2つのJSONオブジェクトを構造的に比較し、追加、削除、変更された値をキー順に依存せず検出します。
JSON ↔ YAML変換
JSONとYAML形式をバリデーション付きで即座に変換します。
HTMLエンティティ変換
HTMLエンティティ、名前付き文字、Unicodeエスケープシーケンスのエンコード・デコードを行います。
コード圧縮ツール
JavaScript、CSS、HTMLコードの圧縮と美化をサイズ比較付きで行います。
Markdownプレビュー
GFM対応のMarkdownをリアルタイムでプレビュー。テーブル、タスクリスト、HTMLエクスポートに対応。
Conventional Commitsリンター
コミットメッセージをConventional Commits仕様に照らして検証します。type、scope、description、bodyのフォーマットをチェック。
Gitコンフリクトリゾルバー
Gitのマージコンフリクトをビジュアルに解決します。コンフリクトマーカーを貼り付け、両側を比較し、解決策を選択・編集。
.gitattributesジェネレーター
改行コードの正規化、バイナリファイルの処理、diff/merge設定用の.gitattributesファイルを生成します。
Gitコミットメッセージジェネレーター
ビジュアルフォームでConventional Commitsメッセージを生成します。type、scope、description、body、破壊的変更を選択。
テキストカラムアライナー
テキストを整ったカラムに整列します。カスタマイズ可能な区切り文字、カラムごとの揃え方向、ライブプレビュー付き。
Diffパッチ適用ツール
unified diffパッチをテキストに適用、逆適用、ハンクのレビュー、2つのテキスト間のdiff生成を行います。
空白文字ビジュアライザー
スペース、タブ、改行、ゼロ幅スペース、BOMなどの不可視文字を可視化します。改行コードの検出と隠し文字のクリーニングが可能。
ログフォーマットパーサー
Apache、Nginx、JSON、syslog、Docker、Kubernetesフォーマットのサーバーログを解析、カラーコーディング、重要度フィルタリング、統計分析。
package.json差分比較
2つのpackage.jsonファイルを並べて比較し、追加・削除・変更された依存関係をバージョンバンプ検出付きで表示。
画像差分比較
2つの画像をピクセル単位で比較。サイドバイサイド、オーバーレイスライダー、ピクセル差分モード対応。
スタックトレースパーサー
JavaScript、Python、Java、Go、Ruby、C#、Rustのスタックトレースを自動検出付きで解析・整形・分析。