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

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

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

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


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

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

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

Heroku / Azure / now / Bluemix / Docker image を取り揃えている.

個人で建てて使ってください.

Heroku Azure now Bluemix
HerokuButton AzureButton nowButton BluemixButton
Heroku Demo Azure Demo now Demo Bluemix Demo

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

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

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

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

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


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

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


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

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