一言でいうと
レスポンシブとは、スマートフォンやタブレット、パソコンなど、いろいろな大きさの画面に自動的に対応して見やすく表示される機能のことです。
もう少し詳しく
例えば、新聞を想像してください。大きな新聞用紙と小さなスマートフォン画面では、同じ内容を表示する場合、レイアウトを変える必要があります。
レスポンシブは、この新聞のように「自分がどのくらいの広さに置かれているか」を感知して、最適な見せ方に自動的に変わる仕組みです。パソコンでは横に3列で並んでいた記事が、スマートフォンでは1列に自動的に並び直すといったイメージです。
つまり、ウェブサイトやアプリが、表示される画面のサイズに応じて「形を変える」ということなのです。
よく使われる場面
ほとんどのモダンなウェブサイトで使われています。企業のホームページやニュースサイト、オンラインショップなど、パソコンでもスマートフォンでも快適に見られるのはこの技術のおかげです。
エラーログ管理サイトなどの業務用ツールでも、外出先からスマートフォンで確認したい場合、レスポンシブ対応していると画面サイズに合わせて見やすく表示されます。
関連する言葉
- レイアウト：ウェブページの配置や構成のこと
- UI（ユーザーインターフェース）：ユーザーが見て操作する画面全体
- モバイルファースト：スマートフォン用の設計を最初に考える方針