- トップページ
- プログラミング
- モバイルプログラミング
- jQuery Mobileパーフェクトガイド 基本からデザインカスタマイズ、パフォーマンスアップまで
jQuery Mobileパーフェクトガイド 基本からデザインカスタマイズ、パフォーマンスアップまで
3,300円(本体 3,000円+税10%)
- 品種名
- 書籍
- 発売日
- 2012/8/24
- ページ数
- 376P
- サイズ
- B5変型判
- 著者
- [著]吉川 徹 [監修]株式会社シーエー・モバイル
- ISBN
- 9784844332664
マークアップの方法だけじゃない。jQuery Mobileを網羅的に解説!
「読者アンケートに答える」「読者プレゼントに応募」の場合もこちらをご利用ください。
書籍の内容に関するお問い合わせはこちら。お答えできるのは本書に記載の内容に関することに限ります。
学校・法人一括購入に関するお問い合わせはこちらへ。
詳細
■著者プロフィール
吉川 徹 株式会社シーエー・モバイル Web先端技術フェロー Google公認API Expert(Chrome) 普段は、主にHTML5開発者コミュニティであるhtml5j.orgのスタッフとして活動している。HTML5の最新動向を追求するとともに、HTML5の普及促進を図っている。また、Google公認API Expert(Chrome)としてChrome関連でも情報発信を行っている。その他、Webに関する講演や記事執筆、jQuery Mobile担当講師(allWebクリエイター塾)などを務める。 |
目次
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 Mobileに対応したユニバーサルアプリを作ろう!
好評発売中
大人気のスマホアプリ開発者と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でネイティブアプリケーショ
- [誤]
お問い合わせ
書籍の内容に関するお問い合わせはこちら。お答えできるのは本書に記載の内容に関することに限ります。