使用したもの
Tyepscript, React, MUI, Node.js
作成経緯
インボイス制度開始後、自動車車のリサイクル料金は自動車リサイクルシステムからインボイスが発行され、自動車仕入れ先からはリサイクル料金に関わるインボイスが発行されなくなりました。
そのため正しい会計処理を行うには自動車の仕入れ先から発行された自動車自体のインボイスと、リサイクルシステムからダウンロードしたリサイクル料金のインボイスを2枚合わせて保管する必要が発生しました。
しかし自動車リサイクルシステムのサイトで一括してインボイスをダウンロードするにはCSVを作成してインポートさせる必要があります。
しかしこのCSVはShif-JISかつ、カンマ区切りで以降データが存在しない列があってもカンマが必要という要件であり、Exelでリストを作成してCSV出力しても要件を満たせません。
このアプリはブラウザ上でガイドに従って入力を行う事で、要件と合うCSVを作成してPOSTまで行います。
アピールポイント
自動車リサイクルシステムサイト上でも1台ごとに入力してダウンロードは可能ですが、排他のInputが並んでいたり、補完機能やエラーチェックが甘いためかなり使いづらい印象です。
ですがこのアプリを使用すれば、モダンなUIと適切な補完機能で快適な入力が可能なほか、1台だけではなく複数台をまとめて入力しまとめてダウンロードすることが可能です。
改善点
このアプリを構想した段階から自動車リサイクルシステムのサイトがHTTPで運用されており、HTTPS to HTTPのCORSの問題があることが判明しました。
GitHub PagesなどではHTTPSが強制されるため、ローカルのDEVサーバーで動かすか、自前のWEBサーバーでHTTPを許可してホストする必要がありました。
このアプリのためだけにサーバーを用意することは管理コストの問題もあり難しかったため、ローカルホスト専用のアプリとなってしまいました。
* ページは表示されますが、HTTPS環境では動作しません