THE HAM MEDIA BLOG

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

Clip to Evernote このエントリーをはてなブックマークに追加
カテゴリ:
jQuery Mobile
タグ:
jQuery Mobile
書籍

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

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

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

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

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

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

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

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

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

書籍の目次

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

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

■第1章

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

■第2章

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

■第3章

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

■第4章

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

デザイナー向けの入門書

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

JSゴリゴリな内容は・・・

この書籍はデザインをカスタマイズするような内容が中心ですが、jQuery MobileのAPIやイベント周りについては、ほとんど触れられていないです。そのためにJSのイベントゴリゴリカスタマイズしてデザインを変えるみたいなプログラマ向けの内容は入っていないという点はお間違いなく。

全体を通しての感想

jQuery Mobileをまだ勉強していない人から、もう勉強したけど、カスタマイズの方法に悩んでいる・カスタマイズの時に躓いた!などの経験がある人にとってはかなり勉強になる一冊でした。

スマホサイトでjQuery Mobileを利用してカスタマイズするなら、是非目を通してみてください。

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

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

西畑一馬 鍋坂理恵
アスキー・メディアワークス

Amazonで詳しく見る

jQuery Mobileサイト制作承っております

最後に、私もjQuery Mobileを使ったサイトの制作も承っております。フルカスタマイズにも対応しておりますので、制作リソースが足りない時は、是非ご相談ください。FacebookやTwitterなり、お気軽にメッセージお待ちしております。

この記事へのコメント
コメントを書く
お名前: [必須入力]

メールアドレス: [必須入力]

ホームページアドレス:

コメント: [必須入力]

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。

この記事へのトラックバック

トップに戻る

×

この広告は1年以上新しい記事の投稿がないブログに表示されております。