西澤博のブログ

少しまとまったことを書こうとする場所です。自分用のメモもあります。

jQTouchで、iPhoneネイティブアプリっぽく見せるテスト

jQTouchという、jQueryプラグインを使うと、
「htmlを書くだけで、iPhoneネイティブアプリっぽく見える」
と知って、試してみた。今更だけど。

http://no.topaz.ne.jp/01jqtouch-demos/main/index-01.html
これをiPhoneで見ると、アニメーション動作する。
"flip"、"pop"、"swap"、"cube" の4つの動作をリンクしてみた。

上記URLをiPhoneで、「ホーム画面に追加」とすれば、まさに、
iPhoneネイティブアプリ」っぽく見える。
なんだか気持ちいい。

jQTouchは、CSS3を多用することで、「iPhoneネイティブアプリっぽく見える」動作を実現しているらしい。
Android携帯では、アニメ動作は見られなかった。おかしいなぁ・・。

    • -

●メモ
・アイコンをファイル名「apple-touch-icon.png」としてhtmlと同じディレクトリに置いた。
(↑faviconのようなもの)
jQuery: http://www.jqtouch.com/
・参考にした解説ページ:
http://openweb-labs.appspot.com/slides/jqtouch/presentation.html
(↑ブラウザがSafariじゃないと表示が崩れる。)
http://journal.mycom.co.jp/articles/2009/09/08/jqtouch/001.html