きっかけは、いつもツイッターやWebサイトで有益且つ、タイムリーな情報を提供してくださるRanさんのこのエントリ。
ふむふむ。
なんとiPhoneを横にするとＰＣサイトが表示されるんです！。
なにー！！！
そりゃぁすごい。
発想素敵すぎ+.ﾟ(*´∀｀)ﾟ+.ﾟ
ということで、同じようなことができないかと考え．．．考えに考えを重ねたのですが、結局わからなかったので、数分後には諦めましたｗ
わからんもんはわからんし、実機も無いしね(^^;
そして、つい先日、加速度センサーについて、ググっていたら、「とあるエンジニアの日常」さんのサイトで、「iPhone Safariの固有仕様を調べてみる」というエントリを発見！
なんと、JavaScriptで、回転イベントが取得できるんだそうな！！
あ、これを使えば、目的の動作ができるんジャマイカ？ってことで、早速サンプルプログラムを作り、Ranさんにテスト依頼をお願いしたのです。(私、iPhone持っていないからね)
検証の結果、0度・90度・-90度の値が取得できたので、早速、Webサイト「超おむすび」さんに実装をしていただきました。
折角の機会なので、「GANGAN-METALLIC」でも、同様に実装することにしました。iPhone向けのサイト構築に当っては、「crema design」さんの「「iPhoneテンプレートfor MT」を公開いたします。」から、「iPhoneテンプレートfor MT」を利用させていただきました。
iPhoneで「GANGAN-METALLIC(http://gangan-metallic.jp/)」にアクセスをすると、自動的にiPhone向けサイトにリダイレクトされます。
iPhoneを90度傾けるとPC向けサイトへアクセスできます。
iPhone(+Safari)によるブラウズにつきましては、「『超おむすび』 iPhone 完全対応！。この感動を貴方にも。」をご欄ください。
p.s.1 PC向けサイトからiPhoneサイトへ戻る際(iPhoneを90度傾ける)は、常にトップページに飛びますので(手抜き)予めご了承ください(^^;
p.s.2 Ranさん、スクリーンショットを提供してくださり、ありがとうございました。
- タグ:
- iPhoneJavaScript
タグ関連記事:
- 2011年11月24日 iPhoneをフルラッピング♪
- 2011年11月23日 iPhoneのスクリーン保護に．．．
- 2011年11月23日 [SoftBank] iPhone 4S
- 2010年12月 7日 IS01とiPhoneを同時に充電♪
- 2010年7月29日 やっと出会えた！！ iPhone(とその周辺機器達)を便利に、よりスマートに運ぶためのバッグ♪
