できること
2つのテキスト版の違いをすぐに見つけられます。
Markdown Diffは生のテキストを行ごとに比較し、追加行を緑、削除行を赤、変更のない行をニュートラルなグレーで示す unified diff を表示します。サマリー行には、変更された行数が表示されます。
リリースノート、提案書の修正、AIで編集した下書き、または2つのコピーがあり、gitやワープロを開かずに変更点を確認したいあらゆるドキュメントに使えます。
手順
1分以内に2つの版を比較できます。
- Markdown Diffを開きます。
- 左側のパネルにoriginalテキストを貼り付けます。
- 右側のパネルにrevisedテキストを貼り付けます。
- 下の unified diff を確認します — 追加は緑、削除は赤で表示されます。
- Copy diffをクリックして、メール、Slack、PRコメント用のプレーンテキストの unified diff を取得します。
使いどころ
ブラウザ差分に向いている用途。
- クライアントが編集した提案書を前回の下書きと比較する。
- 公開前に、AIの書き換えで何が変わったかを確認する。
- ファイルがgitにないときに、変更履歴やリリースノートの編集を確認する。
- Notion、Docs、CMSからエクスポートした2つのMarkdownファイルをスポットチェックする。
このツールは生のテキスト行を比較します — Markdownの書式はレンダリングしません。これにより、パイプ、ハッシュ、アスタリスクが余計なノイズになりそうな場合でも、差分を読みやすく保てます。
トラブルシューティング
差分が想定と違って見えるときは。
- 空白は影響します。末尾のスペースや余分な空行も変更として数えられます。
- Windowsの改行（
CRLF）とMac/Linuxの改行（LF）の違いで、小さな差分が多数表示されることがあります — 必要なら先にエディタで正規化してください。 - 非常に長い1行のブロックは、1つの変更行として表示されます。単語単位の差分は今後のバージョンで予定しています。
- Load sampleをクリックすると、1行の変更と1つの追加を含む動作例を確認できます。
プライバシー
ブラウザ内ローカルのみ。
貼り付けたテキストはお使いのデバイスに留まります。Markdown Diffはブラウザ内のJavaScriptで差分を計算します。Tiny Design Shopのサーバーには何も送信されません。