書籍概要

本格入門

jQuery Mobile本格入門
～スマートフォンのデザイン・開発の効率化からWebアプリケーション構築まで

著者
発売日
更新日

概要

JavaScriptで効率的に開発・デザインするために欠かせない定番ライブラリjQueryのプラグイン，jQuery Mobileの基礎から応用まで1冊でマスター。ウィジェット，スクリプト，アプリケーションの3部構成から，最新版jQuery Mobile1.2.0を徹底解説。著者は「jQuery本格入門」の沖林正紀氏。丁寧な解説，豊富なサンプルを通して現場の必須知識がひととおり身につきます。

目次

Chapter0　jQuery Mobileをはじめる前に

  • 0-1　本書について
  • 0-2　jQuery Mobileについて
  • 0-3　jQuery Mobileをはじめるための前提知識
  • 0-4　jQuery Mobileの導入

Part1　ウィジェット編
Chapter1　ウィジェットで画面を作成する

  • 1-1　ページ（page）
  • 1-2　ダイアログ（dialog）
  • 1-3　ポップアップ（popup）
  • 1-4　テーマを設定する
  • 1-5　data-*属性によるウィジェットの設定
  • 1-6　class属性によりレイアウトとテーマを設定する

Chapter2　ウィジェットで画面を操作する

  • 2-1　リンク（link）
  • 2-2　ボタン（button）
  • 2-3　折りたたみを設定する（collapsible）
  • 2-4　ナビゲーションバーの表示（navbar）
  • 2-5　項目リストを設定する（listview）

Chapter3　ウィジェットでデータを入力する

  • 3-1　フォームの作成
  • 3-2　ボタンを設定する
  • 3-3　<select>による選択（項目選択，トグルスイッチ）
  • 3-4　テキストの入力
  • 3-5　ウィジェットの各種設定

Chapter4　ウィジェットのカスタマイズ

  • 4-1　jQuery Mobileにおけるウィジェットの表示
  • 4-2　ThemeRollerによるテーマの作成
  • 4-3　画面の大きさに合わせたレイアウトを設定する
  • 4-4　jQuery MobileのCSSフレームワーク

Part2　スクリプト編（JavaScript＋jQuery）
Chapter5　jQuery MobileにおけるJavaScriptプログラミング

  • 5-1　JavaScriptの役割
  • 5-2　jQuery Mobileから提供されるもの
  • 5-3　ウィジェットの生成と変更
  • 5-4　テンプレートによるウィジェットの生成

Chapter6　操作に反応するイベント処理

  • 6-1　jQuery Mobile独自のイベント
  • 6-2　ウィジェットのイベント処理
  • 6-3　pageのカスタムイベント
  • 6-4　ウィジェットとイベント処理との連携

Chapter7　jQuery Mobileとウィジェットのオプション詳細

  • 7-1　オプション設定の方法
  • 7-2　$.mobileのオプション
  • 7-3　ウィジェットの日本語設定

Part3　アプリケーション編（Web＋DB）
Chapter8　Web＋DBによるメッセージ共有サイトの構築

  • 8-1　アプリケーションの概要
  • 8-2　画面遷移とテンプレート
  • 8-3　画面操作とWeb APIへのアクセス
  • 8-4　Web APIとデータベースとの連携
  • 8-5　アプリケーションの設定と実行

Appendix　ウィジェットプチリファレンス

  • A-1　ページ（page）
  • A-2　ダイアログ（dialog）
  • A-3　リンク（link）
  • A-4　ボタン（button）
  • A-5　折りたたみ（collapsible／collapsible-set）
  • A-6　ナビゲーションバー（navbar）
  • A-7　項目リスト（listview）
  • A-8　ポップアップ（popup）
  • A-9　ラジオボタン／チェックボックス（checkboxradio）
  • A-10　選択リスト（selectmenu）
  • A-11　トグルスイッチ／スライダ（slider）
  • A-12　テキスト入力（textinput）
  • A-13　固定ヘッダ／フッタ（fixedtoolbar）

サポート

ダウンロード

サンプルファイル

本書のサンプルファイルは，以下のリンクよりダウンロードできます。

ファイルをダウンロード後，適宜解凍してご利用ください。

アプリケーション『PalsLine』のソースコード

第8章で解説しているアプリケーション『PalsLine』のソースコードをアップしました。以下のリンクよりダウンロードできます。

ファイルをダウンロード後，適宜解凍してご利用ください。

正誤表

本書の以下の部分に誤りがありました。ここに訂正するとともに，ご迷惑をおかけしたことを深くお詫び申し上げます。

（2013年5月14日更新）

P.32　図0-12

誤 
jquery.mobile.structure-1.2.0.css　　　圧縮版CSS（テーマ除く）jQuery Mobile
jquery.mobile.structure-1.2.0.min.css　非圧縮版CSS（テーマ除く）jQuery
Mobile
jquery.mobile.theme-1.2.0.css　　　　圧縮版CSS（テーマのみ）jQuery Mobile
jquery.mobile.theme-1.2.0.min.css　　非圧縮版CSS（テーマのみ）jQuery
Mobile
正 
jquery.mobile.structure-1.2.0.css　　　非圧縮版CSS（テーマ除く）jQuery
Mobile
jquery.mobile.structure-1.2.0.min.css　圧縮版CSS（テーマ除く）jQuery
Mobile
jquery.mobile.theme-1.2.0.css　　　　非圧縮版CSS（テーマのみ）jQuery Mobile
jquery.mobile.theme-1.2.0.min.css　　圧縮版CSS（テーマのみ）jQuery
Mobile

「圧縮版」と「非圧縮版」の記述が反対になります。

商品一覧