コード差分
2つのコードやテキストを比較し、追加・削除・変更箇所をハイライト表示。Git diffと同様のUnified、横並びのSide-by-side、シンプルなInlineの3モードに対応。
最終更新:
使い方
使い方を開く使い方を閉じる
- 1
コードを入力
「変更前」と「変更後」のテキストエリアにそれぞれコードを入力またはペーストします。
- 2
表示モードを選択
Unified（Git diff形式）、Side-by-side（横並び）、Inline（シンプル）から表示モードを選択します。
- 3
差分を確認・コピー
ハイライトされた差分を確認し、必要に応じてUnified diff形式でコピーできます。
表示モード
変更前（Original）
変更後（Modified）
差分結果
コード差分ツールについて
コード差分ツールは、2つのコードやテキストを比較し、追加・削除・変更箇所を視覚的にハイライト表示するオンラインツールです。Git diffと同様のUnified表示、変更前後を横に並べるSide-by-side表示、シンプルなInline表示の3つのモードを切り替えて使用できます。行番号付きで変更箇所を正確に特定でき、追加・削除・変更なし行数の統計情報も確認できます。コードレビュー前の確認、設定ファイルのバージョン間比較、デプロイ前後の差分チェック、ドキュメントの修正箇所特定など、開発現場のさまざまな場面で活用できます。
主な機能
- Unified、Side-by-side、Inlineの3つの差分表示モード
- 行番号付きで変更箇所を正確に特定
- Git diff形式のUnified差分をコピー可能
- リアルタイムで差分を計算・表示
- 追加・削除・変更なし行数の統計表示
活用シーン
- コードレビュー前の変更内容確認
- 設定ファイルの変更点の比較
- デプロイ前後の差分チェック
- ドキュメントの修正箇所の特定
よくある質問
テキストの差分比較と何が違いますか？
テキスト差分は文字・単語・行単位の3モードを提供しますが、コード差分は行単位に特化し、行番号表示やGit diff形式のUnified表示など、開発者向けの機能を備えています。コードレビューやバージョン管理での利用を想定した設計になっています。
コードはサーバーに送信されますか？
いいえ。処理はブラウザ内のJavaScriptで行われます。入力したコードが外部に送信されることはありません。
どのプログラミング言語に対応していますか？
言語に依存しない汎用的な行単位の差分比較を行うため、Python、JavaScript、TypeScript、Java、Go、Ruby、PHP、HTMLなど、あらゆるプログラミング言語やテキストファイルに対応しています。
Unified形式でコピーするとどのような形式になりますか？
Gitの「git diff」コマンドと同じ形式で出力されます。追加行には「+」、削除行には「-」のプレフィックスが付き、変更のないコンテキスト行もそのまま含まれます。コードレビューツールやバグ追跡システムへの貼り付けに最適な形式です。
大きなファイルの差分比較も可能ですか？
はい、数千行規模のコードも比較できます。ただし、非常に大きなファイルの場合はブラウザのパフォーマンスに影響することがあります。大きなファイルを扱う際は、変更箇所を含むセクションのみを貼り付けることをお勧めします。
「入れ替え」ボタンはどのような用途ですか？
変更前後のテキストを瞬時に入れ替える機能です。差分の方向を逆にして確認したいときや、誤って変更前後を逆に入力してしまった場合に便利です。クリック一つで入力内容を入れ替えられます。