jQuery Mobileパーフェクトガイド 基本からデザインカスタマイズ、パフォーマンスアップまで

jQuery Mobileパーフェクトガイド 基本からデザインカスタマイズ、パフォーマンスアップまで

3,300円(本体 3,000円+税10%)

品種名
書籍
発売日
2012/8/24
ページ数
376P
サイズ
B5変型判
著者
[著]吉川 徹 [監修]株式会社シーエー・モバイル
ISBN
9784844332664

マークアップの方法だけじゃない。jQuery Mobileを網羅的に解説!

jQuery Mobileを使ったサイト制作の基本から実践までを網羅的に解説。本書ではまず、各種マークアップの方法を幅広く説明。各種のフォームやリスト、ツールバー、テーマなどのマークアップを解説します。さらに、jQuery Mobileを使いこなすためのテクニックを解説。デフォルトデザインのカスタマイズ、JavaScriptによる設定変更、パフォーマンスアップ、セキュリティの注意点などを紹介します。本書は、jQuery Mobileのさまざまな手法を網羅的に学ぶことができて、現場でも活用できる入門書です。

「読者アンケートに答える」「読者プレゼントに応募」の場合もこちらをご利用ください。

アンケートに答える

書籍の内容に関するお問い合わせはこちら。お答えできるのは本書に記載の内容に関することに限ります。

学校・法人一括購入に関するお問い合わせはこちらへ。

一括購入窓口

詳細


■著者プロフィール
吉川 徹
株式会社シーエー・モバイル Web先端技術フェロー
Google公認API Expert(Chrome)

普段は、主にHTML5開発者コミュニティであるhtml5j.orgのスタッフとして活動している。HTML5の最新動向を追求するとともに、HTML5の普及促進を図っている。また、Google公認API Expert(Chrome)としてChrome関連でも情報発信を行っている。その他、Webに関する講演や記事執筆、jQuery Mobile担当講師(allWebクリエイター塾)などを務める。

目次

chapter 1 jQuery Mobileをはじめよう
 jQuery Mobileの特徴
 jQuery Mobileを準備する
 jQuery Mobileを使ってみよう
 jQuery Mobileのページを作成する
 jQuery Mobileのページ遷移
 ダイアログを表示する

chapter 2 さまざまなフォームの使い方を知ろう
 jQuery Mobileのフォームの基本
 ボタン
 テキストボックス
 テキストエリア
 ラジオボタン
 チェックボックス
 セレクトメニュー
 検索ボックス
 スライダー
 フリップスイッチ
 ネイティブのフォーム
 フォームの送信

chapter 3 リストを使いこなそう
 リストの基本
 ナビゲーションリストの作成
 リストの装飾
 リストのテーマ

chapter 4 レイアウトとツールバー
 折りたたみ可能なコンテンツの作成
 グリッドレイアウトの利用
 ツールバーの作成
 ナビゲーションバーの追加

chapter 5 テーマを使いこなそう
 テーマを使ってデザインを変更する
 ThemeRollerでオリジナルのテーマを作る

chapter 6 デザインをカスタマイズしよう
 デザインカスタマイズの基本を理解する
 デザインに関する15のTips

chapter 7 jQuery Mobileの設定を変更しよう
 jQuery Mobile全体の設定変更
 各種インターフェースの設定変更

chapter 8 jQuery MobileのイベントとAPI
 jQuery Mobileのイベントを理解する
 jQuery Mobileの便利なAPI

chapter 9 パフォーマンス、セキュリティ etc.
 jQuery Mobileのカスタムビルドを作る
 パフォーマンスチューニング
 セキュリティに関する留意事項
 jQuery Mobileのプラグイン
 jQuery Mobileに関連するツール
 jQuery Mobile 1.2の新機能「ポップアップ」

chapter 10 [演習]モバイルサイトを作ってみよう
 ステップ1(jQuery Mobileをはじめよう)
 ステップ2(さまざまなフォームの使い方を知ろう)
 ステップ3(リストを使いこなそう)
 ステップ4(レイアウトとツールバー)
 ステップ5(テーマを使いこなそう)
 ステップ6(デザインをカスタマイズしよう)
 ステップ7(jQuery Mobileの設定を変更する)
 ステップ8(jQuery MobileのイベントとAPI)

関連書籍

好評発売中

Windows 10 ユニバーサルアプリ開発【Windows 10 Mobile 対応】(Think IT Books)

Windows 10 Mobileに対応したユニバーサルアプリを作ろう!

好評発売中

Javaからはじめよう Androidプログラミング ―Android Studio対応版

Javaを知らない人のためのAndroidの入門書!

好評発売中

イラストでよくわかるAndroidアプリのつくり方—Android Studio対応版

Android Studio対応のAndroidアプリ開発入門書、決定版。

好評発売中

UX侍 スマホアプリでユーザーが使いやすいデザインとは [impress Digital Booksシリーズ]

大人気のスマホアプリ開発者とUX・UIの第一人者が使いやすいデザインについて語り尽くす!

ダウンロード

以下のリンクから、サンプルを収録したアーカイブファイル(2014年12月8日訂正版)をダウンロードできます。ダウンロードしたアーカイブを解凍すると、各章ごとのフォルダが展開されます。



※[2012年8月28日訂正]本書のp.304に掲載しているサンプル9-3-1を訂正したものが含まれています。



※[2012年9月25日追加]各フォルダにindex.htmlを追加し、トップにlicense.txtを追加しました。本サンプルのソースコードは、MITライセンスで提供します。サンプルに含まれる画像は、試用のみに限って使用許諾します。



※[2014年12月9日訂正]以前のサンプルファイル(jQueryMobile_PerfectGuide_20120925.zip、またはそれより前)では、サンプル6-2-9(06-02-09.html)とサンプル6-2-10(06-02-10.html)の内容が入れ替わっていたので、修正しました。



※[2014年12月9日変更]06-02-10.htmlの「width: 8em;」を「width: 8em !important;」に変更しました。「width: 8em;」とする場合は、デスクトップPCでも450px以下の幅のウィンドウ(モバイルサイズ)にすれば、フリップスイッチの幅が広がることを確認できます。「width: 8em !important;」とする場合は、450pxより超えた幅のウィンドウでも、フリップスイッチの幅が変わることを確認できます。

お詫びと訂正

誤記のためにご迷惑をおかけし、誠に申し訳ございません。

  • 163ページ 下から5行目
    • [誤]
      3カラム構成であれば"ui-grid-c"といったように、
    • [正]
      3カラム構成であれば"ui-grid-b"といったように、
  • 266ページ サンプルファイルの名前(背景がアイボリー色の部分)
    • [誤]
      サンプルファイル:07-02-04_listconf.htmll
    • [正]
      サンプルファイル:07-02-04_listconf.html
  • 304ページ サンプル9-3-1のコード
    • [誤]
      サンプル9-3-1で、相対パスを利用したURLでチェックをすり抜けることができてしまう問題を修正。
    • [正]
      var a = document.createElement('a');
      function getPathname(url) {
       a.href = url;
       return a.pathname;
      }
      $(document).on('pagebeforeload', function(e, data){
       // ホワイトリスト
       var urls = [
        '\/app1\/.*',
        '\/app2\/.*'
       ];
       
       var pathname = getPathname(data.url),
         isValid = false;

       // ホワイトリストと比較
       for ( var i = 0, len = urls.length; i < len; i++ ) {
        var reg = new RegExp('^' + urls[i] + '$', 'i');
        if ( pathname.match(reg) ) {
         isValid = true;
         break;
        }
       }

       if ( !isValid ) {
        console.log('denied', data.url);
        e.preventDefault();
        data.deferred.reject(data.absUrl, data.options);
       }
      });
    • 備考:

      ダウンロード可能なサンプルのアーカイブファイルには、09-03-01_whitelist.htmlを追加しています。

  • 318ページ 9-5-2節のタイトル下の本文1行目
    • [誤]
      …PhoneGapでネイティブアプリケーzショ
    • [正]
      …PhoneGapでネイティブアプリケーショ

お問い合わせ

書籍の内容に関するお問い合わせはこちら。お答えできるのは本書に記載の内容に関することに限ります。

お問い合わせフォーム