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

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

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

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

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

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

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

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

スポンサーリンク

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

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

 

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

スポンサーリンク

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

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

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

戦いの勝因敗因から学ぶ

  1. 井陘の戦い(せいけいの戦い)|韓信の勝因と趙軍の敗因
    井陘の戦い(せいけいの戦い)勝因と敗因 井陘の戦い(せいけいの戦い)とは、紀元前204年10月…
  2. ワーテルローの戦い|勝因・敗因
    ワーテルローの戦い ナポレオン軍の敗因 ワーテルローの戦いは、1815年6月18日に起きたフラ…
  3. トラファルガーの海戦|イギリス海軍の勝因とフランス・スペイン連合艦隊の敗因
    トラファルガーの海戦 スペイン・フランス連合艦隊の敗因 トラファルガーの海戦は、1805年にス…
  4. 西南戦争|勝因・敗因
    西南戦争 西郷隆盛の敗因 西南戦争とは、1877年に薩摩士族が起こした大規模な反乱です。薩摩士…
  5. 官渡の戦い|勝因・敗因
    官渡の戦い 曹操軍の勝因 官渡の戦いは、西暦2006年、有名な「三国志」の時代に曹操軍と袁紹軍…

孫子の兵法から学ぶ

  1. 孫子の兵法
    勝つべからざる者は守なり 「孫子」は、二千数百年前の弱肉強食の時代に生きた孫武が書いた兵法書で…
  2. 孫子の兵法
    算多きは勝ち、算少なきは勝たず 「孫子」は、二千数百年前の弱肉強食の時代に生きた孫武が書いた兵…
  3. 孫子の兵法
    上兵は謀を伐つ 「孫子」は、二千数百年前の弱肉強食の時代に生きた孫武が書いた兵法書です。 …
  4. 孫子の兵法
    孫子の五事 「孫子」は、二千数百年前の弱肉強食の時代に生きた孫武が書いた兵法書です。 そ…
  5. 孫子の兵法
    勝兵は鎰を以て銖を称るがごとく 「孫子」は、二千数百年前の弱肉強食の時代に生きた孫武が書いた兵…
ページ上部へ戻る