jQuery Mobile勉強会に参加してきた

• 場所
  • 2012/07/19 at リクルートGINZA8ビル
• 講演者
  • 吉川 徹氏

詳細：jQuery Mobileの最新情報&Tips勉強会 : ATND
資料：jQuery Mobile 1.2 最新情報 & Tips

遅くなりましたが、勉強会で聞いてきた内容の簡単なメモです。
あとは実際に各機能なりを試してみて、別記事にしたいなというところ。

　jQuery Mobile1.1.1について

　jQuery Mobile Download Builder

403 Forbidden
jQuery Mobileを使っていても、必ずしも全機能を使っているわけではない。
これを使えば、必要な物だけを詰め込んだものを用意できる。
さらに、依存性のあるものは自動的にチェックしてくれる。

• 最小構成　minify：18KB(gzip圧縮：7KB)

だいぶ小さくなりますね。

　jQuery Mobile1.2について

1.2がそろそろ出るはずという話だったけど、今のところ(7/28)出ていない。
いつリリースされるんだろう。

　Popup

画面に浮いて表示されるUI。
「data-overlay-theme」を指定するとポップアップの外側のテーマまで設定できる。
このポップアップの外側のテーマまで設定できるのは嬉しい。

ダイアログの表示(data-rel=”dialog”)は現時点でも出来ますが、このPopupのほうが見た目的にも良いですね。

　Collasiableのアイコンを指定できる

何気にこれは嬉しい。
今まで、デフォルトのアイコンが嫌だったので自作したりしていたのだけど、それが必要なくなりそう。

　Deprecated

色々とDeprecatedになっています。
私に関係しそうなのは、以下ぐらい。

• mobile.loadingMessage

　今後予定されている機能

　Fetch Links

ajaxで外部データを取得して表示が簡単にできる機能。
詳細については以下。
jQuery Mobile 1.2の新機能「Fetch Links」を先取りする – へっぽこプログラマーの日記

試してみたい機能の1つ。

　jQuery Mobileの開発に役立つ情報

　github

jquery/jquery-mobile · GitHub
Branchesを見て新機能を知ったり、Commitsで変更点を追ったり。

　latest build & test docs

jQuery Mobile
最新がここで見れたり。

　その他

古いdata-themeはThemeRollerでアップグレードできる。
※importから読み込む形

これは知らなかったので試してみたものの、デフォルトのやつから色々書き換えたりしているとNGの模様。

　感想

最新版のjQuery Mobileの紹介という感じの勉強会。
バージョンが上がるほど機能が増えてきていて、重くなったらやだぁと思っていた時に1.1.1で「Download Builder」の導入は嬉しい。
※ただ、私は色々な機能使ってしまっているからどこまで削れるかが微妙な気もするけど。

jQuery Mobileを利用しているサイトも増えてきていると思うけど、いかにjQuery Mobileを使ってjQuery Mobileっぽくないサイトを作るか。
それが結構、大事なのかもしれない。
※吉川さんもいっていたけれど。