24年卒 WEBエンジニア採用スタート

BLOG

24年新卒 WEBデザイナー募集中 中途 WEBデザイナー募集中 24年新卒 WEBエンジニア募集中

レスポンシブデザインって？

更新日：2018/06/26

PCサイトとスマホサイトのＨＴＭＬを別にした場合レスポンシブデザインにした場合

レスポンシブとはウィンドウサイズに応じてデザインを切り替えることです。

最近までは、各デバイスに対して、それぞれの対応するHTMLファイルを作成し、振り分けるのが主流でした。
しかしこの方法では、多様化が進んでいるスマートフォンやタブレットなどのすべての機種に合わせ、それぞれデザインを行うというのはコストや時間が掛るため非常に困難です。

その点レスポンシブは特定のウィンドウサイズに応じてデザイン表示を切り替えることで、複数のデバイスに柔軟に対応することができます。
さらに1つのhtmlすなわち「1ソース」で管理ができるため更新作業も短縮することが可能です。

【メリット】
・メンテナンスがしやすい
・1ソースで多くの機種に対応。
・URLの一本化により検索に強い

【デメリット】
・開発が難しい
・ソースが複雑になる
・端末毎に細かい情報構造
・デザインを変更できない。

FOLLOW US

一覧へ戻る
Webサイト制作をお考えの方へ。無料提案いたします！ご依頼はこちら

関連記事

カテゴリー
さらに表示
月別アーカイブ
さらに表示
人気記事ランキング

  1. リダイレクト設定におけるステータスコードの選び方と意味

  2. 【EC-CUBE 4系】管理画面をカスタマイズする方法

  3. pictureタグ・srcset属性の使い方を分かりやすく解説！【検証用デモページあり】

  4. Windows環境Gitインストール完全版（Sourcetree、TortoiseGit）【2022年最新版】

  5. APNGでイラストやアイコンを動かそう！～AdobeAnimateの使い方～

  6. 【コピペでOK】イメージ別！サイトをリッチに見せるためのCSSアニメーションまとめ【デモ・サンプルコード付き】

  7. JavaScriptでランダム出題の4択クイズを作ろう【配列から質問と回答を取得】

  8. 【HTMLメール】デザインからコーディングまで！これだけはおさえておきたいポイント

  9. 【保存版】コピペでOK！Flexboxで作る頻出レイアウトの構造解説

  10. 【作業を時短！】一目でわかるPremiere Proのエフェクト集

CONTACT

ご依頼・お問い合わせ・
無料相談はこちら
会社概要はこちら