白いThinkPad X100eがやってきた(加速度センサーで遊んでみた編)

2010/02/15

ThinkPadは、落下時の障害を少なくさせるためにHDDアクティブプロテクションシステムがあります。ThinkPad X100e(以後X100e)はエントリ向けでもThinkPadクオリティのため当然搭載しています。

X100eは加速度センサーを持っています。加速度センサーは、HDDを守るためだけに使用されるわけではありません。他の用途にも使用可能です。

例えば、Firefox 3.6には加速度センサーのイベントハンドラ(window.onmozorientation)があります。

 window.addEventListener("MozOrientation", handleOrientation, true);

イベント登録することでX100eの傾きを知ることが可能です。

またCSSにはtransformと呼ばれる回転可能なプロパティがあります(Firefox/Webkit系)。例えば、以下のように記述を行うとHTMLのbodyを90度回転させることが可能です。

 document.body.style.MozTransform = "rotate(90deg)";

加速度センサーのイベントハンドラー、CSSのtransform、Greasemonkey(Javascriptで機能を後付できる)を使用すれば、X100eを傾けることでブラウザの表示向きを変えることが可能になります。

そこで作ってみました。ソース置き場にrotatebody_.user.zipがありますので、それをダウンロード&解凍するとrotatebody_.user.jsができます。そのスクリプトをGreasemonkeyが入ったFirefoxでドラッグアンドドロップしてください。Firefoxは3.6以降でお願いします。

Firefox向けになっているためChrome 4.0では動きません(加速度センサーイベントハンドラがないのでできないのです)。

rotatebody_.user.jsを入れたFirefoxでページを表示させて、X100eを横にすると以下のように回転します。

キーボードを水平にすれば元に戻ります。残念ながらメニューの位置を動かす方法を知らないため、HTMLの表示箇所だけ90度回転になります(注：縦方向に向きますが、相当スクロールしないと見たい箇所に移れません。このあたりはtransformの使い方が難しいような気がします。)。

縦読みしたいときはX100eの横幅1366pxはうってつけです!と言いたいところですが、最近のwebページは最低1024pxを前提に作られているためX100eの縦(768px-メニュー幅)は狭すぎます。また、HDDのノートPCを傾けるのは心情的にやりたくはありません(借り物なので、相当ゆっくりと傾けました)。

このため、作成したスクリプトはX100eの加速度センサーでこんなことができました程度のものです。ですが、SSDに換装すれば傾けることに抵抗は激減するでしょうし、GPSや電子コンパスなどを入れれば、大画面のiPhoneチックなことができるのではないでしょうか。

いや、無理ですね。そのような向きを変えたりするのは、iPadやSkylightなどのX100eのもう一回り軽いデバイスでないと手軽にできませんね。

ただ、それでもキーボード、マウス以外でも加速度センサーを用いればブラウザを操作可能であることを覚えておいてもいいのではないでしょうか。