00:06
神経質やせ男です。 今日は、pywebviewで地味に悩みがちな数値のカンマ表示について話します。
家計簿アプリや見学を扱うツールを作っていると、 1,000 と 1,000 どっちが見やすいかって話になりますよね。
ほとんどの人は、カンマ付きの方が見やすいと感じると思います。 でもこれ、実装してみると意外と面倒です。
なぜかというと、数値として計算したいのに表示は文字列になるから。 ここで大事なのが考え方です。
頻繁に使う処理を早めにモジュール化する。 数値と文字列の変換を毎回意識するのではなく、 中身は気にしないで使える部品にしてしまう。
pywebviewの場合、フロント側は JavaScript が担当になります。
やることはシンプルで、数値からカンマ付き文字列にする関数、 カンマ付き文字列から数値に戻す関数、この2つを共通モジュールとして切り出す。
これだけで入力時は自動でカンマ表示、 計算時は数値として安全に処理、という流れが作れます。
この形にしておくと、今は文字列、数値と悩まなくていい。 時速演算の度に変換を意識しなくていい。
結果としてロジックに集中できるようになります。 中で使っている正規表現、正直暗号みたいに見えると思います。
これは数値以外の全部を取り除くという処理をしているだけ。
無理に覚える必要はなくて、リファレンスとして持っておくくらいでOKです。
今回はカンマ区切りだけでしたが、このモジュールを拡張すれば、円マークをつける、万、億単位に変換する、といったことも簡単にできます。
次回はこの数価の選択と赤字の時のフォントの色を変えることについてお話しします。
気になった方はぜひフォローしてお待ちください。
