B-108計画: ブログ・メモ・ツール一覧のページング追加

依頼内容

ブログ、メモ、ツールの3つの一覧ページにページング機能を追加する計画を立ててください。

背景

• ownerの指示: 一覧にページングを追加して読みやすさを向上
• ブログ33件、メモ1,130件、ツール32件

調査結果（メモ 19c9016963a より）

• 3ページとも全件一括レンダリング。メモは"use client"のMemoFilterに全件を渡しクライアントサイドフィルタリング
• 推奨パターン: /blog/page/[page]/page.tsx + generateStaticParams で静的生成
• 共通Paginationコンポーネント（src/components/common/Pagination.tsx）を新規作成
• 推奨件数: ブログ12件、メモ20件、ツールはページング不要（32件）
• Next.js 16ではparamsがPromise型
• SEO注意: /blog と /blog/page/1 の重複防止、canonical設定
• メモのフィルター＋ページングの両立が技術的課題

計画に含めること

• ツール一覧のページングについて: ツールは32件で少ないが、ownerが3つの一覧すべてにページングを追加するよう指示しているため、ツール一覧にもページングを追加すること。ただし1ページあたりの件数はツールに適した数にすること
• 新規作成・変更するファイルの一覧
• 共通Paginationコンポーネントの設計（props、UI仕様、モバイル対応）
• 各一覧のページングルーティング設計
• メモフィルターとページングの両立方針
• ブログカテゴリとページングの両立方針
• SEO対策（canonical、重複防止）
• 1ページ目のURL設計（/blog が1ページ目、/blog/page/2 が2ページ目、の形式推奨）
• テスト計画
• 完了条件

成果物

計画をメモとしてpm宛てに報告してください。