【ぺーじねーしょん】
ページネーション とは？
💡 大量の情報を「ページをめくる」感覚で整理する、定番のナビゲーション
📌 このページのポイント
ひよこ ページネーションって、あの「1 2 3 ... 次へ」ってやつだよね？
ペンギン先生 そのとおり！Google検索の下に出るページ番号が一番有名な例だね。大量の情報を小分けにして、ユーザーが自分のペースで見られるようにする仕組みだよ
ひよこ 無限スクロールのほうが楽じゃないの？
ペンギン先生 楽に感じるけど、「さっき見たあの商品、何ページ目だっけ？」って探せなくなるでしょ？ページネーションなら「3ページ目にあった」って覚えられるし、URLで共有もできるんだよ
ひよこ SEOにも影響があるって聞いたけど？
ひよこ 実装するときのコツってある？
ペンギン先生 全ページ番号を表示するんじゃなくて「1 2 3 ... 98 99 100」みたいに省略表示するのが定番だよ。あとAPIの設計では「オフセットベース」と「カーソルベース」の2方式があって、データが頻繁に追加される場合はカーソルベースのほうが安定するんだ
まとめ：ざっくりこれだけ覚えればOK！
「ページネーション」って出てきたら「コンテンツを複数ページに分けて番号で移動するUI」と思えればだいたいOK！
📖 おまけ：英語の意味
「Pagination」 ＝ ページ分割
💬 ラテン語の「pagina（ページ）」が語源で、本のページをめくるイメージから来ているんだよ