YONEDA.WAB.CC

自社サイトをiPhone対応しました。

↓下記URLに、iPhoneまたはiPod touchでアクセスして頂くと、いい感じで見てもらえます。
http://www.wab.cc/

↓イメージ

自社サイトの内容はwordpressで管理しているので、トップページのみiPhone用のものを作り、その他のコンテンツは、「iWPhone」というプラグインを入れて対応しました。

使い方はこちらの記事を参照させて頂きました。

ポートフォリオ部分の画像のスクロールは、いまいちスムーズじゃないので、今後の改善点にします。

とりあえずiPhone用のWebアプリを作りました。

↓iPhoneで見るとボールを投げれます。
http://yoneda.wab.cc/iphone/test01/

結局、iPhone用のWebアプリを作るには、One-Finger EventsとかTwo-Finger Eventsを使いこなせればokっぽい。
あとはPC用のJavaScriptと同じ感じでごちゃごちゃすると動く。

↓イベントの説明
http://developer.apple.com/safari/library/documentation/AppleApplications/Reference/SafariWebContent/HandlingEvents/chapter_7_section_1.html#//apple_ref/doc/uid/TP40006511-SW1

あとはブラウザのアドレスバーを消せれば終わりやけど、htmlに<meta name=”apple-mobile-web-app-capable” content=”yes” />を書いても消えん。。。

もうちょい調べよう。