JQuery MobileとJSONを使ってモバイルアプリケーションを作る

作者 Jean-Jacques Dubray , 翻訳者 編集部Ｎ 投稿日 2011年3月13日

セクション

エンタープライズ・アーキテクチャ,

設計/アーキテクチャ,

デベロップメント

トピック

jquery ,

JavaScript ,

JSON ,

動的言語 ,

Markup Languages ,

SOA ,

言語 ,

AJAX ,

Architecture ,

RIA ,

エンタープライズアーキテクチャ ,

プログラミング ,

モバイル ,

PHP

共有 |

原文(投稿日：2011/03/08)へのリンク

モバイル　アプリケーション開発が急速に、ほとんどの組織の主要な焦点になってきており、彼らは、既存の製品やアプリケーションにモバイルの存在感、あるいは、「接触点」を加えようとしている。すべてがそうでなくとも、大抵のモバイル　アプリケーション開発フレームワークは、既存の「デスクトップ」開発プラットフォームから、あるいは、プラットフォームへ適応させようとしている。webベースのフレームワークにおいても違いは、ない。jQueryは、現在モバイルwebアプリケーションを作成するのに適応中である（先月、JQuery Mobile Alpha 3 がリリースされた）。

モバイル世界の主要問題の１つは、デバイス固有の特性へのサポートを超えて、大きさであるとAaron Quint氏が説明する。

jQueryは、圧縮しても 40-50 Kぐらいで、もうちょっと大きかったかもしれない、プラスもし jQuery UIとアニメーションが欲しいなら、もう 100 Kぐらい増える。モバイルにとっては、それほどではないが。

JQM Alpha 3は今や17kまで小さくなった。これに対応するCSS分増える。

Enrique Ortiz氏は、JQMの他の利点を挙げている。

• 全般的な単純さ：最小限のJavaScript、あるいは全く無しで、主にマークアップを使ってページを開発できる。
• 漸進的な改善と優雅な縮小：jQuery Mobileの哲学は、ハイエンドと非力なデバイスの両方をサポートすることで、JavaScript無しでもそうですし、それでも、最高に可能なエクスペリエンスを提供する。
• アクセスビリティ：jQueryは、Accessible Rich Internet Applications (WAI-ARIA)をサポートしているので、支援技術を使って、webページが障害者にとってアクセスしやすくしている。
• 小さなサイズ
• テーマにあわせた構成

JQMをインストールするのは、１つのスタイルシートと３つのJavaScriptファイルを加えるだけの簡単なものである。

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a1 /jquery.mobile-1.0a1.min.css" />
<script src="http://code.jquery.com/jquery-1.4.3.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.js"> </script>
<script src="http://jquery.ibm.navitend.com/utils.js"></script>

更に、Frank氏の説明によると、モバイル世界における、JQMの主要な利益の１つは、AJAXを使ってユーザー　インターフェースを滑らかにする機能である。

JQMは、ページ　リクエストを捕らえることによって、AJAXを次のレベルに押し上げており、大抵の場合これらのリクエストを特別なAJAXコールに変換している。結局のところは、JQMで作られているwebアプリケーションのページをナビゲートすると、各ページが順番に置き換わるのではなく、そのページのDOMが操作されるのである。

これは、HTML5のdata-*特性を使って実現されている。HTML5では、data-のプレフィックスのある特性は、本質的に検証パーサーによって無視され、アプリケーションがこれらの特性を任意に解釈できる。JQMは、data-role特性を元に、そのコア機能を順番に繋げていく。

JQMアプリケーションがページから次のページに切り替える際にやっていることは、divのコンテンツを新しいページのコンテンツのためにスワップアウトしているのです。

data-rel特性は、新しいウインドーが現れるときに、どのような見せるかをリクエストするのに使われる。 data-transition特性は、JQMにトランジションを実行するように告げる。 data-filter特性は、キーワードの入力を基にフィルターされた値のリストを表示できる list data-roleの動作を特定するために使う。氏は、またアプリケーション特有の特性を実装するのに、カスタムなdata-*特性をどのように作成するかを説明している。

JQMは、今年の上半期に出荷の予定である。氏は次のように結論づけている。

時間とともに、PhoneGapのようなフレームワークに組み込まれていくでしょう。そしておそらく、代替の開発環境、例えば AppceleratorのTitaniumにさえも統合されることになるでしょう。

あなたはwebベースのモバイルアプリケーションに将来性があると思うか？　単にフレームワークと開発の単純さの問題だけなのか？あるいはモバイルアプリケーションは、（ユーザーがお好みのクライアントを持ち込み、そして最高級のユーザーエクスペリエンスとセキュリティを期待するように） 充分特別なので、webベースのアプリケーションは、この新しいプラットフォーム上でも、わずかながら残るだろうか？