jQuery Mobile

[cover photo]
TOPICS
Programming , Web , HTML/CSS , JavaScript
発行年月日
PRINT LENGTH
192
ISBN
978-4-87311-526-9
原書
jQuery Mobile
FORMAT
PDF

モバイル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のコード
「ボタン、コンテンツ、リストビューのサンプル」

関連ファイル

目次

目次
監訳者まえがき
まえがき
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 リストの更新
索引