画像を貼るだけお手軽アクセスカウンタ Kauntah の派生 Kauntah-SVG を作った話
画像を貼るだけで動く最高アクセスカウンタ Kauntah というものがある.
Node.js で雑に Kauntah 派生版を作った話.
Kauntah の素晴らしい点は以下の2点だと思う.
Referrer
を元にカウントするので, 画像タグを貼るだけでいい- ドット感ある猫耳っ娘が最高に可愛くて最高
そんなわけで雑に実装した.
元となった Kauntah では, imagemagick によって画像生成していた.
しかし, imagemagick をインストールさせるのもダルい(とくに PaaS に合わせるには).
なので, SVG でいい感じにしよう と考えた.
SVG には <defs>
と <use>
というのがあって,そいつをうまい具合使うと, テンプレートエンジンだけで 画像を並べることができる.
もちろん SVG に画像を埋め込むと, Base64 になるので少しデータ量が増えるが,気にしないことにした.
ついでに,インターネットアーカイブから猫耳カウンタ画像の元ページを探したら,別バージョンもあったので入れた.
?asset=colorful
とかつければ,別バージョンも見れる.
ちなみに,カウンタの値はアクセスするたびに増えるので,あまり当てにならない.
けど,そういう雑なところを含めて良さだと思うので,対処するつもりもない.