テキスト比較ツール
使い方ガイド
テキスト差分ツールは、コード・ドキュメント・設定ファイル・文章など任意のテキストの 2 つのバージョン間の変更点を、色分けされた並列表示または統一表示で正確に示すブラウザベースの差分ツールです。同僚の文書編集を確認したり、設定ファイルの 2 つのバージョンを比較したり、API レスポンスの変化を調査したりする際に、変更点を即座に視覚化できます。50 KB を超える大きな入力は、UI の応答性を保つためにバックグラウンドの Web Worker に処理がオフロードされます。コンテンツはどこにも送信されません。
- 元のテキストを貼り付ける — 左の「元のテキスト」パネルをクリックして比較の基準となるコンテンツの最初のバージョンを貼り付けます。
- 変更後のテキストを貼り付ける — 右の「変更後」パネルをクリックして元のテキストと比較したいコンテンツの 2 番目のバージョンを貼り付けます。
- 「比較」をクリック — 「比較」ボタンを押します。色分けされた差分表示が表示されます:赤い行は元のテキストにのみ存在(削除)、緑の行は変更後にのみ存在(追加)、灰色の行は両方で同一です。
- インラインハイライトを確認 — 変更された行の中で、追加または削除された特定の文字が暗い色でハイライト表示されます。
- 表示モードを切り替える — 「並列表示」(大画面向けの 2 列表示)と「統一表示」(+ と - プレフィックス付きの 1 列表示)を切り替えます。
- サマリーを確認 — 差分の上のサマリーバーに、追加行・削除行・未変更行の合計数が表示されます。
よくある質問
テキスト差分(diff)とは何ですか?
テキスト差分とは2つのテキストを比較して変更点をハイライト表示するものです:追加された行は緑色、削除された行は赤色で表示されます。Gitなどのバージョン管理システムと同じ概念です。
テキストを比較するとサーバーに送信されますか?
いいえ。比較はブラウザ内でjsdiffライブラリを使って行われます。元のテキストも変更後のテキストもいかなるサーバーにも送信されません。
大きなファイルでも動作しますか?
はい。合計入力が50KBを超えると、ツールは自動的に比較処理をWeb Workerのバックグラウンドスレッドに移し、diff計算中もページはインタラクティブな状態を保ちます。
ツールは文字単位と行単位のどちらで比較しますか?
デフォルトは行単位での比較で、追加または削除された行全体を表示します。git diffツールと同じ動作です。
オフラインで使用できますか?
はい。2KitはPWAです。初回訪問後はキャッシュされ、完全にオフラインで動作します。
技術的な仕組み
すべての処理はブラウザ内で完結します — データは一切サーバーに送信されません。このツールはプログレッシブウェブアプリ(PWA)として完全オフラインで動作します:初回アクセス後、すべてのページとアセットが Service Worker によってキャッシュされ、インターネット接続なしでもご利用いただけます。入力データがデバイスの外に出ることはなく、APIキー・パスワード・設定ファイル・機密文書なども安心してご利用いただけます。