jQuery mobile

出典: フリー百科事典『ウィキペディア（Wikipedia）』
移動: 案内、 検索

jQuery Mobile（ジェイクエリー モバイル）は、タッチ操作に最適化したウェブを開発するためのフレームワークで、jQueryプロジェクトチームによって開発された。JavaScriptライブラリ、モバイルフレームワークの一つとしても知られる。多様化が進むスマートフォン/タブレット市場における必要から、幅広い種類のスマートフォンやタブレット間で互換性をもつことを重視して作られている[1]。PhoneGapやWorklight[2]のような、他のモバイルアプリケーションフレームワーク/プラットフォームと組み合わせて使うことも可能である。

目次

概要 [編集]

スマートフォン（iPhone、Android、Windows Phoneなど）、タブレットPCが急速にシェアを拡大しつつあるのに合わせ、開発された。スマートフォン・パソコンブラウザなど幅広いブラウザ・OSに対応させるため当初はかなりバグが多かったが、徐々に解消しつつある。2011年11月18日に最終的な Ver．1.00 がリリースし、現在は 1.1.0 RC1 、今春 (2012年春)には 1.2.0 がリリースされる予定。

基本コード [編集]

//jQuery mobile 使用CSS
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0-rc.1/jquery.mobile-1.1.0-rc.1.min.css" />
 
//jQuery 1.7.1 JS
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
 
//jQuery mobile 使用JS
<script src="http://code.jquery.com/mobile/1.1.0-rc.1/jquery.mobile-1.1.0-rc.1.min.js"></script>

jQuery Mobile はあくまでもHTML5に組み込むコードであり、ページ全体が jquery Mobile では無い事。HTML5、CSS が分からない事には非常に困難である。

その場合は、ThemeRoller for jQuery Mobile を利用すれば、CSSが良く分からない場合でも自分のオリジナリティーを出した色合いに編集する事が出来る。

//ThemeRoller for jQuery Mobile で制作した オリジナル CSS
<link href="original.css" rel="stylesheet">
 
//ThemeRoller CSS
<link rel="stylesheet"  href="http://code.jquery.com/mobile/1.0.1/jquery.mobile.structure-1.0.1.min.css" />
 
//jQuery 1.7.1 JS
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
 
//jQuery mobile 使用JS
<script src="http://code.jquery.com/mobile/1.1.0-rc.1/jquery.mobile-1.1.0-rc.1.min.js"></script>

特徴 [編集]

  • jQuery Mobile という別プログラムでは無く、jQuery プログラムを同時に組み込んで使用する。
  • HTMLのバージョンはHTML4.01でなくHTML5、CSSはCSS3を対象として開発されている。
  • 幅広い OS・ブラウザに対応するよう制作されている。
  • スマートフォンの通信速度でも軽快に動くように開発されている。
  • HTML、CSSの知識があれば、高度なプログラミングが出来なくても簡単にスマートフォンサイトが作れる。
  • ThemeRoller for jQuery Mobile で作業を高速化する事が出来る。

リリース経歴と使用した jQuery バージョン [編集]

  • jQuery mobile 1.00 α1 : 2010年10月16日 (jQuery 1.4.3)
  • jQuery mobile 1.00 α2 : 2010年11月21日 (jQuery 1.4.4)
  • jQuery mobile 1.00 α3 : 2011年2月4日 (jQuery 1.5)
  • jQuery mobile 1.00 α4 : 2011年3月31日 (jQuery 1.5.1)
  • jQuery mobile 1.00 α4.1 : 2011年4月7日 (同)
  • jQuery mobile 1.00 β1 : 2011年6月20日 (jQuery 1.6.1)
  • jQuery mobile 1.00 β2 : 2011年8月3日 (jQuery 1.6.2)
  • jQuery mobile 1.00 β3 : 201年9月8日 (同)
  • jQuery mobile 1.00 RC1 : 2011年9月29日 (jQuery 1.6.4)
  • jQuery mobile 1.00 RC2 : 2011年10月19日 (同)
  • jQuery mobile 1.00 RC3 : 2011年11月13日 (同)
  • jQuery mobile 1.00 Final : 2011年11月16日 (同)
  • jQuery mobile 1.0.1 : 2012年1月26日 (同)
  • jQuery mobile 1.1.0 RC1 : 2012年2月28日 (jQuery 1.7.1)

対応ブラウザ・OS (jQuery Mobile サイト引用) [編集]

A-grade – Full enhanced experience with Ajax-based animated page transitions.
  • Apple iOS 3.2-5.0 - Tested on the original iPad (4.3 / 5.0), iPad 2 (4.3), original iPhone (3.1), iPhone 3 (3.2), 3GS (4.3), 4 (4.3 / 5.0), and 4S (5.0)
  • Android 2.1-2.3 – Tested on the HTC Incredible (2.2), original Droid (2.2), HTC Aria (2.1), Google Nexus S (2.3). Functional on 1.5 & 1.6 but performance may be sluggish, tested on Google G1 (1.5)
  • Android 3.1 (Honeycomb) – Tested on the Samsung Galaxy Tab 10.1 and Motorola XOOM
  • Android 4.0 (ICS) – Since it's very new, we don't have a test phone in our lab but early reports are positive. Note: transitions can be poor on upgraded devices
  • Windows Phone 7-7.5 – Tested on the HTC Surround (7.0) HTC Trophy (7.5), LG-E900 (7.5), Nokia Lumia 800
  • Blackberry 6.0 – Tested on the Torch 9800 and Style 9670
  • Blackberry 7 – Tested on BlackBerry® Torch 9810
  • Blackberry Playbook (1.0-2.0) – Tested on PlayBook
  • Palm WebOS (1.4-2.0) - Tested on the Palm Pixi (1.4), Pre (1.4), Pre 2 (2.0)
  • Palm WebOS 3.0 – Tested on HP TouchPad
  • Firebox Mobile (10 Beta) – Tested on Android 2.3 device
  • Skyfire 4.1 - Tested on Android 2.3 device
  • Opera Mobile 11.5 - Tested on Android 2.3
  • Meego 1.2 – Tested on Nokia 950 and N9
  • Samsung bada 2.0 – Tested on a Samsung Wave 3, Dolphin browser
  • UC Browser – Tested on Android 2.3 device
  • Kindle 3 and Fire - Tested on the built-in WebKit browser for each
  • Nook Color 1.4.1 – Tested on original Nook Color, not Nook Tablet
  • Chrome Desktop 11-17 - Tested on OS X 10.6.7 and Windows 7
  • Firefox Desktop 4-9 – Tested on OS X 10.6.7 and Windows 7
  • Internet Explorer 7-9 – Tested on Windows XP, Vista and 7
  • Opera Desktop 10-11 - Tested on OS X 10.6.7 and Windows 7
B-grade – Enhanced experience except without Ajax navigation features.
  • Blackberry 5.0 - Tested on the Storm 2 9550, Bold 9770
  • Opera Mini (5.0-6.5) - Tested on iOS 3.2/4.3 and Android 2.3
  • Nokia Symbian^3 - Tested on Nokia N8 (Symbian^3), C7 (Symbian^3), also works on N97 (Symbian^1)
C-grade – Basic, non-enhanced HTML experience that is still functional
  • Blackberry 4.x - Tested on the Curve 8330
  • Windows Mobile - Tested on the HTC Leo (WinMo 5.2)
  • All older smartphone platforms and featurephones – Any device that doesn't support media queries will receive the basic, C grade experience

脚注 [編集]

  1. ^ “Mobile Graded Browser Support”. 2013年2月閲覧。
  2. ^ http://www.worklight.com

関連項目 [編集]

外部リンク [編集]

執筆の途中です この項目は、ソフトウェアに関連した書きかけの項目です。この記事を加筆・訂正などしてくださる協力者を求めています（プロジェクト:コンピュータ/Portal:コンピュータ）。
「http://ja.wikipedia.org/w/index.php?title=JQuery_mobile&oldid=47578235」から取得