Mais conteúdo relacionado
HTML5 Geolocation API で実装する、『みせたんGPS』 @ Space-i Lightning Talks 2012/10/31
- 2. 「ネイティブアプリ」と「Web アプリ」
• ネイティブ・アプリケーション
デバイス(PC・スマホ)上で稼働するアプリ。
C, Java などで開発。インストール必須。
動作が高速。豊富な機能が使える。
• Webアプリケーション
サーバ上で稼働するアプリ。
Web技術(HTML/CSS/JavaScript)で開発。
インストールせずブラウザで利用。
動作が遅い。機能が制限される。
- 3. 「ネイティブアプリ」と「Web アプリ」
• ネイティブ・アプリケーション
デバイス(PC・スマホ)上で稼働するアプリ。
C, Java などで開発。インストール必須。
動作が高速。豊富な機能が使える。
HTML5で、Web アプリを
ネイティブアプリのように
• Webアプリケーション 使いやすくする。
サーバ上で稼働するアプリ。
Web技術(HTML/CSS/JavaScript)で開発。
インストールせずブラウザで利用。
動作が遅い。機能が制限される。
- 5. HTML5 Geolocation API
• ユーザーの位置情報を扱うためのAPI
• これ以前にも、位置情報を扱うことは出来たが、 各
携帯キャリア独自の規格であったためキャリアごと
の仕様に合わせる必要があった。
• GPSだけでなく、無線LAN・WiFi・携帯電話基地局・IP
アドレスなどから位置情報を取得する。
• GPS対応端末での位置情報の取得は精度が高いが、
非対応端末からの取得は精度が下がる。
- 6. API を活用するメソッド
//ユーザーの現在の位置情報を取得
navigator.geolocation.getCurrentPosition(
successCallback, errorCallback );
・この JavaScript メソッドで、緯度・経度などの
詳細な位置情報が取得できる。
・successCallback内の処理で、取得した緯度・
経度を元にGoogle マップを表示するなど。。
- 10. まとめ
• HTML5 は、まだ対応していないブラウザも多
く、仕様も最終的な形にはまとまっていないが、
iOS、Android などのスマートデバイス環境に
置いてはほぼ標準である。
• 有効に使える機能も多いため、今後も注目し
ていく必要がある。
• HTML5 の重要性が上がると同時に、
JavaScript の重要性もさらに向上するであろう。