Skip to main content
DevTools24

Diffビューア

2つのテキストまたはコードブロックを並べて比較し、差分を視覚的にハイライトします。コードレビュー、ドキュメント比較、バージョン間の変更追跡に最適です。

ツールの機能

  • サイドバイサイド: クリーンな横並びレイアウトでテキストを比較
  • 視覚的なハイライト: 色分けされた差分(緑=追加、赤=削除)
  • 行番号: 参照しやすいオプションの行番号
  • 空白オプション: 空白の差分を無視または含める選択
  • 統計: 追加、削除、変更の件数を表示
  • テキストを入れ替え: 左右のテキストブロックをすばやく入れ替え

こんな用途に最適

  • コードレビューとプルリクエスト分析
  • ドキュメントの異なるバージョンの比較
  • 設定ファイル間の変更の検出
  • APIレスポンスの差分分析
  • スクリプトやマークアップの変更確認
  • バージョン管理を学ぶための教育目的

色の凡例

追加された行(緑)
削除された行(赤)
変更のない行

便利なヒント

  • 「サンプルを読み込む」でdiffビューアの動作を確認
  • フォーマットされたコードを比較する際は「空白を無視」を切り替え
  • 変更について議論する際は正確な参照のために行番号を使用
  • コピーボタンで個々のテキストブロックをコピー
  • テキストをすばやく入れ替えて差分の見方を変更
  • すべての比較はローカルで行われる - サーバーにデータは送信されない