"GANGAN-METALLIC" iPhone対応化のお知らせ

最近はみんカラのコンテンツ移行ばかりで、目新しいエントリが無い「GANGAN-METALLIC」ですが、先日、iPhone対応化を図りました。

きっかけは、いつもツイッターや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向けサイト

iPhoneを90度傾けるとPC向けサイトへアクセスできます。

PC向けサイト

iPhone(+Safari)によるブラウズにつきましては、「『超おむすび』 iPhone 完全対応！。この感動を貴方にも。」をご欄ください。

p.s.1 PC向けサイトからiPhoneサイトへ戻る際(iPhoneを90度傾ける)は、常にトップページに飛びますので(手抜き)予めご了承ください(^^;

p.s.2 Ranさん、スクリーンショットを提供してくださり、ありがとうございました。

タグ関連記事:

コメントをありがとう！！