※ページが正常に表示されない場合
AddBlockなどの広告ブロックツールがONになっていると、ページの一部が表示されないことがあります。これらのツールをOFFにしてみてください。
jQuery Mobileによるスマートフォン用Webサイト作成入門
スマートフォンらしい画面デザインのWebサイトを一から作るのは大変……と考えている人。jQueryのプラグイン「jQuery Mobile」を使えば、初心者でも簡単にスマートフォン向けWebサイトが作れてしまうのです！ その使い方を基礎から説明していきましょう。（ver. 1.0.1対応）
百聞は一見に如かず。ともかく、jQuery Mobileを使ったWebページを作って、これがどんなものなのか体験しましょう！
最終更新： 2011年 05月 23日
jQuery Mobileに用意されている基本的なGUIの使い方を覚えていきましょう。ダイアログの表示、チェックボックスやラジオボタン、ポップアップメニューなどを実際に使っていきましょう
最終更新： 2011年 05月 25日
jQuery Mobileには、一般的なフォーム関係のGUI以外にもさまざまな部品が用意されています。更には、jQuery UIのGUI部品だって使えてしまうのです。これらを使って、よりリッチなGUIを作りましょう。
最終更新： 2011年 05月 30日
4. リストを使いこなそう
スマートフォンでは、多数の項目を一覧表示する「リスト」は、非常に重要なインターフェイスです。jQuery Mobileに用意されているリストの使いこなしについて説明しましょう
最終更新： 2011年 06月 06日
jQuery Mobileにはスマートフォンのためのイベントが用意されています。タップ、長押し、スワイプ、画面の回転、スクロール、ページの切り替え……。これらの操作に対応するイベントの使い方について説明しましょう。
最終更新： 2011年 06月 13日
jQueryのコンポーネントは多数のタグの組み合わせで構成されているため、単純なDOM操作だけでは操作できず、独特のテクニックが要求されます。ラジオボタン／チェックボックスのON/OFF操作、セレクトメニュー／リストの項目の動的生成、更にはAjaxを使ったJsonデータからのコンポーネント生成など、まとめて説明をしましょう。
最終更新： 2011年 06月 20日
jQuery Mobileのウィジェット類は、あらかじめ初期化処理を用意することでデフォルトとは違った形に生成させることができます。この初期化処理について説明しましょう。
最終更新： 2012年 02月 20日
8. プラグインを作ろう！
jQuery Mobileでは、プラグインを使って機能を拡張することができます。オリジナルのプラグインを作って更に強力な環境にしていきましょう。
最終更新： 2012年 03月 19日
(by. SYODA-Tuyano.)
※関連コンテンツ