RESPONSIVEレスポンシブコーディング

レスポンシブコーディングの特長

• 

  どのデバイスからWebサイトを閲覧しても、
  最適化されたレイアウトで表示される

  スマートフォンやタブレットが登場する前は、Webサイトの閲覧はPCから行うことが一般的でした。しかし、現在ではスマートフォンのように小さなデバイスからWebサイトを見るユーザーが増えたため、どのデバイスから見ても見易いWebサイトである必要があります。
  レスポンシブコーディングであれば、PCとスマートフォンで大きなデザインの違いがなく、それぞれのデバイスサイズで最適化されたWebサイトを構築することが可能です。

• 

  ワンソースですべてのデバイスへ
  対応することができる

  これまでは、PC用、モバイル用それぞれのデバイスに合わせてHTMLファイルとCSSファイルを用意していました。これをアダプティブコーディングと称します。これは、２つのサイトを運営しているようなものなので、更新には大変な手間がかかっていました。
  現在主流のレスポンシブコーディングは、PC、スマートフォン、タブレットなど、デバイス間での表示違いをCSSで調整をするため、HTMLコーディングは常に同じになります。その為、システムへの組み込みや更新運用の負荷もかなり軽減できます。
  例）デバイスのウィンドウ幅が750px以下だったらスマートフォン用のレイアウトを表示し、それより広ければPC用のレイアウトを表示するなど、レイアウトをCSSファイルで調整します。

• 

  Googleがレスポンシブデザインを推奨

  Googleは、モバイルファーストインデックスとしてWebサイトをレスポンシブコーディングで制作することを推奨しているため、Webサイトがモバイルに最適化されている事が、Googleの検索順位に影響します。
  ※モバイルファーストインデックス：Googleの検索順位決定において、PCサイトではなくスマホやタブレットといったモバイル型端末向けのサイトを重視するという方針

• 

  ユーザーにSNSでシェアされやすい

  URLが1つなのでWebサイトに訪れるユーザーにシェアされやすくなります。スマホ用とPC用のWebサイトを別に用意すると、見せたいユーザーのデバイスに合わせて異なるURLを送らなければなりません。