テキスト差分ツール

Bee Tools のテキスト差分ツールは並列表示と行毎表示に対応し、追加・削除・変更行を自動でハイライト。コード、設定、JSON など任意のテキストをブラウザ内で比較でき、データは端末から出ません。コードレビューと文書改訂に最適。

左右または行毎に色分けで 2 つのテキストの差異を表示。 変更前と変更後のテキストを貼ると、Bee Tools が行単位でマッチングし、追加・削除・変更を判定して色付きでレンダリングします。jsdiff を採用し、数千行でも軽快に動作。

テキスト差分 完全ガイド

なぜ diff?

テキスト差分はコードレビュー、バージョン管理、文書改訂の基本。視覚的な diff は変更箇所を一瞬で把握させます。

並列 vs 行毎

  • 並列表示 — 元と変更後を左右に同時表示。中規模コード/文章向け。
  • 行毎表示 — 一つの時系列ストリーム。Issue・PR・メール向け。

主な利用シーン

  1. コードレビュー — PR の変更箇所を正確に把握。
  2. 契約書の改訂 — 変更条項を素早く特定。
  3. 設定の差分 — nginx・YAML・JSON の差が一目瞭然。
  4. 翻訳レビュー — 原稿と翻訳を突き合わせ。
  5. 学習 — OSS の PR を読み込んでベストプラクティスを吸収。

Tips

  1. 並び替えてから比較(diff がコンパクトになる)。
  2. git diff -w で空白を無視しノイズを減らす。
  3. タブ/スペースの混在は幽霊 diff の元。

Bee Tools の差分ツールはブラウザ内動作 — 1 万行の比較もミリ秒で完了します。

オープンソース表記:Diff 計算は jsdiff(BSD-3-Clause)、HTML 描画は diff2html(MIT) を利用。Copyright (c) 2009-2015 Kevin Decker; Copyright (c) 2014-present Rodrigo Fernandes。

よくある質問

どの diff アルゴリズムを使っていますか?
実績のある Myers アルゴリズム(jsdiff 実装)。まず行をマッチングし、その後に文字単位の差分をハイライト。Git や Subversion と同系統。
対応する文字コードは?
UTF-8 完全対応(CJK・絵文字も可)。他のエンコーディングは UTF-8 に変換してから貼ってください。
どれくらいのサイズまで比較できますか?
約 5 万行までは快適。それを超えるとレンダリングが遅くなります。巨大ファイルはネイティブツールをご利用ください。
文字単位の差分も表示されますか?
はい。行単位のマッチングに加えて、変更行の内部で追加は緑、削除は赤でハイライトされます。
結果をエクスポートできますか?
ブラウザから Ctrl/Cmd-P で PDF 保存、もしくは全選択コピー。.diff ファイルが欲しい場合は両テキストを保存して `git diff` を実行してください。