FIRST CH TOOLS / テキスト / 15 DIFF CHECKER
テキスト・コード差分チェッカー
2つのテキストやコードを貼り付けると、追加・削除・変更の箇所を行単位と単語単位でハイライトします。原稿の推敲、CSS/JSの修正確認、設定ファイルの比較に。unified diff(.patch)としても書き出せます。
差分
書き出す形式は git apply や patch がそのまま読める unified diff(前後3行のコンテキスト付き)です。
How to Use
- 2つのテキストを入れる左(変更前)と右(変更後)に貼り付けるか、「ファイル」からテキストファイルを読み込みます。入力した時点で自動的に比較されます。
- 見方を選ぶインライン表示と左右2列表示を切り替えられます。長い文書は「同じ部分を省略」で変更箇所の前後3行だけに絞れます。
- 結果を持ち出す差分を unified diff(.patch)としてコピー、またはダウンロード。処理はすべてブラウザ内で完結し、入力内容は送信されません。
About This Tool
行の対応づけには patience diff(両方のテキストにちょうど1回だけ現れる行を手がかりに範囲を分割する方式)を使い、手がかりが取れない範囲だけ Myers のアルゴリズムで最短の編集手順を求めています。行を丸ごと入れ替えたときに「無関係な行同士が対応づけられて全体が赤と緑になる」現象が起きにくく、Git の --patience と同じ考え方です。
変更された行どうしは、さらに語単位(英数字はひとかたまり、和文は1文字ずつ)で比較して差分だけを濃く塗ります。共通部分が3割に満たない組は「別の行」とみなし、無理に語ハイライトしません。改行コードは CRLF / CR / LF を同じ行区切りとして扱い、行末の空白の違いだけは既定で無視します(空白全体の無視は任意です)。
比較できるのは各テキスト5万行までです。まったく無関係な巨大テキストどうしを比べたときは、途中で「まるごと置き換え」として打ち切り、ブラウザが固まらないようにしています。
From AI Agents
この差分ロジックは、MCP(Model Context Protocol)サーバー @first-ch/tools-mcp の diff_check ツールとしても提供しており、ブラウザを使わずAIエージェントから直接呼び出せます。導入方法の詳細は AIエージェントからの使い方 を参照してください。
導入
claude mcp add firstch-tools -- npx -y @first-ch/tools-mcp
呼び出し例
# unified diff と件数を得る diff_check(a="変更前のテキスト", b="変更後のテキスト") # ファイル同士を比較し、語単位の変更点まで返す diff_check( pathA="/path/old.css", pathB="/path/new.css", format="both", ignoreWhitespace=true)
Other Tools
- 01画像→WebP一括変換WebP Converter
- 02白背景の透過White BG Remover
- 03コントラスト比チェッカーContrast Checker
- 04文字数カウントCharacter Counter
- 05llms.txt ジェネレーターllms.txt Generator
- 06JSON-LD構造化データ生成JSON-LD Generator
- 07Markdown→PDF変換MD → PDF
- 08OGPメタタグ生成ウィザードOGP Wizard
- 09faviconジェネレーターFavicon Generator
- 10TikTok投稿ツールTikTok Publisher
- 11文字コード・改行コード変換Encoding Converter
- 12画像→AVIF変換+picture生成AVIF Converter
- 13テストデータ生成Test Data Generator
- 14Marp Markdown→スライドMarp Slides
- 16Cron式ビジュアル解説&発火日時Cron Explainer
- 17Base64 & Data URI変換Base64 & Data URI
- 18URLパラメータ分解・UTMタグ編集URL Parameters
- 19HTMLエンティティ・特殊文字エスケープHTML Escape
- 20JSON ⇄ YAML 相互変換&整形JSON ⇄ YAML
- 21PX ⇄ REM / EM 単位変換&スケール表PX ⇄ REM / EM
- 22Colorコード変換&アルファ透過Color Converter
- 23MD5 / SHA-256 ハッシュ生成Hash Generator
- 24JWTデコーダー&有効期限チェッカーJWT Decoder
- 25User-Agent解析&デバイス判定User-Agent Parser
- 26UUID (v4) & ULID 一括生成UUID & ULID Generator
- 27アスペクト比計算&レスポンシブサイズAspect Ratio Calculator
- 28Markdownテーブル整形&CSV/TSV変換Markdown Table
- 29SQLクエリフォーマッター&整形SQL Formatter
- 30QRコード生成QR Code Generator
- 31正規表現テスターRegex Tester
- 32UNIXタイムスタンプ⇄日時変換Unix Time Converter
- 33新規タブメモ帳New Tab Memo
- 34画像リサイズ&クロップImage Resizer
- 35EXIF情報の確認&除去EXIF Viewer
- 36robots.txt ジェネレーターrobots.txt Generator
- 37安全なパスワード生成Password Generator
- 38文字列ケース変換Case Converter
- 39CSV/TSV ⇄ JSON 相互変換CSV ⇄ JSON
- 40PDF結合・分割・ページ抽出PDF Merge & Split
- 41全角⇄半角変換&テキストクリーナーZenkaku ⇄ Hankaku
- 42X(Twitter)投稿の文字ウェイト計算X Post Counter
- 43CSS clamp() フルイドタイポグラフィ計算機CSS clamp() Calculator
- 44CSSグラデーションジェネレーターCSS Gradient Generator
- 45画像からカラーパレット抽出Palette Extractor
- 46QRコード読み取りQR Code Reader
- 47SVG最適化&data URI化SVG Optimizer
- 48リダイレクトルール ジェネレーターRedirect Generator
- 49IPアドレス・CIDR計算機CIDR Calculator
- 50カレンダー予定(.ics)ジェネレーターICS Generator
- 51イージング(cubic-bezier)プレビュー&比較Easing Preview
- 52box-shadow ジェネレーターbox-shadow Generator
- 53和文ダミーテキスト生成Japanese Dummy Text
- 54SNS画像サイズ一括書き出しSocial Image Sizes
- 55タイムゾーン変換・世界時計Timezone Converter
- 56日数・営業日計算Business Day Calculator
- 57HTML→Markdown変換HTML → Markdown
- 58HEIC→JPEG/PNG変換HEIC Converter
- 59印刷サイズ・DPI計算機Print DPI Calculator
- 60色覚シミュレーターColor Blindness Simulator
- 61SERPプレビュー&メタタグ文字数チェックSERP Preview
- 62Flexbox / CSS Grid ジェネレーターFlexbox & CSS Grid
- 63テキスト行操作ツールLine Tools
- 64スクリーンショット枠装飾Screenshot Frame
- 65和暦 ⇄ 西暦変換Japanese Era Converter
- 66URLスラッグ生成(日本語→ローマ字)URL Slug Generator
- 67htpasswd ジェネレーターhtpasswd Generator
- 68OGP画像ジェネレーターOGP Image Generator