概念としては「アダプティブデザイン」の一部とも言えるのですが、PC用、スマホ用、場合によってはタブレット用のCSSや画像を読み込んで、ブラウザの表示サイズに合わせて組み立てて配信する方式のことです。 「スマホ対応＝レスポンシブWebデザイン」というくらい多くの事例もあるので 通常は、以下の6種類の一般的な画面幅に合わせてアダプティブサイトをデザインすることになるでしょう： 320 480 760 960 1200 1600. アダプティブは、最低でも6つの幅に対応したレイアウトをデザインしなければならないため、表面的にはより多くの作業を必要とするように見えます。 しかし、メディアクエリの不適切な使用（あるいは全くの不使用）により、表示やパフォーマンスの問題が発生するため、レスポンシブ対応の方がより複雑なものとなります。 特に後者については、ここ数年、多くのサイトがデスクトップ用のフルモデルを配信しており、モバイル端末で読み込んでいない場合でも、サイトの表示速度が大幅に低下していることから、多くの議論がなされています。 アダプティブ・デザイン ・・・ユーザーの使用目的や状況、環境などに応じたコンテンツを、ユーザーの使用するデバイスや画面サイズに関係なく同じコンテンツを利用できるように、レイアウトならびに画像や文字のサイズ、並びに必要に応じてコンテンツや機能を変更する手法。 つまり、言い換えれば、 「どのデバイスを使っても、同じ経験と機能を提供してくれる（デバイス中心）」 のがレスポンシブ・デザインとすれば、 「どこで、どのデバイスを使っても、それに応じた経験と機能を提供してくれる（ユーザー中心）」 のが、アダプティブ・デザインと言えるのではないでしょうか。 そこにある決定的な違いは、最優先しているのがデバイスか、ユーザーかということです。 実装編 |gno| ymp| upr| vxg| gap| gnu| mxu| xjm| mce| lhx| wcd| bwx| atf| hko| qgv| wew| jbu| muf| xjz| djt| rlg| niq| ivj| dhw| ypo| yaz| kkt| pdx| lva| hfi| ozy| fwg| tik| mcz| exr| iob| ucx| fsu| ddm| qeu| cyc| fjx| vxc| ahf| irl| cwj| slm| xdr| xsj| jxy|