JavaScriptとAJAXでページ上のマウスの動きを録画・再生するデモ

ページ上で動かしたマウスの軌跡を記録し、再生することが可能になるJavaScriptやAJAXなどの組み合わせデモが公開されています。実際に試してみればわかりますが、記録している際には、特に記録されていると気づくような要素は全くありません。

応用としては、広告バナーのクリックについてアイトラッキング（目の動きを追う）の代わりに、マウスの移動する軌跡を記録して「マウストラッキング」が可能になったり、あるいはAJAXをフルに駆使したサイトにおけるユーザービリティの記録による操作の改善、あるいは各種スパイ行動などにも使えます。

実際のデモは以下から。
Record mouse movement using Javascript and AJAX
http://pure.rednoize.com/movelogger/

上記ページで四角いキューブの辺の周囲をマウスでなんどかぐるぐると回転させてみたり、クリックさせてみたりしたあと、電球アイコンをクリックしてみたり、いろいろと動かしてみましょう。ポイントはちゃんとどこをどういう順番で動かしたかを覚えておくこと。ひととおり動かしたら、一番上の「Move your mouse around for a while, then click here.」とクリックしてみましょう。先ほど動かした順番とタイミングでマウスがページ上を動き回ってくれます。

なお、実際にはPrototypeとscript.aculo.usを使っており、これ以外にもPHPのコードをサーバサイドで動かして記録しているそうです。記録されたデータはPHPセッションが切れると自動的に削除されるようですが、それにしても衝撃的なデモですね……。

puRe aka Marcel Oelke >> Record mouse movement using Javascript and AJAX