徒然 - 投稿

ひとつ前の投稿の補足内容になります。

通常では、ページ読み込み時にアドレスバーが表示され、44px分（実際にはなぜか60pxで計算しないとうまくいかなかったのですが、、、）スクリーンをずらさなければページのスクロールが始まらないということで、
初期状態でアドレスバーを非表示にさせる必要があります。

で、それは<meta>タグで設定できるのかと思っていたら
・M.C.P.C.: iPad用HTMLのメタタグapple-mobile-web-app-capableを試してみる
とあったのでさっそく試してみたのですが、iPad用だからか、iPhoneではダメでした。

で、他には皆どうしているのかというと、
・iPhone Memo » 画面読込時にアドレスバーを隠す
・スマートフォンサイトでアドレスバーを隠す方法（iPhone/Android） | アイ・エス・シー実験室
等のように、ブラウザの仕様を利用して「読み込んだら1pxずらす」ことによってバーを隠している人が多いみたいです。
手元のiPhoneでは「0秒後に0pxスクロール」でやって上手く出来たり出来なかったり、、、。古い機種も考慮に入れて「100ミリ秒後に1px」というのが安定しているのでしょうか？

なんだか邪道っぽい気もしますが、他に解決策が見つからなかったので、そのやり方をいただくことにしました。

さらに、ポートレート表示（縦長）とランドスケープ表示（横長）でpositionの基準が違ってくるので、縦横の向きを変えたときにリロードすることも含め書いたのが以下のスクリプト。

読み込み後アドレスバー非表示＆向きを変えたときにリロードのスクリプト

onLoad=function(){
	setTimeout("scrollTo(0,1)",100);
	$(window).bind("orientationchange",function(){
		window.location.reload();
		setTimeout("scrollTo(0,1)",100);
	})
}

ちなみに、
Androidでorientationchangeイベントが意図した通りに動かないので。 –  ドブログ[Do-Blog] – ドブロク[DOBUROKU]
にあるように、bindのtypeにresizeを加えてみると、iPhoneではscrollのイベントごとにリロードされてしまうので、useragentで振り分けてAndroid専用のソースにしたのですが、Androidを持っていないので確かめていません。


（その他諸々の参考）
・EZ-NET: iPhone や iPad の画面サイズ早見表 : iPhone プログラミング
・jQueryでiPhone/iPadの向きを検出する[to-R]
・売れるiPad/iPhoneアプリのためのデザイン必須知識（2/5） – ＠IT
・iPhone画面名称 – iPhoneアプリ開発の虎の巻

前回の続きです。そしてようやく最終回。


危うくもヒースロー空港にたどり着き、ロンドンを発つ時がやってきました。前の日のこの頃、鍵をどうにかしなければ！と困っていたのがウソのようです。

（前の投稿で貼り忘れた写真。慌ただしく撮ったヒースロー空港）




ここへきて日本に帰りたくない気持ちが強くなってきましたが、そういう訳にもゆきません。予約していた飛行機に乗って、いよいよ出発です。

滞在中は何人かの日本人を見かけましたが、雰囲気を最大限味わうために、あえて接しないようにしていました。そしてそれは、少なくとも中継地のフィンランドまでは続くと思っていました。

ところが、ロンドン～ヘルシンキでの飛行機で、早くも、日本人の隣に座ることとなってしまい興ざめ、、、






(続きを読む…)

前回の続きです。

迷いながらも何とかホテルにたどり着いたは良いものの、鍵のトラブルで今度は締め出し。明日も早く出たいのに、夜はどんどん更けてゆきます。

自宅の鍵を持って出ずに外出してしまった時は、2階によじ登って窓から入ったこともありますが、さすがにそうはできません。

一度はその場で休むことを決意しましたが、再び内扉を開けようと立ち上がって、それからしばらく経った後のことです。階段から1人の女性が降りてきました。一度逃げられた人だと思います。

今度こそは怪しまれないように事情を説明しました。

「（Please help me. I want to enter, but can’t open this door. I’ve got a key trouble.）助けて下さい。入りたいんですが、このドアが開かないんです。鍵がおかしくて。」

(続きを読む…)