clearWatch()について
watchPosition()は、オプションで指定した取得する間隔に従って、定期的に位置情報取得する
しかし、これが原因で、スマホの電池はどんどん減る
このため、watchPosition()の監視を停止させる必要性がある
この停止をするのが
clearWatch()
clearWatch()の書式は
navigator.geolocation.clearWatch(watchID)
パラメータのwatchIDには
watchPosition()の戻り値を指定する
watchPosition()について
watchPosition()について
watchPosition()の書式は
watchID = navigator.geolocation.watchPosition(
取得時の処理,
エラー時の処理,
オプション)
取得時の処理には
取得できたときに呼び出す関数をセットする
ちなみに、自作関数でもok
この関数に、取得できた位置情報をいれたオブジェクトが渡される
このパラメータは必須なので、忘れないように注意
次に、エラー時の処理だけど
これも、エラーが発生したときに渡す関数を指定する
もちろん、自作関数でok
ただし、渡す情報は位置情報は取得してないから
何のエラーが発生したがが関数に渡される
これは、必須じゃないから、省いても問題ない
最後にオプション
これは、位置情報の精度とか、取得時間のタイミングを指定する
書式で書いたけど
そのままの意味で
watchPosition()は
navigatorオプション内にある
geolocationオブジェクトのメソッドになる
なので、もしブラウザーが
Geolocation API非対応なら
navigatorオブジェクトには
geolocationオブジェクトがないことになるので
if(!navigator.geolocation)
で判別処理ができる
これで、Geolocation APIが使えることを確認したら
定期的に位置情報取得する
watchPosition()を使うようにする
Geolocation API
HTML5 位置情報関連メソッド
getCurrentPosition()
一度だけ位置情報取得
ただし、
電波の届かない地下とかでは、トンネルでは失敗する
watchPosition()
定期的に位置情報を取得して返す
ただし、スマホでこれをやると
電池がどんどん減る
clearWatch()
位置情報取得停止
実際には
watchPosition()だと電池がどんどん減るから
停止ボタンを作成して
clearWatch()
で停止できるようにして、
また位置情報取得したくなったら
watchPosition()を呼び出すようにする
HTML5 Geolocation API
HTML5 Geolocation API
Geolocation APIを使い
Javascriptと合わせれば
位置情報を取得できる
ただし、いくつか条件がある
位置情報取得可能なブラウザーであること
対応スマホであること
GPS、もしくは
Wi-FiやLANに接続してること
そして、位置情報取得を許可してること
Webストレージのまとめ
Webストレージのまとめ
Webストレージには
ローカルストレージ
セッションストレージ
がある
ローカルストレージは、データをずっととっておきたいとき
セッションストレージは
一時的に保存したいときに使う
セッションストレージと
ローカルストレージは
機能そのものはあまり変わらないから
同じメソッド、同じ方法でのデータの読み書きができる
データ保存には
setItem()
データ読み出しには
getItem()
保存されたキーの読み出しには
key()
を使う
Webストレージに保存されたデータの数は
lengthプロパティを参照する
これとfor()をあわせて
データの数だけ読み出しとかの処理をする
Webストレージにデータの保存ができたか確認するには
try catchで調べる
これは、Javaとあまり変わらないかもしれない
正規表現でよく使われる特殊文字
正規表現でよく使われる特殊文字
\d
数値
.
任意の文字に一致
*
0個以上の登場で一致
+1個以上の登場で一致
[ ]
いずれかの文字に一致
ローカルストレージのデータ読み出し
Webストレージにデータを保存するには
キーと値のペアが必要
保存、読み出しにはキーが必要
ローカルストレージの場合では
Webストレージに保存されているキーを呼び出すのに
key()を使う
ローカルストレージに保存されているものは
以下の書式で呼び出せる
window.localStorage.key(番号)
key()には
パラメータとして番号を設定する
この番号は、ローカルストレージに保存された順番のこと
番号は、配列とおなじで0から始まる
なので、最初に保存されたキーを読み出すなら
window.localStorage.key(0)
となる
ローカルストレージに保存されたキーの総数を調べるのは
window.localStorage.length
で求めれる
あとは、forとかを使えば
キーの数だけ繰り返し処理できる
var data = window.localStorage;
for(var i=0;i
wordpress 関数メモ
wordpress ででてきt関数のメモ
single_cat_title()
現在のカテゴリ名を出力するテンプレタグ
wordpress codex 日本語版 レンタルサーバー情報
本格ビジネスサイトを作りながら学ぶ WordPressの教科書
に
wordpress 対応のレンタルサーバー情報が
wordpress codex 日本語版 レンタルサーバー情報にあると
書いてありましたが、URLは検索して調べるように書いてあったので
調べてみました
http://wpdocs.sourceforge.jp/%E3%83%AC%E3%83%B3%E3%82%BF%E3%83%AB%E3%82%B5%E3%83%BC%E3%83%90%E6%83%85%E5%A0%B1
にこの情報が掲載されています
少々割高になりますが
SSH対応にすると、端末操作もできるようになります
レンタルサーバーでは物足りないのなら
GMOクラウド、AmazonEC2 などを使ったり
自宅サーバーでの構築すると、よりいろいろなことができます
グローバルナビゲーション修正
本格ビジネスサイトを作りながら学ぶ WordPressの教科書
を参考に。wordpress のグローバルナビゲーションを変更するときに
すこしわかりにくいのでメモ
vim /var/www/wordpress/wp-content/thems/pacific/css/nav.css
でファイルを開き、編集するのですが
このときに必要な
menu-item-home
を
menu-item-番号にするときに
番号がわかりにくいのでメモしてみました
wordpress のトップページを右クリックしてソースを表示するのですが
この表示されたページで
Alt + e で f をおすとページ内の検索ができるようになります
ここで、
global-nav
と入力すれば
menu-item-67
というように書いてある場所を簡単にさがすことができます
