Cursor Dashboard
カーソルダッシュボード
- What :
- ブラウザ上でマウス／ポインタの動きをリアルタイムに集計し、トレイル・速度波形・ヒートマップなどで可視化するダッシュボード
- Why :
- クライアントから取得できるデータ自体をコンテンツにしようと思ったことが制作のきっかけです。
- How :
- マウスやポインタの動きをそのまま計測・集計し、トレイル・速度波形・ヒートマップの各ビューへリアルタイムに反映する構成にしました。操作に直接連動して表示が変わる体験を通じて、操作そのものがデータになる仕組みを実装しています。
技術面では Next.js / TypeScript / Tailwind CSS を採用しています。 - Role :
- Frontend Development
- Date :
- 2026.4