モバイルWebアプリ開発用のJavaScriptライブラリjQuery Mobileの解説書。jQuery Mobileの仕組みと使い方をチュートリアル形式で解説します。jQuery Mobileはスマートフォンやタブレット型PC向けのタッチアプリに最適化されたWebフレームワークです。jQuery Mobileを使えば、さまざまなデバイスで共通の表示と振る舞いをするモバイルWebアプリを簡単に開発できます。本書ではHTML5/CSS3/JavaScriptのコード例と画面例を使ってjQuery Mobileの使い方をステップバイステップで解説します。日本語版ではjQuery Mobileを使う上で知っておくと役に立つTIPSとjQueryの基本構文について加筆しました。jQuery Mobile 1.0対応。
付録Bのコード
● 「ボタン、コンテンツ、リストビューのサンプル」
jQuery Mobile
Jon Reid 著、渡邉 真人、白石 俊平 監訳、牧野 聡 訳
- TOPICS
- Programming , Web , HTML/CSS , JavaScript
- 発行年月日
- 2011年12月
- PRINT LENGTH
- 192
- ISBN
- 978-4-87311-526-9
- 原書
- jQuery Mobile
- FORMAT
関連ファイル
目次
目次 監訳者まえがき まえがき 1章 jQuery Mobileをはじめよう 1.1 jQuery Mobileライブラリの概要 1.2 jQuery Mobileの仕組み 1.3 はじめての jQuery Mobileアプリケーション 1.3.1 内部での処理:カスタムセレクタjqmData() 2章 アプリケーションの構造とナビゲーション 2.1 ページ 2.1.1 内部ページ 2.1.2 外部ページ 2.1.3 内部での処理:ページの初期化 2.1.4 ページの表示と非表示化のイベント 2.2 ダイアログ 2.3 ナビゲーションと履歴 2.4 遷移 2.4.1 内部での処理: jQuery Mobileアプリケーションでのアニメーション 3章 ページの要素 3.1 内部での処理: jQueryプラグインとウィジェット 3.2 リストビュー 3.2.1 基本的なリストビュー 3.2.2 高度なリストビュー 3.2.3 内部での処理:リストビューの更新 3.3 ツールバー 3.3.1 ナビゲーションバー 3.3.2 ヘッダーとフッターの位置 3.4 ボタン 3.4.1 ボタンのコントロールグループ 3.4.2 ボタンのアイコン 3.5 フォーム要素 3.5.1 JavaScriptによるフォーム要素へのアクセス 3.5.2 チェックボックスとラジオボタン 3.5.3 フリップトグル 3.5.4 入力フィールドとテキストエリア 3.5.5 検索フィールド 3.5.6 選択メニュー 3.5.7 スライダー 3.6 レイアウトグリッド 4章 テーマの切り替え 4.1 テーマとスウォッチ 4.1.1 内部での処理:スウォッチのカスタマイズ 4.1.2 リストビューへのテーマの適用 5章 jQuery MobileのAPI 5.1 jQuery Mobileのメソッド 5.1.1 changePage 5.1.2 showPageLoadingMsgとhidePageLoadingMsg 5.1.3 silentScroll 5.1.4 addResolutionBreakpoints 5.2 イベント 5.2.1 タッチイベント 5.2.2 初期化イベント 5.2.3 ページの表示と非表示化のイベント 5.2.4 スクロールイベント 5.2.5 画面方向の変化のイベント 5.3 応答的なレイアウトAPI 5.3.1 CSSセレクタ 5.4 jQuery Mobileの設定 5.4.1 利用可能なオプション 5.4.2 mobileinitイベントでのオプションの変更 5.4.3 内部での処理: data-で始まる属性の名前空間 6章 jQuery Mobileアプリケーションの実際 6.1 ページ構成 6.2 アプリケーションの初期化 6.2.1 initMainPageメソッド 6.2.2 initSettingsメソッド 6.2.3 initDetailPageメソッド 6.2.4 エラーダイアログ 6.3 jqmTweet、テイク1 6.4 インタフェースの改良 6.4.1 CSSの修正 6.4.2 インタラクションの修正 6.5 jQuery Mobileアプリケーション開発のアプローチ 付録A 知っておくと役に立つTIPSとjQueryの基礎知識 A.1 知っておくと役に立つTIPS A.1.1 jQuery MobileでGoogle Maps JavaScript API V3を利用する方法 A.1.2 jQuery MobileでのGoogle Analytics導入方法 A.1.3 jQuery MobileサイトでAjaxを使用した画面遷移を無効にする方法 A.2 jQueryの基礎 A.2.1 jQueryの導入方法 A.2.2 jQueryの基本的な記述方法 A.2.3 jQueryの基本構文 A.2.4 セレクタの基本 A.2.5 イベント設定の基本 A.2.6 DOM操作メソッド A.2.7 Ajaxメソッド A.2.8 自作プラグインの記述パターン A.2.9 他のプラグインとの衝突を回避するための記述パターン A.2.10 Google Libraries APIの利用 付録B リファレンス B.1 ボタン B.1.1 ボタンの基本 B.1.2 ボタンのアイコン B.1.3 インラインのボタン B.1.4 グループ化されたボタン B.1.5 ボタンへのテーマ設定 B.2 コンテンツの書式設定 B.2.1 HTMLによる基本的な書式設定 B.2.2 レイアウトグリッド(複数の列) B.2.3 折りたたみ可能なコンテンツのブロック B.2.4 アコーディオン(折りたたみ可能なコンテンツの集合) B.2.5 コンテンツ領域へのテーマ設定 B.3 リスト B.3.1 リンク付きの基本的なリスト B.3.2 入れ子のリスト B.3.3 番号付きのリスト B.3.4 読み取り専用リスト B.3.5 分割されたボタンのリスト B.3.6 リストの区切り B.3.7 検索フィルタ B.3.8 文字列の書式設定とカウント表示 B.3.9 サムネイルとアイコン B.3.10 埋め込みのリスト B.3.11 リストの更新 索引