副題にもあるようにCSSフレームワーク、特にBootstrapを用いてレスポンシブWebデザインによる設計と実装を解説した本。私自身は特にBootstrapにこだわる理由がなかったので、どちらかといえば最近のWebサイト設計における概要を理解する目的で読んだ。そのため注力して読んだのは主に前半部分であるが、モバイルサイト向けなどでは1ページに情報を集約してしまうのが流れのようである。その場合のSEOとの兼ね合い等がどうなるのか私にはよく分からないものの、結局はユーザの利便性が優先されるということなのだろう。レスポンシブWebデザインと聞いて初めは「何だそれは」と思ったが、要はCSSのmediatypeで主要な閲覧デバイス(スマホ、タブレット、PC)の画面幅に応じて、Webページを構成するブロックの表示を分岐させる??ということである。Bootstrapなどは、そのためのフレームワークであり、ブラウザ間の実装の違いなども吸収しつつ、統一されたインタフェースを提供している。確かに複数人で多数のWebサイトを製作する立場であれば、この種のルールが統一される効果は大きい。私自身はCSSというよりも、この種のことはHTMLテンプレートで部品ごとに分けるイメージでいたため、そういう意味では勉強になったが、言い換えれば、よりBootstrapに関心のある人が読むべき本だと思った。抄録12-19マルチデバイスによるWeb閲覧が一般化したことで、Webで求められる情報も「必要な時に必要な情報を得る」ことに比重が移ってきた。現在ではそのためにレスポンシブWebデザイン(RWD)がよく用いられている。Typeを使う)という点に特徴がある。RWDは現状ではスマートフォン、タブレット、PCを想定して作られることが多い。20-35/96-99スマートフォン用サイトではモバイルユーザーにとって今知りたい情報が上位に来るようにする必要がある。このような考え方をモバイルファースト、コンテンツファースト、ユーザーファーストという。表示に要する時間(サイトパフォーマンス)が重要になるが、これらの改善にはGoogleの提供しているPageSpeedInsightsやモバイルフレンドリーテストが利用できる。そのため、必要な情報を簡潔に伝えるシンプルなデザイン(フラットデザイン)や従来の階層型ではないぺーじスクロールを優先して情報を1ページに集約したワンページデザインなどが増えつつある。1.0アカウントnamepass読書ノートの全文を読むにはログインが必要です。