[書評]jQuery Mobile スマートフォンサイト デザイン入門

Ads

ASCII様よりご献本頂きました。書評を
持って御礼とさせていただきます。よ
うやく正式版がリリースされたjQuery
Mobileですが、まだまだ実践向けの
情報の書かれたブログ記事なども少な
いですが、こちらはかなり実践向けです。

jQuery Mobileを使ったWebデザイン入門書です。高評価のドーナツ本シリーズですねー。著者の西畑氏(To-R)は僕がjQueryに興味を抱くきっかけを与えてくれた方なので嬉しいご献本でした。早速レビューさせて頂きます。

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


例によって一眼不調なのでiPhoneで・・スマフォ向けサイト構築の選択肢の一つとして筆頭とも言えるjQuery Mobile本。ASCIIさんで連載中の「西畑一馬のjQuery Mobileデザイン入門」をより詳しく解説、書籍化した感じです。

実践向けでした

一応基本から書かれていますが半分以上は応用的な内容で、あまりWeb制作の知識が無い方向けではありません。ターゲットは実際にWeb制作の現場に立つプロの方向けです。実践で使う事を目的とした書籍なので、HTML、CSSはもちろん、多少はjQuery、HTML5、CSS3の事を知らないと理解出来ないかも。

多少でも触ったことのある方にとっては凄く分かりやすい書籍だと思います。ブログなどでは多くの場合、CSSもCDNを使っているTips記事が多く、まともなデザインカスタマイズのチュートリアル記事は皆無ですので、そういう意味でもかなり学べる1冊ではないかなと思いました。

書籍の内容

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

中身紹介


↑ 構造も絵付きで解説してくれますが、基本的にはコード中心です。


↑ で、肝心のデザインカスタマイズ。このようにCSSをCDNに頼らず、自分でカスタムデータ属性を書いて適応させる手順が書かれています。CDNではどうしてもテンプレ臭が否めませんのでこの知識はJQMを実践で扱うプロにとっては必須となるでしょう。


↑ こういったサンプルをもとに、画像の解像度の問題からマークアップまで細かく手順や注意点、つまずくポイントなどが解説されています。

jQuery Mobileを使ったWebデザインの情報はまだまだ少ない少ないのでかなり頼りになる1冊だと思いましたよ。スマフォ対応で困っている方はご一考されては如何でしょう。
※以下、Amazonに飛びます

jQuery Mobile スマートフォンサイト デザイン入門 jQuery Mobile スマートフォンサイト デザイン入門
西畑一馬 鍋坂理恵

アスキー・メディアワークス 2012-02-02
売り上げランキング : 1205

Amazonで詳しく見る by G-Tools