レスポンシブデザインとは?

レスポンシブデザインとは?

レスポンシブデザインとは?

最近、クライアント様から「レスポンシブデザイン」について聞かれることが増えてきました。認知度も徐々に高まってきているワードだと思いますので、今回はこの「レスポンシブデザイン」について触れてみましょう。

スポンサーリンク
スポンサーリンク

レスポンシブデザインとはホームページの制作手法の一つで、パソコンだけでなくスマートフォン、タブレットなどの異なったデバイス・画面サイズに一つのホームページで対応することを指します。

従来の制作手法ではパソコン用に一つのホームページ(ここではPCサイトと呼びます)を制作し、スマートフォン用にももう一つのホームページ(ここではスマホサイトと呼びます)を用意、パソコンやタブレットからアクセスするとPCサイトへ,スマートフォンからアクセスするとスマホサイトへ自動的に振り分けていましたが、レスポンシブデザインにすることにより、一つのホームページでパソコン・スマートフォン・タブレットなどの異なったデバイスや画面サイズに応じて、ホームページが最適な状態に自動的に変形して表示します。

レスポンシブデザインでできたホームページの見分け方ですが、ブラウザ(Internet Exploreやクロームなど)でホームページを開き、ブラウザの横幅を広くしたり狭くした時に自動的にホームページの形状が変形する場合、そのホームページはレスポンシブデザインでできています。ちなみに当サイトもレスポンシブデザインでできていますので是非試してみてください。

スポンサーリンク

レスポンシブデザインは従来型の複数のホームページを用意する場合に比べ、制作の難易度が高く、デザインや機能の自由度は劣る面はありますが、ページの記載内容が重複しないことでホームページ管理が簡略化され、SEO対策上も有利に働くメリットがあります。

次回はレスポンシブデザインでホームページを制作した場合のメリット・デメリットなど留意点を挙げてみることにします。

 

【関連記事:レスポンシブデザインのホームページは遅い?

スポンサーリンク

本日のおすすめ記事はこちら

ランチェスター戦略から学ぶ

  1. ランチェスター戦略・ランチェスターの法則
    一騎打ち〜ランチェスター戦略 ランチェスター戦略において弱者が強者を打ち破る方法の一つとされる…
  2. ランチェスター戦略・ランチェスターの法則
    接近戦〜ランチェスター戦略 ランチェスター戦略は強者にも弱者にも当てはまる汎用性の高い戦略です…
  3. ランチェスター戦略・ランチェスターの法則
    ランチェスター戦略とは ほとんどの産業においては、数社のトップ企業がシェアのほとんどを分け合い…
  4. ランチェスター戦略・ランチェスターの法則
    ランチェスターの第一法則 ランチェスターの第一法則とは一騎打ちの法則とも呼ばれるものであり、最…

戦いの勝因敗因から学ぶ

  1. 奉天会戦|勝因・敗因
    奉天会戦 ロシア軍の敗因 奉天会戦は、日露戦争における最後の会戦です。中国の奉天(現在の瀋陽)…
  2. マラトンの戦い
    マラトンの戦い ギリシャ連合軍の勝因 今を遡ること2500年以上前、紀元前490年9月12日。…
  3. 桶狭間の戦い|勝因・敗因
    桶狭間の戦い 今川義元の敗因 桶狭間の戦いは、1560年6月12日に行われた今川義元軍と織田信…
  4. ゲティスバーグの戦い|勝因・敗因
    ゲティスバーグの戦い 北軍の勝因 ゲティスバーグの戦いとは、1836年7月1日から7月3日に起…
  5. 官渡の戦い|勝因・敗因
    官渡の戦い 曹操軍の勝因 官渡の戦いは、西暦2006年、有名な「三国志」の時代に曹操軍と袁紹軍…

孫子の兵法から学ぶ

  1. 孫子の兵法
    孫子の七計 「孫子」は、二千数百年前の弱肉強食の時代に生きた孫武が書いた兵法書です。 そ…
  2. 孫子の兵法
    孫子の五事 「孫子」は、二千数百年前の弱肉強食の時代に生きた孫武が書いた兵法書です。 そ…
  3. 孫子の兵法
    勝つべからざる者は守なり 「孫子」は、二千数百年前の弱肉強食の時代に生きた孫武が書いた兵法書で…
  4. 孫子の兵法
    戦いは正を以って合い、奇を以って勝つ 「孫子」は、二千数百年前の弱肉強食の時代に生きた孫武が書…
  5. 孫子の兵法
    風林火山 「孫子」は、二千数百年前の弱肉強食の時代に生きた孫武が書いた兵法書です。 その…
ページ上部へ戻る