キャンペーン、サンネットブログ｜javascriptでブラウザのアイドル状態、離席状態を把握する

アイドルといっても皆さん（私含む）の大好きな芸能人のことではありません。ましてや「離席」と「離婚」は違います。

ここで言う「アイドル」は、車でいう「アイドリング」のアイドルと近い意味ですね。

どういうことか？百聞は一見に如かずということで実例を挙げて紹介します。下の赤青の行を見ながら、マウスとキーボードに触らずにブラウザを5秒ほどほっといたり、マウスを少し動かしたりしてみてください。

うまくいけば、赤と青の色があるタイミングで濃くなったり薄くなったりするはずです。

この機能は以下の記事を見つけて早速導入を試みた結果です。ライブラリとしてjqueryを使用しています。

ブラウザから離れたり、戻ったりした時に動作させるJavaScriptイベントハンドラ設定

Detecting 'Idle' and 'Away' Timeouts in Javascript

上記記事のサンプルをほぼ丸パクリしただけですが、応用範囲は広そうです。これを上手く使えば、スカイプの「離席状態」通知のような仕組みが作れるでしょう。 ブレスト名人の克弥ディレクターに協力してもらえば面白い使い方が出てくると思われますが、が、ご覧の皆さんもアイデアをぜひ弊社までお寄せください。

（いま思いついた範囲では、かなり良いユーザビリティチェックツールが作れそうです。）