jQuery Mobileを勉強し始めたいデザイナー必見！『jQuery Mobile スマートフォンサイトデザイン入門』

2012/02/11

カテゴリ：: jQuery Mobile

タグ：: jQuery Mobile; 書籍

jQuery Mobile スマートフォンサイトデザイン入門

jQuery Mobile スマートフォンサイトデザイン入門：Amazon

先日、アスキー・メディアワークスの小橋川さんより、２月３日に発売されたミニドーナツ本こと『jQuery Mobile スマートフォンサイトデザイン入門』を献本いただきました。

以前より心待ちにしていた一冊でしたので、どんな内容になっているのかとてもとても楽しみにしていました。

ようやく内容を一通り読み終えたので、ざっとご紹介したいと思います。

jQuery Mobile スマートフォンサイトデザイン入門

この書籍はASCII.jpでto-Rの西畑さんが連載していた『西畑一馬のjQuery Mobileデザイン入門』にいろいろと加筆修正がはいって、よりボリュームが増した内容の一冊です。

この書籍は、『jQuery Mobile スマートフォンサイトデザイン入門』同様に、HTMLとCSSが分かるデザイナー向けに書かれている本です。多少はJavaScriptやjQueryについても触れられていますが、ごく一部だけなので、JavaScriptがわからない人でもHTMLとCSSが理解できているのであれば十分理解できる内容になっています。

そもそもjQuery Mobile自体、JavaScriptの知識がなくともHTMLを組み上げてタグやその属性によって自動でデザインが適用されるように作られているので、JavaScriptの知識が少なくとも理解できるものになっているのだと思います。２章のGoogleマップを表示する部分では、JavaScriptの話もでてきますが、長いコードでもないですし、Googleマップを使う上での最低限の内容のみにとどまっているので、導入する上では支障はないと思われます。

ただし、HTMLとCSSの理解がある前提ですので、この知識が無い人にとっては難しいかもしれません。HTMLやCSSのコードがたくさん出てくるため、それらを見て理解できるくらいの知識は必要です。

書籍の目次

第１章［導入編］jQuery Mobileをはじめる前の基礎知識
1. [1-1]jQuery Mobileとは
第２章［基礎編］サンプルで学ぶjQuery Mobileのキホン
1. [2-1]スマホサイトのトップページを作ろう
2. [2-2]個別ページの作成とGoogleマップの表示
3. [2-3]問い合わせフォームの作成とサイトの完成
第３章［リファレンス編］もっと知りたいjQuery Mobileの使い方
1. [3-1]ページの作成とページの遷移
2. [3-2]リスト表示UIの基本とバリエーション
3. [3-3]ヘッダー／フッターのカスタマイズ
4. [3-4]コンテンツ領域のレイアウト
5. [3-5]フォームUIの最適化
第４章［カスタマイズ編］jQuery Mobileでオリジナルデザイン
1. [4-1]テーマをカスタマイズしてみよう
2. [4-2]セミカスタマイズでニュースサイトをデザイン
3. [4-3]フルカスタマイズで商品サイトをデザイン

それぞれ各章の内容をざっくりと

■第１章

導入の部分で、jQuery Mobileとはどんなものなのかや、検証環境の用意についてが書かれている章でした。

■第２章

jQuery Mobileにおいて、ページ構成の基本となる部分が書かれている章でした。jQuery Mobileを使ったサイトのページの構成例をあげながら、基本となる使い方を学んでいける章です。

■第３章

基礎の次は、jQuery Mobileで用意されているテンプレート（UI）の使用方法が書かれている章でした。単に使い方が書かれているだけでなく、はまりやすい点やワンポイントアドバイスなども盛り込まれているため、一度jQuery Mobileについて勉強した人も、ここは飛ばさず読んでおいたほうがいいです。

■第４章

jQuery Mobileを使ったサイトのカスタマイズを、簡単なところからガッツリとデザインを変えるところまで、幅広く書かれている章でした。簡単なカスタマイズは、jQuery Mobileのテンプレートの色味だけ変えたり、そこから少しずつカスタマイズする量を増やしてオリジナルのデザインにカッツリ変える部分まで説明が入っている章なので、HTMLとCSSの知識はかなり必要です。

デザイナー向けの入門書

内容はHTMLやCSS中心に主にjQuery Mobileの紹介と、jQuery Mobileを使うけどオリジナルのデザインにしたいというような場合の解説中心の入っている一冊になっていました。CSSを変えたりしようとすると、ハマるポイントっていろいろあったりするのですが、そうならないための方法やテーマ利用方法などが書かれているため、jQuery Mobileをカスタマイズする前には一度目を通しておいたほうがいいです。