記事でハートを飛ばせるようにした

2026-09-01

harukasanさんのアクセスカウンターと拍手の話に触発されて、このホームページにも拍手的なレスポンスをいただく機能を盛り込みました。

わたしはWeb拍手の文化を通ってきていないので、馴染みのあるライブ配信のハートにしてみました。画面の下からハートがぽんぽん上がっていくやつ。

この記事の末尾にハートのボタンがあって、押すと下から上へハートが飛びます。長押しでも連打でも出ます。色は赤を基調にしたパステルをランダムに振っているので、お楽しみください。

制御はPicoRuby.wasmです。タップなのか長押しなのか、何個飛ばすのか、いつサーバーへ送るのか。そのあたりの判断がPicoRubyで、描画はthree.js利用です。

ぜひぜひいいなと思ったら押してみてください。いずれ課金アイテムなども導入してみたいものですね。