読者です 読者をやめる 読者になる 読者になる

Vue.js で分割払いの手数料をわかりやすく表示するページを作った

Card Payment

リポジトリ: playground/card-payment at gh-pages · aereal/playground · GitHub

実質年率って意味わからないし計算がめんどうなので、金額と支払い回数を入れると総支払い額と月々の支払い額を表示するページを作った。

普段自分が使うブラウザで動けばいいので arrow function を生で使ってままで、トランスパイラを使って ES5 に変換していない。

Vue.js はライブラリを読み込んでさっと使いはじめられてよい。

UIKit という CSS ライブラリを試してみた。Bootstrap と同じくらいの範囲をカバーしつつも、その名の通りフォームとか操作するためのモジュールがたくさんある。

クラス属性を使ったり `uk-grid` のようなカスタム属性を使ったりと節操がない印象。

分割払いしまくりたいわけではなく、むしろカジュアルに手数料の高さなどを確認して戒めようというもの。

……X-T2 ほしい。