HTMLやCSS、JavaScriptでスマートフォンアプリを開発できるフレームワーク「PhoneGap」。今回は、PhoneGapのコンパス機能と加速度センサーを使ってiPhoneアプリを作成します。 コンパス機能といえば、HTML5のGeolocation APIにも、方角を示すheadingプロパティがあります。 PhoneGapではGeolocation APIも使用できますが、Geolocation APIでは一定速度度で移動したときにしか方角が取得できません。一方、PhoneGapのコンパスAPIは、iPhoneを動かしたときに、すぐに方角に対応した値を返しますので、リアルタイムで方角を知りたい場合はPhoneGapのコンパスAPIが適しています※1。 今回は、iPhoneに標準で入っているコンパスアプリをPhoneGapとHTML5+JavaScriptで再現してみましょう。
![PhoneGapでiPhoneのコンパスアプリを再現 (1/5)](https://cdn-ak-scissors.b.st-hatena.com/image/square/fc355cc2770642af6df6b6668e2864840d656f67/height=288;version=1;width=512/https%3A%2F%2Fascii.jp%2Fimg%2F2009%2F08%2F25%2F243876%2Fl%2F7fde67003557dce7.jpg)