レスポンシブWebデザイン
Responsive Web Design
れすぽんしぶうぇぶでざいん
Related
他の資格での定義
PC、タブレット、スマートフォンなどの画面サイズに応じて、レイアウトやコンテンツの表示を自動的に最適化するWebデザイン手法。メディアクエリやフレキシブルグリッドを使用して実現する。
PC、タブレット、スマートフォンなど画面サイズの異なるデバイスに対して、1つのHTMLソースでレイアウトを自動的に最適化するWebデザイン手法。CSSのメディアクエリを用いてブレークポイントごとにデザインを切り替える。
1つのHTML文書を、閲覧する端末の画面の大きさに応じて、CSSのメディアクエリなどでレイアウトを自動的に切り替えて表示する設計の手法。パソコン、タブレット、スマートフォンごとに別のページを用意せずに済み、URLも1つにまとまる。
1つのHTMLを、CSSのメディアクエリなどを使い、閲覧する端末の画面幅に応じてレイアウトを自動的に切り替えて表示する設計手法。端末ごとに別のページを作る必要がなく、URLが1つにまとまるため管理しやすい。
Past Exams
過去問での出題
過去問で 1 回出題(応用情報技術者試験 1)
出典: 独立行政法人情報処理推進機構(IPA)の過去問題。問題文は IPA のサイトの PDF で確認できます。用語名で照合しているため、関係の薄い問題が含まれることがあります。
Related
関連キーワードの用語
Webサイトやアプリケーションの設計において、スマートフォンなどのモバイル端末での表示・操作を最優先に設計し、その後にPC向けを拡張していくアプローチ。
CSSで画面の幅や向き、解像度といった条件を指定し、条件に応じたスタイルを適用する仕組み。1つのHTMLでPCとスマートフォンの両方に対応する、レスポンシブWebデザインの中核技術。
Webの標準技術を策定する国際的な標準化団体。HTML、CSS、XMLなどのWeb技術の標準仕様を勧告として公開し、Webの長期的な発展とアクセシビリティの向上を推進する。
製品やサービスの利用を通じてユーザが得る体験全体のこと。使いやすさだけでなく、楽しさや感動などの感情的な価値も含む。優れたUXの設計が顧客満足度と競争力の向上につながる。
検索エンジン最適化のこと。Webサイトが検索エンジンの検索結果で上位に表示されるように、サイトの構造やコンテンツを最適化する施策。オーガニック(自然)検索からの集客力向上を目指す。
HTTPプロトコルを通じてWeb上で提供されるAPI。異なるシステム間でデータを連携でき、地図サービスや決済サービスなど様々なWebサービスの機能を外部から利用可能にする。
