カルーセル・グリッド・横スクロール

複数の画像やカードを、カルーセル・グリッド・横スクロールのどれで見せる？

判断表

判断軸	カルーセル 1枚ずつ送って見せる	グリッドレイアウト全部を一度に並べる	横スクロールギャラリー横に流して、続きを覗かせる
一度に見える数	1枚。2枚目以降は操作しないと見えない	全部。枠幅に応じて列数が変わる	2〜3枚＋次の端。続きがあると分かる
利用者が見る割合	先頭以外は見られにくい。操作が要る	スクロールの範囲で全部見られる	先頭数枚は見られる。奥は減る
向く内容	1つの商品の複数写真・順番のある物語	並列で比べる商品・記事の一覧	おすすめ・関連など「ついでに見る」列
モバイル	スワイプで自然。見本は Pointer Events 対応	1〜2列になり縦に長くなる	指で流す前提の型。最も自然
実装と操作の負担	矢印・ドット・スワイプの3経路が要る	CSS だけ。操作不要	CSS の scroll-snap ＋ドラッグ対応が少し

迷ったらグリッド。全部見え、操作が要らず、実装も軽い。ただし1つの対象の写真を順に見せる（商品の別角度・手順）ならカルーセル、一覧の主役を邪魔せずに「他にもある」を添える列なら横スクロールにする。

ヒーローに自動再生カルーセルを置かない（1枚目以外はほぼ見られず、動きが本文を邪魔する）。高さが揃わない画像は masonry-layout、サムネで切り替える型は thumbnail-gallery を参照。