Cursor Dashboard
カーソルダッシュボード
- What :
- ブラウザ上でマウス／ポインタの動きをリアルタイムに集計し、トレイル・速度波形・ヒートマップなどで可視化するダッシュボード
- Why :
- リアルタイムで更新されるダッシュボードUIの表現を試したくて制作しました。マウスやポインタの動きをそのまま計測・集計する題材にすることで、操作に直接連動して表示が変わる体験を通じて、操作そのものがデータになる仕組みを実装しています。
- How :
- ポインタイベントを都度集計し、トレイル・速度波形・ヒートマップの各ビューへ即座に反映する構成にしました。操作のたびに表示が更新されるダッシュボード体験を実現しています。
技術面では Next.js / TypeScript / Tailwind CSS を採用しています。 - Role :
- Frontend Development
- Date :
- 2026.4