設定変更の確認に使う
本番と開発環境の設定、変更前後のJSON、YAML、nginx設定などを比較すると、意図しない差分に気づきやすくなります。
Browser-native / zero upload
Diff Viewer
2つのテキスト差分を行単位で表示します。追加、削除、変更を色分けして確認できます。
local pipelinesealed
mode
local
tracking
zero
🆚 Diff Viewer
2つのテキストを行単位で比較。LCS（最長共通部分列）アルゴリズムで差分を計算し、追加・削除をハイライト表示。 すべてブラウザ内で処理され、入力データはサーバーに送信されません。
6 行
7 行
+ 4 追加− 3 削除= 3 同一
差分（unified）
11 function hello(name) {2− console.log("hello, " + name);3− return name.length;2+ console.log(`hello, ${name}`);3+ return name.trim().length;44 }55 6−const x = 42;6+const x = 100;7+const y = "new";
💡 Diffについて
- LCS（最長共通部分列）アルゴリズムで2テキスト間の最小編集列を計算。古典的な方法ですが、行数が大きすぎなければ実用上十分です。
- 行数は最大 5,000 行ずつまで。それ以上はメモリ消費とブラウザ保護のため拒否します（git diff など外部ツールの利用を推奨）。
- 空白の差分を無視: 連続する空白を1つに正規化し、行頭・行末の空白も無視。インデント変更やエディタ自動整形を除外したい場合に。
- 行番号は左（変更前）と右（変更後）を別々に表示。挿入のみの行は左、削除のみの行は右が空欄になります。
Next workflow
次に使うツール
作業の流れに近いツールへすぐ移動できます。
Search guide
2つのテキスト差分を比較する
Diff Viewer は、2つのテキストを比較し、追加、削除、変更を行単位で確認するツールです。設定ファイル、環境変数、ログ、コード片の違いを素早く見つけられます。
Browser-native privacy
比較するテキストはブラウザ内で処理され、secutilsのサーバーへ送信されません。
レビュー前の自己チェック
小さなテキスト差分でも、手で追うと見落としが起きます。比較結果を見てから共有すると、レビューやトラブルシュートの時間を短縮できます。
Diff Viewer でできること
- 行単位の差分比較
- 追加、削除、変更を色分け
- 設定ファイルやログ比較に便利