jQuery Mobileスマートフォンサイト制作 入門コース

概 要

スマートフォンサイトをjQuery Mobileで制作するためのノウハウを解説したWebデザインガイドブックです。インターネットデバイスとして、スマートフォンやタブレットの重要性が増し、サイト制作時には、スマートフォンやタブレットなどによるアクセスまで考えなければならない時代となりました。そこで本書ではスマートフォン対応サイトを構築するための専用ライブラリとして評価の高い「jQuery Mobile」を紹介。jQuery Mobileの基本的な使い方から、内部の仕組みを理解して使いこなすまであらゆる知識とテクニックを一冊にまとめて解説しました。基本的な記述方法から、スクリプトによるウィジェットへのアクセス、プラグインの活用、独自プラグインの作成まで網羅しています。

著者 掌田津耶乃
価格 本体2900円(税別)
ISBN 978-4-7980-3313-6
発売日 2012/3/28
判型 B5変
色数 2色
ページ数 408
CD/DVD
対象読者 初級
シリーズ
表紙イメージ
購入 アマゾンで購入する
楽天で購入する

※リンク先によっては、販売ページが用意されていないことがあります。あらかじめご了承ください。

新しいウィンドウで開く 書籍購入のご案内

サポート

サポート情報は以下からご参照下さい。

サポート情報へのリンク

目次

Chapter_01 jQuery Mobileの基本をマスターする

01_01 jQuery Mobileとは?

Webページの限界とライブラリの登場

jQueryライブラリの登場

jQuery Mobileの登場

jQuery Mobileの特徴

jQueryの入手

jQuery Mobileの入手

jQuery Mobileのファイル構成

Webサーバーについて―Windows

Webサーバーについて―Mac OS X

学習を始める前に

01_02 jQuery Mobileを使ってみよう

jQuery Mobileの組み込み

HTMLファイルにjQuery Mobileを組み込む

jQuery Mobile読み込みのタグ

<meta name="viewport">タグについて

CDNによる利用

Chapter_02 基本GUIをマスターしよう

02_01 ページの構造を理解しよう

ページを作ろう

jQuery Mobileページを作成する

ページのフォーマットを理解する

2つのページを切り替え表示する

リンクをボタンとして表示する

data-roleの働き

data-relによる「戻る」ボタン

02_02 基本GUIを使いこなす

ボタンを使ったページ移動

ボタンによるページ移動の仕組み

changePageのオプションについて

視覚効果について

ダイアログを表示しよう

テキストを入力する

jQueryオブジェクトによるDOMの操作

フィールドコンテナについて

jQuery Mobileの外観を使わない

02_03 主なGUIを使いこなそう

チェックボックスについて

ラジオボタンについて

チェックボックスをグループ化する

チェックボックス/ラジオボタンの選択状態

Chapter_03 より複雑なGUIの利用

03_01 <select>によるメニュー

セレクトメニューについて

セレクトメニューの選択項目を利用する

複数項目の選択

プレースホルダについて

メニュー項目のグループ分け

03_02 フリップスイッチとスライダー

フリップスイッチについて

スライダーについて

03_03 リストビューを活用する

リストを表示する

インセットリストについて

リストを使った簡易電子ブック

階層化リストについて

リストのグループ分け

項目のフィルター処理について

番号付きリストについて

リスト項目にサブ項目数を表示する

入力フォームのリスト

03_04 コンテナとコンテンツ

開閉式コンテンツ

アコーディオン式コンテンツ

グリッドによるカラム分割

Chapter_04 ウィジェットを使いこなそう

04_01 ボタンの属性

コーナーの丸み

インライン表示について

ボタンの表示アイコンについて

アイコンだけのボタン

表示されるアイコンの位置

ボタンとアイコンの影について

グループ化と利用できない属性

04_02 HTML5の拡張機能

プレースホルダについて

各種の入力フィールド

04_03 ページ関連の属性

ページをダイアログとして開く

別ページへの移動

非Ajaxによるページ移動

ヘッダー/フッターのボタン表示

ヘッダー/フッターの表示の固定

「戻る」ボタンの表示について

04_04 テーマを活用する

テーマを設定しよう

標準テーマとスウォッチ

スウォッチの混在

クラスで指定する

テーマローラーについて

テーマを作成する

作成したテーマを組み込む

Webページでテーマを使う

Chapter_05 JavaScriptからのウィジェット利用(1)

05_01 チェックボックスとラジオボタンの操作

jQuery MobileとJavaScript

チェックボックスのイネーブル状態

チェックボックスのチェック状態

チェックボックスのテキストを変更する

ラジオボタンのイネーブル状態を操作する

ラジオボタンの選択状態を操作する

ラジオボタンのテキストを操作する

05_02 プッシュボタンの操作

プッシュボタンのイネーブル状態とbuttonメソッド

buttonMarkupによるリンクのボタン化

buttonMarkupの属性指定

ボタンの表示テキストを操作する

<input type="button">の外観構造

05_03 スライダー、入力フィールド

スライダーの値を操作するsliderメソッド

ノブに現在の値を表示する

入力フィールドのメソッド

Chapter_06 JavaScriptからのウィジェット利用(2)

06_01 セレクトメニューとリスト

セレクトメニューの基本メソッドselectmenu

メニューの選択を操作する

メニュー項目を追加する

リストビューを操作するlistviewメソッド

リストビューのクラスを操作する

06_02 ウィジェットの生成

リンクボタンを生成する

<input type="button">ボタンを生成する

チェックボックス/ラジオボタンを生成する

入力フィールドの生成

セレクトメニューを生成する

スライダーを生成する<input type="range">

フリップスイッチを生成する

リストビューを生成する

開閉式コンテンツの作成

アコーディオン式コンテンツの生成

ページをダイナミックに生成する

Chapter_07 初期化とイベント処理

07_01 jQuery Mobileの初期化処理

jQuery Mobileの初期化処理について

初期化処理の実際

ページ初期化の3つのイベント

リンクを自動的にボタン化する

<input type="button">によるボタンの初期化

入力フィールドのテーマを変更する

チェックボックス/ラジオボタンの初期化

フリップスイッチの初期化

セレクトメニューの初期化

07_02 その他のイベント

ページ遷移のイベント

ページ遷移イベントを利用する

イベント利用のポイント

ページ切り替えイベントについて

delegateによるイベント組み込み

07_03 ユーザー操作のイベント

スクロールに関するイベント

画面回転時のイベント処理について

タップ関連イベントについて

スワイプでページを移動する

仮想マウスイベントについて

仮想マウスイベントを使う

Chapter_08 テーマ・クラスとjQuery Mobileオブジェクトの操作

08_01 クラスによる表示スタイルの操作

テーマを操作する

ページを構成する要素のテーマ変更

ページのスタイルシートを上書きする

ウィジェット類のスタイル

視覚効果のカスタマイズ

08_02 $.mobileオブジェクトの役割

$.mobileオブジェクトについて

PCにおける回転イベントについて

mobileinitイベントについて

ダイアログ表示の視覚効果

jQuery Mobileオブジェクトとprototypeプロパティ

jQuery MobileのウィジェットをOFFにする

バックボタンの初期設定

ページのテーマを設定する

ボタンの初期状態を変更する$.mobile.buttonプロパティ

チェックボックスとラジオボタンの初期テーマ設定

入力フィールドの初期テーマ設定

スライダーの初期設定

セレクトメニュー

リストビューの初期設定

リストビューのフィルター設定を行うfilterCallback

Chapter_09 jQuery機能の利用

09_01 視覚効果とアニメーション

jQueryの機能を活用しよう!

jQueryの視覚効果

ポップアップして現れるメッセージ

視覚効果後のコールバック

その他の視覚効果

fadeToによる透過度操作の基本

イメージの選択処理

アニメーション効果

09_02 Ajaxによるデータ通信

loadメソッドによるテキストの読み込み

データ受信の基本は「load」メソッド

コールバックとローディングメッセージ表示

GET/POSTによるアクセス

ajaxメソッドについて

構造化されたデータをAjaxで送受する

XMLデータを利用する

XMLデータの受信と利用

XML処理の流れを整理する

JSONデータの利用

JSONデータ利用の基本

JSONを使った簡易データベース

JSONデータ利用の流れ

Chapter_10 プラグインによるjQuery Mobileの拡張

10_01 Pagination

Paginationプラグインについて

Paginationの利用手順

Paginationの使い方

3つのページを順に移動する

ダイナミックにウィジェットを生成する

10_02 Bartender

Bartenderについて

Bartenderの利用

ツールバーのタグ構成について

ツールバー利用の実際

カウント数表示について

カウント数をスクリプトで操作する

10_03 Mobiscroll

Mobiscrollについて

Mobiscrollの利用

scrollerメソッドを利用する

ダイアログの表示に関する諸設定

日付のフォーマットを設定する

scrollerのイベントを利用する

10_04 プラグインの作成

jQueryプラグインの仕組み

jQuery Mobileウィジェットの基本形

MapViewウィジェットを作る

MapViewウィジェットを利用する

PR

秀和システム