レスポンシブ Responsive

レスポンシブとは、レスポンシブデザインを指し、どんな大きさの画面でも見やすいように、1つのHTML（Webサイトに載せる情報）で配信し、CSS（情報の大きさや位置など表示の指定）はデバイスごとに用意して表示を変えることを指します。

レスポンシブデザインのメリット・デメリット

レスポンシブデザインのメリットは、管理が楽であることです。

HTMLが１つなのでWebサイトに載せる情報を修正や更新する時に作業が1回で済みます。デバイスごとにHTMLがあると修正や更新の作業をHTMLの数だけしなくてはなりません。

また、シェアされやすいこともメリットです。URLが1つなのでWebサイトを見るユーザーにシェアされやすくなります。スマホ用のモバイルサイトとパソコン用のPCサイトがあった場合、見せたいユーザーのデバイスに合わせて異なるURLを送らなければなりません。

さらに、スマホに対応したWebサイトが検索結果の上位に表示されやすくなる「モバイルフレンドリー」や、スマホ用のページが順位の決め手になる「モバイルファーストインデックス」に対応できます。

レスポンシブデザインのデメリットは、スマホでの表示に時間がかかることです。HTMLが1つなのでパソコンと同じデータをスマホにも読み込ませます。そのためスマホで表示しないデータも読み込まれ、表示完了するまで時間がかかってしまいます。

また、デザインに制限があります。HTMLが1つなのでスマホとパソコンでコンテンツの順番を変えるなど、大幅に見せ方を変えることはできません。

さらに、工数がかかります。デバイスごとにデザインを制作し、それに合わせたコーディングをするので複雑になります。そのため制作工数がかかってしまいます。

レスポンシブWebデザインにはメリットがたくさんありますが、同時に気をつけなければならないデメリットもあります。