きっかけは、いつもツイッターやWebサイトで有益且つ、タイムリーな情報を提供してくださるRanさんのこのエントリ。
ふむふむ。
なんとiPhoneを横にするとPCサイトが表示されるんです!。
なにー!!!
そりゃぁすごい。
発想素敵すぎ+.゚(*´∀`)゚+.゚
ということで、同じようなことができないかと考え...考えに考えを重ねたのですが、結局わからなかったので、数分後には諦めましたw
わからんもんはわからんし、実機も無いしね(^^;
そして、つい先日、加速度センサーについて、ググっていたら、「とあるエンジニアの日常」さんのサイトで、「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さん、スクリーンショットを提供してくださり、ありがとうございました。
タグ関連記事:
- 2010年6月 8日 【訂正】iPhone対応化(手順)について
- 2010年4月16日 Boxcar
- 2010年4月12日 iPhoneを車載してみた
- 2010年4月 8日 オートパノラマー - Video Panorama
- 2010年3月29日 シェルケースを使ってみたのだけど...


自分も自分のブログiPhone用に表示するように四苦八苦してるんですが、
これはすごいですね!
オレもやり方が分かったらやりたい(笑)
2010年3月13日 21:08
はじめまして。
コメントをくださいまして、ありがとうございます。
iPhoneを傾けて切り替えるという発想は私にはありませんでした。。
そもそもiPhoneを持っていないので、思いつくはずはないのですが(汗
このアイデアを考えた人には脱帽です(^^;
本日のエントリーに簡単(非常に)ですが、作業手順を載せてみましたので、よろしければ参考になさってみてください!!
2010年3月13日 23:19