web2.0touchでiphoneのwebappやwebサイトをつくる

この記事は5年前に書かれました。不適当な記述を含む場合がありますので、参考程度に留めてください。

どうもこんにちは!
最近iphone系の制作がいくつかある中で色々と試行錯誤しています。

色々と調べていると最近は便利なものが出ていて助かります。

中でも

・JQtouch

・JQuery Mobile

・web2.0touch

はとってもいい動きをしてくれます。

私のお気に入りは三番目のweb20touchです。心なしかとても挙動が軽いような気がします。

導入方法は至ってシンプル

こちらからダウンロードしてサーバーにでも突っ込んでみてください!

具体的にできることは後で書くとして、まずはじめにこのweb2.0touchで困るのは…
なぜかiphoneフルスクリーンにならないこと…
アドレスバーが消えない…

少し悩んだ末bodyに高さをつけてみた。これで一応フルスクリーン(web App風)になる。
しかしアドレスバーを消すって如何なものかとも思ったり。

この記事書いときながら
デフォルトではアドレスバーが消えてて、スクロールすると表示される方法もあるのでそちらの方をお勧めしたい。
(※JQuery Mobileではデフォルトでその設定)

時間があったらweb2.0touchのjs書き換えてみようと思います。

ちなみに具体的にできることは以下の6つ!

・アニメーション

・リスト

・ボタン

・タブ/アプリ風下部メニュー

・メッセージや規約系の表示

・3種類のデザインテーマ