HTML5 API入門

Geolocation APIとは

全334コースを10日間無料で

ぜひご覧ください。

無料で視聴する すべての加入プランを見る
または
Geolocation APIを使って、1回のリクエストによって取得できる現在位置の情報の内容について学びます。
講師:
04:47

字幕

Html5は、ウェブアプリケーションが現在実行 されている場所を把握することができる、 Geolocation APIを持っています。 Geolocation APIを使うと、現在どこに いるのかを見つけたり、 継続的なリクエストによって、動き回る自分の位置を 見つけたりすることができます。 このレッスンでは、Geolocation APIを使って、 一回のリクエストによって取得できる、 現在位置の情報について学びます。 このサンプルは、ウェブサーバーを通して実行 する必要があるため、 ここでは、localhostを通して実行されるように なっています。 それでは、「現在位置を取得」ボタンをクリックしてみましょう。 ここではJavaスクリプトを使って、Geolocation APIを 利用しており、 その結果、ブラウザーがリクエストを受け取りました。 現時点では、ブラウザはこのリクエストを保留しており、 アプリケーションに現在位置を知らせることを許可するか どうかを画面上部の アラートで聞いてきています。 アラートや、ポップアップなど、その表示方法は ブラウザや使っているデバイスによって異なります。 私はここで、クロームを使っていますが クロームでは、 」パソコンの現在地情報が必要となります」というメッセージを 表示しています。 ここでは、許可ボタンをクリックします。 すると、現在位置が取得され、あらゆる情報が 画面右側に表示されます。 緯度、経度、およびその制度については 常に取得され、 他の情報が取得されるかどうかは、 ブラウザとデバイスによって依存します。 取得できる情報について紹介していきましょう。 緯度は、正の数だと赤道より下にいる ということを示し、 負の数だと、赤道よりも南にいる ということを意味します。 私は現在、オーストリアのグラーツにいますので、 47度ほど 赤道よりも北にいることが示されています。 一方経度は、ロンドンの旧グリニッジ天文台から 東にいると正の数になりますので、 現在は、約15度を示しています。 負の数であれば、旧グリニッジ天文台より 西を意味します。 制度については、この位置情報について、 どのくらい信頼ができるのかを示します。 現在表示されている2007m、約2キロは、 あまりよい数値ではありませんね。 このように、位置情報を取得した、 アプリケーションやデバイスによっては、 精度がよくないこともあります。 例えば、今このサンプルでは、 デスクトップPC上で実行しています。 そのため、位置情報を取得する際に、 Wifiのアクセスポイントが使われているはずです。 このウェブページ、アプリケーションを スマートフォンで実行すれば、 より正確な情報を取得できるでしょう。 スマートフォンではGPSが使えるためです。 もしデバイス側で有効になっていれば、 Geolocation APIを通して、 位置情報を取得するために、 GPSを使うことができます。 ただしGPSの場合、情報の取得に 少し時間がかかる傾向があります。 また、デバイスの消費電力という点で、 非常に高い負荷がかかりますが、 より正確な情報を取得することができます。 それでは、取得できる情報の紹介に 戻ります。 Geolocation APIでは、向いている方角や、 速度についても取得できます。 歩きながらと走りながらでは、 走りながらのほうが 速度の数値が高くなるはずです。 また、デバイスによっては、 高度を取得することもできます。 現在はデスクトップで実行しているため、 コードは取得できません。 スマートフォンで実行すると、海抜で 何メートルかを取得できるはずです。 高度の制度については、高度を取得するために 使われたメカニズムに依存します。 そして最後に、位置情報を取得したときの タイムスタンプです。 このレッスンでは、Geolocation APIで取得できる 情報について学びました。

HTML5 API入門

HTML5は今やインタラクティブコンテンツを作るうえでかかせないものです。このコースでは膨大なHTML5の仕様の中からWebアプリケーションを作成するうえで便利な機能を紹介していきます。コミュニケーション系APIの使い方のほか、Web WorkersやWebSocket、モバイル用アプリの制作で使うjQuery Mobileなどについても解説します。

3時間19分 (23 ビデオ)
現在、カスタマーレビューはありません…
 
ソフトウェア・トピック
価格: 2,990
発売日:2015年03月03日

このコースは、「オンデマンド」でご利用可能であり、ダウンロードすることもオンラインで見ることもできます。

ダウンロードすると、オフラインでコースを使用し、豊富なインターフェースをフルに活用できます。複数のデバイスを使用したり、 一度に全コースをダウンロードしたくない場合は、アカントにログインして、ストリーミング・ビデオとしてコースのレッスンを視聴してください。

ビデオトレーニングをお楽しみいただけますように! お問い合わせは、cs-jp@lynda.com宛までご連絡ください。