Component Gallery

Glossary

ページネーションと無限スクロールの違い

Pagination vs Infinite Scroll

30秒でわかる要点

ページネーションは結果をページ単位で移動し、無限スクロールは下へ進むほど追加読み込みする一覧UIです。

使い分けのポイント

  • ・ページネーションは検索結果や管理画面に向く
  • ・無限スクロールは発見型フィードに向く
  • ・SEO対象の一覧ではページURLを設計する

関連コンポーネント

ページネーション（Pagination）ページネーション（Pagination）は、複数ページに渡るコンテンツを区切り、ページ間を移動するためのナビゲーション。ページ数・現在位置・前後移動ボタンで構成される。スケルトン（Skeleton）スケルトン（Skeleton）は、コンテンツ読み込み中にレイアウトの骨格をアニメーション表示するプレースホルダーコンポーネント。スピナーより体感速度が速く感じられる。

運営・更新・参照元

最終更新日
2026-07-16
レビュー状態
未レビュー

参照元

FAQ

ページネーションと無限スクロールの違いはどう使い分けますか？

ページネーションは結果をページ単位で移動し、無限スクロールは下へ進むほど追加読み込みする一覧UIです。 実装時は、ユーザーが何を判断・入力・移動したいのかを基準に選びます。

ページネーションと無限スクロールの違いでよくある誤解は何ですか？

ページネーションは検索結果や管理画面に向く

ページネーションと無限スクロールの違いをチームで統一するには？

デザインシステムやUI用語集で推奨名、別名、使う場面、使わない場面を明記し、画面レビュー時に同じ呼称を使います。