自作ツール【Diff Unique Record】を紹介/diff-unique-record-introduction

スライド内のリンク用

パッケージ版
https://github.com/peko-thunder/diff-unique-record
https://www.npmjs.com/package/diff-unique-record

Web版
https://github.com/peko-thunder/diff-unique-record-web
https://diff-unique-record-web.vercel.app

Transcript

1. Diff Unique Record Introduction 1 2024-04-03 @peko-thunder
2. はじめに 自分が使いたいツールを自作してみたので、その紹介です。 Webエンジニアになる前の話ですが、SESでExcel職人してました。 ツールやらマクロ組んで仕事楽になって楽しいって感覚を、今でも覚え ています。 素人が組んだ微妙なツールがまだ生きてるかはわかりませんが、 久々に自分用にツールを作る楽しさを得られたんじゃないかな。 2
3. 目次 1. Feature 2. Use Case 3. Ending 3
4. 4 Feature
5. Diff Unique Recordとは Diff ツールの1種でレコードを比較するためのもの 特徴 • テキストベースの比較を行わない • ユニークレコード同士での比較を行う • データの並び順に左右されない • 変更箇所のフィルタリングが可能 5
6. テキストベースの比較を行わない 典型的なテキストと行単位での比較例 6
7. ユニークレコード同士での比較を行う ユニークなデータを絞り込み、レコード単位で比較を行う 同じデータとみなされるレコードが複数あると機能は保証されない 以下は date, name, element の複合ユニークキーを持つ同じレコード 7
8. データの並び順に左右されない テキスト形式で並びが変わると、削除と追加のフラグが立つ 本ツールでは不変データ扱いとなり、変更フラグが立たない 8
9. 変更箇所の フィルタリングが可能 必要なデータだけを閲覧可能 • added • removed • updated • unchanged 9
10. Use Case 10
11. Webアプリの出力データ ユーザー入力値とDBのデータから シミュレーション計算するWebアプリ • 数千単位の配列を複数使っている • 変数が多く計算結果は一定ではない • ゴールドスタンダードなテストコードあり 実際のデータでロジック変更前後の 出力データを比較して安心したい 11 DB Web User
12. Excel関数のユニークキー Excelで新旧のデータ比較やったことがあります 結合したユニークな文字列をvlookupやcountifで引っ掛けてフィルタ で絞り込んで確認、なんて作業はしなくて済みます 12
13. 13 Ending
14. まとめ Diff Unique Record はユニークレコードの比較に用いるツール データの並び順に左右されず、変更内容のフィルタリングが可能 ユニークキー制約に違反したデータには対応していない 人によっては実務で使えるかもしれない 14
15. リンク パッケージ版 • https://github.com/peko-thunder/diff-unique-record • https://www.npmjs.com/package/diff-unique-record Web版 • https://github.com/peko-thunder/diff-unique-record-web • https://diff-unique-record-web.vercel.app 15
16. おわりに 見知らぬWebサイトにCSVやらデータを貼り付けるの怖くない？ ってことで、npmパッケージで基盤を作って公開しました。 Web版はあくまでもインターフェース、入出力をするだけの場所です。 汎用的なWebアプリが他にできたら、自前でドメイン取って公開するか もしれません。 幸いなことにnpmやvercelなどで、無料で簡単に作品を公開できるよう になってるので、今後も活用していきたいと思います。 16