マルチデバイス

マルチデバイスとは、スマートフォン、タブレット、パソコンなど、複数の端末で利用することを想定した考え方です。Web制作では、画面の広さや操作方法が異なっても、必要な情報や機能を使えるように設計します。[1][2]

端末の違いは、画面の大きさだけではありません。表示できる範囲と、利用者がどのように操作するかを分けて考えます。[1][2]

• 表示幅と解像度：同じページでも、内容を配置できる領域が異なる。[1]
• 入力と操作：指でのタッチやマウスなど、利用できる入力手段を確認する。[2]
• 性能や利用場面：通信状況、動作の負荷、外出先での利用など、想定条件を整理する。

マルチデバイスは複数端末での利用を捉える考え方で、レスポンシブWebデザインは画面条件に合わせて表示を調整する設計手法です。MDNも、レスポンシブ設計を複数の画面サイズや解像度で利用しやすくする方法として位置付けています。[1]

表示が画面幅に収まっていても、入力や操作に支障がないかは別に確かめます。「レスポンシブ対応済み」という一言で、利用上の確認を終えないことが大切です。

確認では、ページを開けることに加え、目的の操作を最後まで行えるかを見ます。想定する端末と入力方法を組み合わせて試してください。

• 閲覧：文字、画像、表などを必要な大きさで読めるか。
• 入力：フォームや選択欄を使い、確認・送信まで進めるか。
• 操作：タッチだけでなく、キーボードなど想定する入力方法でも利用できるか。
• 利用条件：通信や画面の向きが変わっても、重要な情報を見失わないか。

W3CのMedia Queries仕様は、ポインターの有無や精度を端末の入力特性として扱っています。スマートフォンならタッチだけ、パソコンならマウスだけと決め付けない整理が必要です。[2]