レスポンシブWebデザイン マルチデバイス時代のコンセプトとテクニック

菊池崇

• アスキーメディアワークス (2013年7月31日発売)

作品紹介・あらすじ

Googleも推奨する次世代Web制作手法「レスポンシブWebデザイン」のすべてをトッププロが解説。RWDの基礎から、実務で使える高速化テクニックまで、1つ上の思考と技術が1冊で身につく！

感想・レビュー・書評

[Toshifumi Shichiさんの感想 · 2021年8月14日]

2014/06/08読了

[onesword0618さんの感想 · 2020年11月14日]

Web開発を行う際に、画面サイズに由来するデザインについて知る機会があり、改めて概要をつかもうと手に取った書籍です。

様々なスクリーン、OS、UA情報によって、1対1の対応では手が回らなくなる実情があることから解決策の1つとして「レスポンシブデザイン」があるということから学習を進めていきます。

端末の画面サイズに制限があるからこそ、何を表示するのかを吟味して良質なコンテンツや体験を提供するということが重要なのだと学習することができました。

どのように組み立てていくのかを豊富な資料を提示して説明をしています。

著者の体験も加味していますが、根拠の資料を提示しているので納得を持って読み進めることが出来ました。

[m1kuk0さんの感想 · 2017年1月1日]

この本でレスポンシブの基本は抑えられると思う。実践しながら、手で覚えられる点もGOOD！解説も細かいが、ソースだけで数ページつぶれてしまうのがちょっとだけもったいないかも…。
ソースがちゃんと当たっているかを漏れなくチェックしたい人には、うれしい点だけどね。けど、普通に５ページ以上ソースコードで終わるときあるからね。
上級者にしたら、「わかってっから！！」ってなりそう。
上級者はまず買わないか（笑）

[maliheyさんの感想 · 2014年7月7日]

効率のよいメディアクエリの書き方、Retina対応方法etc.いろんなアプローチ方法が載っていてためになった。レスポンシブデザインの理想・viewportを基準とした新しい単位にも触れられていて単なる作業手順ではなく考えるべきポイントを教えてくれる本。

[machi0wtさんの感想 · 2014年3月14日]

写経中。基礎編だけでも課題の前に読んでおくべきだったぁ

[masterkaさんの感想 · 2013年11月10日]

感想は以下。
http://masterka.seesaa.net/article/379810909.html

[wasabinさんの感想 · 2013年8月12日]

モバイル向けとPC向けで同じHTMLを使ってCSSでデザインを変える、
レスポンシブWebデザインの解説書。

私は、レスポンシブWebデザインの存在は知っていたけど
中身はよく知らない状態で、Webで検索して出てくるコードをつぎはぎして
HTMLを組み上げていたタイプでした。

この本で、レスポンシブWebデザインとは何か、使われる技術はこれで、どうしたら目標の結果になるか、という基礎からの知識が分かりました。

・img要素にディセンダーがあること
・px指定から％指定のフルード・グリッドへの変更
・レスポンシブタイプセッティングの正しい仕様
以上の点が目新しくて特に勉強になった部分。

あと、メディアクエリーの解説が多めにとってあるので、
メディアクエリーとは何ぞや？という方でも読めると思います。

紙面がカラフル、図を多く入れてあって分かりやすい。
総括して、良書。オススメ。

著者プロフィール

Web Directions East LLC 代表
allWebクリエイター塾　講師
大手IT企業、システム会社、Web制作会社のコンサルティングや、企業研修、イベント出演、執筆などを行う。自身でもアプリUI、システム案件のUIを担当。
モバイルファースト、レスポンシブWebデザインなど最新情報を日本のWebメディアにいち早く寄稿し話題を提供している。またUX＆UIの分野において下記の資格を保持している。
ニールセン・ノーマングループ　UXサーティファイド
ニールセン・ノーマングループ　モバイルデザイン　スペシャリスト

「2017年 『ノンデザイナーでもわかる　UX＋理論で作るWebデザイン』 で使われていた紹介文から引用しています。」