応用情報技術者 2024年 秋期 午前2 問25
問題文
Webページの構成要素のうち、図のような固定の表示領域内でマウス操作やタッチ操作を行うことによってスクロールし、複数の画像などが横方向に順次表示されるものを何というか。
選択肢
ア：アコーディオン
イ：カルーセル（正解）
ウ：タブ
エ：モーダルウィンドウ
Webページの構成要素のうち、図のような固定の表示領域内でマウス操作やタッチ操作を行うことによってスクロールし、複数の画像などが横方向に順次表示されるものを何というか。【午前2 解説】
要点まとめ
- 結論：図のように左右の矢印で画像を切り替え、横方向に順次表示するUIは「カルーセル」と呼ばれます。
- 根拠：カルーセルは複数のコンテンツを一つの領域で切り替え表示し、ユーザーが操作してスクロールできる特徴があります。
- 差がつくポイント：アコーディオンは縦方向の折りたたみ、タブは切り替えはあるが横スクロールはしない点で区別されます。
正解の理由
イ: カルーセルは、固定された表示領域内で複数の画像やコンテンツを左右の矢印やスワイプ操作で横方向に切り替えながら表示するUIコンポーネントです。図の説明にある左右の三角矢印や複数の画像が横並びで表示され、下部に現在の表示位置を示すインジケーターがある構成は典型的なカルーセルの特徴です。
よくある誤解
アコーディオンは縦方向にコンテンツを折りたたむUIであり、横スクロールはしません。タブは切り替えはあるものの、スクロール操作は伴わず固定表示です。
解法ステップ
- 図の構成要素を確認し、左右の矢印があることを把握する。
- 複数の画像が横方向に並び、スクロール操作が可能な点に注目する。
- 選択肢のUIコンポーネントの特徴を整理する。
- 横方向にスクロールしながら画像を切り替えるUIは「カルーセル」であると判断する。
選択肢別の誤答解説
- ア: アコーディオン
縦方向にコンテンツを折りたたむUIであり、横スクロールや画像の順次表示は行いません。 - イ: カルーセル
正解。横方向に複数の画像を切り替え表示し、矢印操作やスワイプでスクロール可能なUIです。 - ウ: タブ
複数のコンテンツを切り替えるUIですが、横スクロールはなく、固定表示で切り替えます。 - エ: モーダルウィンドウ
ポップアップで表示されるウィンドウであり、スクロール操作や画像の横並び表示とは異なります。
補足コラム
カルーセルはWebデザインでよく使われるUIパターンで、ユーザーが限られたスペースで多くの情報を閲覧できる利点があります。スマートフォンのタッチ操作にも対応しやすく、画像ギャラリーや商品紹介などで多用されます。インジケーターは現在の表示位置を視覚的に示す役割を持ち、ユーザビリティ向上に寄与します。
FAQ
Q: カルーセルとスライダーは同じものですか？
A: 基本的には同じ意味で使われることが多いですが、スライダーは画像やコンテンツが自動でスライドする場合も含みます。
A: 基本的には同じ意味で使われることが多いですが、スライダーは画像やコンテンツが自動でスライドする場合も含みます。
Q: タブとカルーセルの違いは何ですか？
A: タブはクリックで切り替える固定表示でスクロールはしません。カルーセルはスクロール操作で横方向にコンテンツを切り替えます。
A: タブはクリックで切り替える固定表示でスクロールはしません。カルーセルはスクロール操作で横方向にコンテンツを切り替えます。
関連キーワード: カルーセル、UIコンポーネント、横スクロール、画像ギャラリー、インジケーター、タッチ操作、Webデザイン
\ せっかくなら /
応用情報技術者を
クイズ形式で学習しませんか？
クイズ画面へ遷移する→
すぐに利用可能！