PC | mobile ver.20170108.

 libro ~入門ドキュメント・サイト~

※「jQuery Mobileによるスマートフォン用Webサイト作成入門」に属する記事です。

記事のリスト



※「jQuery Mobileによるスマートフォン用Webサイト作成入門」グループ

スマートフォンらしい画面デザインのWebサイトを一から作るのは大変……と考えている人。jQueryのプラグイン「jQuery Mobile」を使えば、初心者でも簡単にスマートフォン向けWebサイトが作れてしまうのです! その使い方を基礎から説明していきましょう。(ver. 1.0.1対応)

1. jQuery Mobileを使ってみよう!

百聞は一見に如かず。ともかく、jQuery Mobileを使ったWebページを作って、これがどんなものなのか体験しましょう!
2011年 05月 23日

2. 基本的なGUIを使いこなそう

jQuery Mobileに用意されている基本的なGUIの使い方を覚えていきましょう。ダイアログの表示、チェックボックスやラジオボタン、ポップアップメニューなどを実際に使っていきましょう
2011年 05月 25日

3. より高度なGUI部品を使おう!

jQuery Mobileには、一般的なフォーム関係のGUI以外にもさまざまな部品が用意されています。更には、jQuery UIのGUI部品だって使えてしまうのです。これらを使って、よりリッチなGUIを作りましょう。
2011年 05月 30日

4. リストを使いこなそう

スマートフォンでは、多数の項目を一覧表示する「リスト」は、非常に重要なインターフェイスです。jQuery Mobileに用意されているリストの使いこなしについて説明しましょう
2011年 06月 06日

5. jQuery Mobileのイベント処理

jQuery Mobileにはスマートフォンのためのイベントが用意されています。タップ、長押し、スワイプ、画面の回転、スクロール、ページの切り替え……。これらの操作に対応するイベントの使い方について説明しましょう。
2011年 06月 13日

6. コンポーネントをダイナミックに操作する

jQueryのコンポーネントは多数のタグの組み合わせで構成されているため、単純なDOM操作だけでは操作できず、独特のテクニックが要求されます。ラジオボタン/チェックボックスのON/OFF操作、セレクトメニュー/リストの項目の動的生成、更にはAjaxを使ったJsonデータからのコンポーネント生成など、まとめて説明をしましょう。
2011年 06月 20日

7. jQuery Mobileの初期化処理

jQuery Mobileのウィジェット類は、あらかじめ初期化処理を用意することでデフォルトとは違った形に生成させることができます。この初期化処理について説明しましょう。
2012年 02月 20日

8. プラグインを作ろう!

jQuery Mobileでは、プラグインを使って機能を拡張することができます。オリジナルのプラグインを作って更に強力な環境にしていきましょう。
2012年 03月 19日

(by. 掌田津耶乃.)

※関連コンテンツ