はじめかた - 差分比較ツール マニュアル
はじめかた
このページでは、差分比較ツールに初めてアクセスしてから、2つのテキストの違いを画面上で確認するまでの流れを解説します。
1. ツールを開く
差分比較ツールはブラウザ上で動作するため、インストールやアカウント登録は必要ありません。対応ブラウザで/tools/diffにアクセスすると、2つの入力エリアと差分表示エリアが並んだ画面が表示されます。
初回アクセス時は内部スクリプトの読み込みに数秒かかる場合がありますが、次回以降はキャッシュから高速に起動します。
2. 左側に「変更前」のテキストを入力する
画面の左側には「変更前」のテキストを貼り付けます。テキストエリアをクリックして直接入力するか、クリップボードからペーストしてください。
テキストファイルをお使いの場合は、ファイルを入力エリアにドラッグ&ドロップするだけで内容を自動で読み込めます。.txt だけでなく、ソースコードや設定ファイルのようなプレーンテキスト全般に対応します。
3. 右側に「変更後」のテキストを入力する
続いて右側の入力エリアに「変更後」のテキストを入力します。こちらも貼り付け・ドラッグ&ドロップのどちらでも構いません。
両方のテキストが入った時点で、差分の計算が自動的に開始されます。ボタンを押す必要はありません。
4. 差分表示を確認する
入力エリアの下(またはモバイル表示では入力エリアの後)に、差分結果が表示されます。
- 追加された行・文字は緑系の色でハイライトされます
- 削除された行・文字は赤系の色でハイライトされます
- 変更がない部分はそのまま表示されます
差分表示は入力内容に合わせてリアルタイムに更新されるため、片方のテキストを少しずつ編集しながら差分を確認するような使い方も可能です。
5. 結果を活用する
差分の内容を元に、修正漏れの確認やレビューコメントの作成に役立ててください。差分結果自体をダウンロードする機能はありませんが、ブラウザのスクリーンショット機能や「印刷 → PDF保存」機能を使えば、レビュー記録として残すことも可能です。
次のステップ
基本の流れを覚えたら、実務でより効果的に使うための応用ページに進みましょう。
- 使い方と活用シーン --- 行単位・文字単位の比較の使い分けと、コードレビューや文書校正での実践的な活用例