--- title: Javascript で diff (通信なし、ローカルで完結) tags: JavaScript diff author: stonee slide: false --- Javascript と HTML で diff を表示します。 行単位のみやワード単位のみのサンプルはネットでちょくちょく見かけていたのですが、「行単位の差分を表示した上で類似行の差分も表示する」のが欲しかったので、作ってみました。 Ecmascript 6 以降の機能を使用しているので、IE11では動きません。 FirefoxかChromeかEdgeをご利用ください。 2020/04/05 いろいろ修正しました。 * 単語区切りで、小書き仮名拡張 (Unicode 12)、統合漢字 Extention G (Unicode 13) に対応してみた。 ……ついでにsurrogate pair判定のバグを修正 orz * Chrome, Firefox, Edge, Opera で Optional Chaining が使用可能になったので、Optional Chaining で書けるところを書き直し。 * indent heuristic の処理を修正。1行だけの差異行は、境界位置をずらさないようにした。 内部の仕様に関する解説は、ページ最下部のリンクからどうぞ。 ```html:diff_orz.html 差分表示乙 (diff_orz)
  Ignore Blank: side by side
```