コード＆テキスト差分
テキスト・コード差分比較 (Diff)
2つのテキストやソースコードの行単位の変更点を素早く比較。100%ブラウザ内部で動作し、機密情報の漏洩を防ぎます。
完全ローカルLCSアルゴリズム・外部送信ゼロ
100% ブラウザ内ローカル処理 · 送信ゼロ
テキスト・コード差分比較 (Diff)
プリセット例:
+8行 追加、-8行 削除、1行 変更なし
1
function fetchUserData(userId) {2
const url = "/api/user/" + userId;
3
return fetch(url)
4
.then(res => res.json())
5
.then(data => {6
console.log("Loaded", data);7
return data;
8
});
9
}
1
async function fetchUserData(userId: string): Promise<UserData> {2
const url = `/api/v2/users/${encodeURIComponent(userId)}`;3
const res = await fetch(url, { cache: "no-store" });4
if (!res.ok) {5
throw new Error(`Failed to load user: ${res.status}`);6
}
7
const data = await res.json();
8
return data;
9
}
処理ルール
プライバシーを守る純ブラウザ型LCS差分エンジン
多くのオンラインDiffツールはテキストを外部サーバーに送信して解析します。APIキー、認証情報、未公開コードの送信は情報漏洩のリスクを伴います。
開発者デスクのDiffツールは、ブラウザ内のJavaScriptで最長共通部分列 (LCS) アルゴリズムを実行するため、データが端末外に出ることはありません。
動的計画法によるLCSアルゴリズムで行単位の追加・削除・一致を判定します。
よくある質問
テキスト・コード差分比較 (Diff) · よくある質問
比較したコードがサーバーに送信されることはありますか？
一切ありません。すべての計算はお使いのブラウザ内部で行われ、オフライン環境でも動作します。
左右分割での表示は可能ですか？
はい。画面上の切り替えボタンから『左右分割 (Split)』と『統合 (Unified)』をワンクリックで切り替えられます。
差分をパッチとして書き出せますか？
『Unified Diffをコピー』ボタンをクリックすることで、標準的なパッチ形式をクリップボードにコピーできます。