+RECOMMEND
+RECOMMEND
+Ad
+OTHERS

無料ブログ作成サービス JUGEM

paperboy&co.
RSS 1.0
ATOM  0.3
<< April 2018 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 >>
<< HTML5の実力。ブラウザで書道できる「The Shodo」 | main | 地域別Webギャラリーサイト >>
jQuery Mobile 1.0α 公開


以前のエントリー「スマートフォンに対応できる jQuery mobile」で紹介したjQueryMobile。
ついにα版がリリースされました。
実際にiPhoneで閲覧してみた感想も書いてみます。


jQuery Community Experts
オライリージャパン
¥ 3,780
(2010-08-18)

■jQuery Mobileの公式サイトはこちら
http://jquerymobile.com/

α版のデモサイトはこちらです。
http://jquerymobile.com/demos/1.0a1/




デモサイトで見ることができる機能はこんな感じです。

  • テーマとレイアウト
  • HeaderとFooterのツールバー
  • ボタン
  • フォーム制御
  • ダイアログ
  • リスト制御

    などなど


■テーマとレイアウト
テーマはページ下部の「Switch theme」ボタンで選択できます。
レイアウトは2カラム、3カラムの例やアコーディオンなどがデモで見ることができます。


■ダイアログ

「削除しますか?」のアラートダイアログや送信確認などに使用できそうです。



■HeaderとFooterのツールバー

一部HeaderとFooterの画像です。

「New」や「Cancel」ボタンを追加できるほか、Footer部分には「left」「rifht」「up」「down」をはじめいろいろなボタンの追加が行えます。
ちなみにボタンの文字は、テキスト表記なので、任意の文字に書き換え可能なので、「up」で使われているボタンを使って「Page Top」ボタンに使用するなどできます。



■ボタン

一部ボタンの画像です。

アイコン付のボタンや、複数のボタンをグループ化できる機能などがあります。



■フォーム制御

フォームの一部画像です。

フォームはサーチフィールドやテキストフィールド、スライダーやフリップスイッチ、ラジオボタンなどひととおりの要素がそろっています。


■リスト制御


リストも充実しており、サーチ機能付のリストやアイコン付のリスト。
またクリックカウント機能がついたリストなどかなり多くのバリエーションが用意されています。

そのほか、jQueryAPIも用意されています。

基本的にはjQuery本体のjsファイルと、cssファイルを読みこみ、特定の記述を加えるだけで実装できるようです。



手持ちのiPhone(iOS4.0)で見たところほぼ問題なく閲覧できました。
一部「Toolbars」の[Fixed positioning]や[Fullscreen positioning]がデフォルトブラウザのsafariでうまく表示されないようです。
まあ、α版なので。そのほかはすばらしいレベルだと思いました。
現時点での対応キャリアとブラウザはこちらから参照できます。
http://jquerymobile.com/gbs/

ちなみにPCでの閲覧はChromeが一番快適に見れていたように思います。(mobile向けのライブラリなのでこの比較にあまり意味は無いでしょうが・・。)


αのデモサイトはこちらから。
http://jquerymobile.com/demos/1.0a1/



| スクリプト/プログラム | 00:03 | comments(0) | trackbacks(0) | - | - |はてなブックマーク - jQuery Mobile 1.0α 公開 | このエントリーをはてなブックマークに追加









http://blog.tug.lomo.jp/trackback/990220