画像を貼るだけお手軽アクセスカウンタ Kauntah の派生 Kauntah-SVG を作った話

画像を貼るだけで動く最高アクセスカウンタ Kauntah というものがある.

Node.js で雑に Kauntah 派生版を作った話.


Kauntah の素晴らしい点は以下の2点だと思う.

  • Referrer を元にカウントするので, 画像タグを貼るだけでいい
  • ドット感ある猫耳っ娘が最高に可愛くて最高

そんなわけで雑に実装した.


元となった Kauntah では, imagemagick によって画像生成していた.

しかし, imagemagick をインストールさせるのもダルい(とくに PaaS に合わせるには).

なので, SVG でいい感じにしよう と考えた.

SVG には <defs><use> というのがあって,そいつをうまい具合使うと, テンプレートエンジンだけで 画像を並べることができる.

もちろん SVG に画像を埋め込むと, Base64 になるので少しデータ量が増えるが,気にしないことにした.


ついでに,インターネットアーカイブから猫耳カウンタ画像の元ページを探したら,別バージョンもあったので入れた.

?asset=colorful とかつければ,別バージョンも見れる.


ちなみに,カウンタの値はアクセスするたびに増えるので,あまり当てにならない.

けど,そういう雑なところを含めて良さだと思うので,対処するつもりもない.