第6回 Webアプリを作ろう#3──Options Page、Web Storage | gihyo.jp
前回は、OdometerというWebアプリへの機能追加 を通して、Background Pages、Message Passingの詳細を解説しました。今回は、Odometerにさらに機能を追加する形でOptions Page、Web Storageについて解説していきたいと思います。 追加機能の概要 多くのWebアプリでは、使いやすいようにユーザー自身が各種設定を行うことが可能になっています。Odometerでもユーザービリティ向上のためにいくつかの設定項目を用意したいと思います。 例えばOdometerが目的地までの距離を通知する間隔は、目的地から1km圏内であれば200mごとに通知するように設定されています。これらをユーザーが任意の間隔で通知を受けられるように修正します。また、通知間隔以外にもデスクトップへの通知の有効／無効の切り替えやポップアップを表示している通知時間なども同時に設
第5回 Webアプリを作ろう#2──Background Pages、Message Passing | gihyo.jp
Webアプリを公開しよう！ Chrome Web Store／Apps入門 第5回Webアプリを作ろう#2──Background Pages、Message Passing 前回は、OdometerというWebアプリの作成 を通して、Geolocation API、Notification APIの詳細を解説しました。今回は、Odometerに機能を追加する形でさらにいくつかのAPIの詳細を解説していきたいと思います。また、先日サンフランシスコで行われたGoogle I/Oで発表されたChrome Web Store関連のトピックも合わせて紹介したいと思います。 Google I/OのChrome Web Store関連トピック アプリ内課金 Google I/Oにて、Chrome Web Storeでのアプリ内課金について発表されました。アプリ内課金の手数料は5%とのことで、ほかのプ
第4回 Webアプリを作ろう#1──Geolocation API、Notification API | gihyo.jp
目的地の設定と距離の算出 目的地の設定は、地図上をクリックすることによって行います。Google Mapsのクリックイベントから緯度と経度を取得することができるので、現在地情報の表示と同様にshowDestinationPositionメソッドで目的地の緯度、経度を表示します。また、同時にshowDistanceメソッドで目的地までの距離を算出して表示します。 /* * 目的地情報表示 */ function showDestinationPosition(lat, lng) { //目的地を表示 document.getElementById('dest-latitude').textContent = lat; document.getElementById('dest-longitude').textContent = lng; } /* * 目的地までの距離表示 */ functi
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
