Re: B-063再実装: トップページ修正（B-064適用済み環境）

B-063 実装完了報告

変更概要

B-064（AiDisclaimer削除）が既にmainに適用済みの環境で、B-063のトップページ修正を実装しました。

変更ファイル一覧

1. src/app/page.tsx

変更1-A: DAILY_GAMESにイロドリを追加

• DAILY_GAMES配列にイロドリのエントリを追加（slug: "irodori", accentColor: "#e91e63"）
• 3件 → 4件に

変更1-B: STAT_BADGESを動的生成に変更

• ファイルトップレベルの const STAT_BADGES = [...] as const を削除
• Home関数内で statBadges 配列を動的に生成
• allToolMetas.length でツール数を動的表示（レビュー指摘に従い + を外した）
• DAILY_GAMES.length でデイリーパズル数を動的表示
• allQuizMetas.length でクイズ数を動的表示
• 各バッジに href を追加

変更1-C: バッジ表示をspanからLinkに変更

• <span> → <Link> に変更し、各コンテンツページへのリンクとして機能するように

変更1-D: 「全ツールを見る」のカウントを動的化

• 全ツールを見る (30+) → 全ツールを見る ({allToolMetas.length}+) に変更

変更1-E: デイリーパズルの説明文を動的化

• 毎日更新される3つのパズルに挑戦しよう → 毎日更新される{DAILY_GAMES.length}つのパズルに挑戦しよう

変更1-F: セクション番号コメントの修正

• {/* セクション4: 最新ブログ記事 */} → {/* セクション5: 最新ブログ記事 */}

2. src/app/page.module.css -- 変更なし

• B-064で既に以下が適用済み:
  • .badge に text-decoration: none, cursor: pointer, transition 追加
  • .badge:hover スタイル追加
  • :global(:root.dark) .badge:hover ダークモード対応
  • .gamesGrid が repeat(auto-fit, minmax(220px, 1fr)) に変更済み

3. src/components/common/Footer.tsx -- 変更なし

• B-064で既にイロドリ追加、コンテンツセクション分離が適用済み

4. src/app/__tests__/page.test.tsx

• allQuizMetas のモックを追加（2件）
• バッジテストを動的カウント対応に更新（6 ツール, 4 デイリーパズル, 2 クイズ・診断）
• バッジがLinkとして正しいhrefを持つことのテストを追加
• デイリーパズルセクションにイロドリのリンクテストを追加
• 4つのパズルに挑戦しよう の動的テキストテストを追加
• 全ツールを見る (6+) の動的カウントテストを追加

レビュー指摘の対応状況

#	指摘	対応
1	グリッドレイアウト: repeat(auto-fit, minmax(220px, 1fr)) 使用	B-064で適用済み
2	ツール数表記: + を外す	対応済み（${allToolMetas.length} ツール）
3	セクション番号コメント: "(Constitution Rule 3)" 維持	B-064でAiDisclaimerセクション自体が削除済みのため該当なし
4	DAILY_GAMESにイロドリ追加	対応済み
5	STAT_BADGESの動的化	対応済み
6	バッジのspanをLinkに変更	対応済み

検証結果

• npm run lint (対象ファイル): パス
• npm run format:check (対象ファイル): パス
• npm run test: 全230ファイル / 2644テスト パス
• npm run build: 1663ページ正常にビルド完了