テキストの差分が確認できる「Text Diff View」というツールを OSS として公開しました

Text Diff View プレビュー

使い方

Releases に各種バイナリが置いてあるのでそこからダウンロードして利用してください

Web 版もあります (https://sandbox.saino.me/text-diff-view/)

1. 起動して左右のテキストボックスに文章を入力すると差分が表示されます
2. 画面右上の矢印で「前の差分」「次の差分」にジャンプできます

GitHub リポジトリへのリンク

github.com

作った理由

README.md の Motivation に書いてますが、

1. 左右のテキストボックスに文章を入力すれば差分が確認できるシンプルなツールが欲しかった
2. WinMerge が個人的にお気に入りのツールだったが、Windows にしかない
   • wine 使ったりすれば動きはするが、環境構築も含めると手間
3. サーバを必要としない (オフラインで動作する)
4. 上記を満たすツールがなかなか見つからなかった

作った感想

1. Monaco Editor が便利
   • 差分周りはすべて Monaco Editor の DiffEditor を使っただけ
2. electron-vite が便利
   • 公式のチュートリアル通りに進めつつ、ほぼ React App を書くことに集中できた
   • 今後どうなるかは未知数
3. Electron App が作れて嬉しい
   • ipc とかを使わない純粋な Web App のようなものを作っただけだけど、触る機会が作れた