iPhone向け最適化Webサイトを構築する その2:jQuery iPhone UI
iPhone向け最適化Webサイトを構築するjQueryライブラリ「jQuery iPhone UI」
という記事を見つけたので、早速動作確認してみた。
まずは公式サイトからダウンロード。
http://code.google.com/p/jquery-iphone-ui/
記事執筆時は、バージョン 0.1.016。
解凍してできたiphoneディレクトリをapache document rootに
移動すれば、ページを確認できる。
# http://localhost/iphone/ など。
実際にiPhoneでUIを確認すると以下のようなページになる。
![jquery iphone1](http://farm5.static.flickr.com/4042/4671155280_e3879f52f1_o.jpg)
アイコンセットもついているので、自分で準備する必要がない。
さらに、PCからサンプルページを確認すると、
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8WRu56Wb5AEIXo0VRXhmNS6s4Ww20wOXpYQKYMMriJniV3JpNROgdf5L_ALXUmHaBxcIOaS1GLg2H3HEg1KwbYgb8rqk6hOVYfa4IcBN9NUfUOfbhYi4KZ09eL5UHjymd4O2KyFQHzvnm/s320/jquery_iphone.png)
と、iPhoneの見た目で表示してくれた。タップやスクロールも
マウスで同様に操作できる。これはいい!
その他気になったことは以下。
これからコードを読んで機能比較してみようと思う。
という記事を見つけたので、早速動作確認してみた。
まずは公式サイトからダウンロード。
http://code.google.com/p/jquery-iphone-ui/
記事執筆時は、バージョン 0.1.016。
解凍してできたiphoneディレクトリをapache document rootに
移動すれば、ページを確認できる。
# http://localhost/iphone/ など。
実際にiPhoneでUIを確認すると以下のようなページになる。
![jquery iphone1](http://farm5.static.flickr.com/4042/4671155280_e3879f52f1_o.jpg)
アイコンセットもついているので、自分で準備する必要がない。
![jquery iphone2](http://farm5.static.flickr.com/4002/4671155428_93bd746108_o.jpg)
さらに、PCからサンプルページを確認すると、
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8WRu56Wb5AEIXo0VRXhmNS6s4Ww20wOXpYQKYMMriJniV3JpNROgdf5L_ALXUmHaBxcIOaS1GLg2H3HEg1KwbYgb8rqk6hOVYfa4IcBN9NUfUOfbhYi4KZ09eL5UHjymd4O2KyFQHzvnm/s320/jquery_iphone.png)
と、iPhoneの見た目で表示してくれた。タップやスクロールも
マウスで同様に操作できる。これはいい!
その他気になったことは以下。
- jsを読み込みまくってるので、実機だとややもっさり
- サンプルページが機能もりもりだからかも
- サンプルページはjquery本体をGoogle CDNから取得してなかったので、改善の余地はある?
- iUIよりも、HTMLに特別な属性を付与しないでもよさそう
- よけいな文法を覚える必要はなくなる?
これからコードを読んで機能比較してみようと思う。