Web数取器

TOP頁

色変更


解説
交通量調査とかで使われているカウンターのことを「数取器」というらしいです。これはそのWeb版です。
数値枠内をクリックすると数が1増えます。下のボタンで10,100単位で増減したり0にリセットしたりもできます。ただし、負の数にはなりません。

「色変更」の選択を変更して[変更]ボタンを押せば、指定した色の枠の数取器が作りなおされます。このとき、数が全て0にリセットされますのでご注意ください。

Web数取器はVue.jsの学習用に作成しました。Vue.jsの知識ほぼゼロだったので、この本の分かりやすい説明は助かりました。特に「この部分はなんとなく分かっていれば取りあえず問題ないよ」といったことが明示されているのがありがたかった。 ただ、「できること」は分かるが「できないこと」は深く書かれていないので、Webからの情報集めも必要でしたけど。
本書の後半4割はNuxt.jsについて書かれていますが、Web数取器ではこちらは使用していません。
Web数取器では、レスポンシブな配置調整に悩むのがいやだったのでBootstrapも使用しています。この本も例が多くて分かりやすいです。