BT

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

| 作者: Jean-Jacques Dubray フォローする 3 人のフォロワー , 翻訳者 編集部N フォローする 0 人のフォロワー 投稿日 2011年3月13日. 推定読書時間: 4 分 |

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

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

モバイル世界の主要問題の1つは、デバイス固有の特性へのサポートを超えて、大きさであると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をインストールするのは、1つのスタイルシートと3つの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の主要な利益の1つは、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ベースのアプリケーションは、この新しいプラットフォーム上でも、わずかながら残るだろうか?

この記事に星をつける

おすすめ度
スタイル

こんにちは

コメントするには InfoQアカウントの登録 または が必要です。InfoQ に登録するとさまざまなことができます。

アカウント登録をしてInfoQをお楽しみください。

あなたの意見をお聞かせください。

HTML: a,b,br,blockquote,i,li,pre,u,ul,p

このスレッドのメッセージについてEmailでリプライする
コミュニティコメント

HTML: a,b,br,blockquote,i,li,pre,u,ul,p

このスレッドのメッセージについてEmailでリプライする

HTML: a,b,br,blockquote,i,li,pre,u,ul,p

このスレッドのメッセージについてEmailでリプライする

ディスカッション

InfoQにログインし新機能を利用する


パスワードを忘れた方はこちらへ

Follow

お気に入りのトピックや著者をフォローする

業界やサイト内で一番重要な見出しを閲覧する

Like

より多いシグナル、より少ないノイズ

お気に入りのトピックと著者を選択して自分のフィードを作る

Notifications

最新情報をすぐ手に入れるようにしよう

通知設定をして、お気に入りコンテンツを見逃さないようにしよう!

BT