Downloaded 67 times
jQuery Mobile
- 1. jQuery Mobile 2012/06/12 第30回 HTML5とか勉強会 Toru Yoshikawa ( @yoshikawa_t )
- 2. Who? 吉川 徹/Toru Yoshikawa C.A.Mobile Web先端技術フェロー html5j.org/HTML5とか勉強会スタッフ Google API Expert (Chrome)/Chrome API Developers JP Sublime Text 2 Japan Users Group allWebクリエイター塾/jQuery Mobile担当講師（6/23開催） Twitter: @yoshikawa_t Blog: http://d.hatena.ne.jp/pikotea/
- 3. Agenda jQuery Mobileとは？ jQuery Mobileのメリットとデメリット Demo jQueryMobileのツールやプラグイン、関連プ ロジェクトの紹介 おわりに
- 4.
- 6.
- 7. Eclipse survey 2012report http://www.slideshare.net/IanSkerrett/eclipse-survey-2012-report-final
- 8.
- 9.
- 10. jQuery Mobileのメリット とても簡単 クロスブラウザ対応 活発な開発と情報の多さ
- 11. jQuery Mobileのデメリット 重厚長大なフレームワーク 凝ったデザインが難しい デバイスによっては遅い
- 12. jQuery Mobileの使いどころ モックやプロトタイプ、業務アプリなど、 とにかくサクっと作るには最適 オリジナルテーマやデザインを用意してお けば、大体のモバイルサイトに対応できる デザインにこだわりがあったり、ハイパ フォーマンスを求める場合はそれなりのコ ストがかかる
- 13. セキュリティ上の留意点 ページ遷移にデフォルトでajaxを自動的に利用している ので、同一ドメインで信頼できないリソースがある場合 はセキュリティに注意 http://d.hatena.ne.jp/pikotea/20120405/1333631161
- 14. <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initical-scale=1"> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/ jquery.mobile-1.1.0.min.css" /> <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script> <script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"></ script> <title>Demo</title> </head> Demo <body> <section data-role="page"> <header data-role="header"> <h1>ヘッダー</h1> </header> <article data-role="content"> コンテンツ </article> <footer data-role="footer"> <h4>フッター</h4> </footer> </section> </body> </html>
- 15. jQuery Mobileのツールやプラグイン、 関連プロジェクトの紹介
- 16. jQuery Mobile Gallery http://www.jqmgallery.com/
- 17. jQuery Mobile Gallery http://www.slideshare.net/mobile http://m.disneyworld.disney.go.com/
- 18. Combining Responsive WebDesign http://15vision.jp/mobile/
- 19.
- 20. Download Builder Tool 必要なパーツだけをビルドしてダウンロードする Coming Soon!
- 21. オンラインオーサリングツール codiqa http://www.codiqa.com/
- 22.
- 23. Third Party Plugin DateBox http://dev.jtsage.com/jQM-DateBox/
- 24.
- 25.
- 26. Thank you!! (@yoshikawa_t )
- 27. Resources そろそろjQuery Mobileでajaxを無効にしてるやつに一言いって おくか (http://d.hatena.ne.jp/pikotea/ 20120405/1333631161 ) jQuery Mobileではじめるモバイルサイト／アプリ制作 ( http://www.slideshare.net/yoshikawa_t/jquery- mobile-10578175 ) jQuery Mobile 最新情報 & Tips ( http:// www.slideshare.net/yoshikawa_t/jquery-mobile-tips )