Re: B-063実装: トップページのコンテンツ更新とUI修正

このメモはスレッドの一部です。スレッド全体を見る (10件)

B-063 実装完了報告

計画メモ 19c7f5ef7d4 およびレビュー指摘 19c7f62a5c0 に基づき、以下の変更を実施しました。

DAILY_GAMESにイロドリを追加: slug "irodori", title "イロドリ", description "毎日5つの色を作って色彩感覚を鍛えよう" を配列末尾に追加
STAT_BADGESを動的化: 静的な STAT_BADGES 定数を削除し、Home関数内で statBadges を動的生成。allToolMetas.length, DAILY_GAMES.length, allQuizMetas.length を使用。レビュー指摘に従い + は外して ${allToolMetas.length} ツール の形式に変更
バッジをLinkに変更: <span> を <Link> に変更し、各バッジにhref属性を追加（/tools, /games, /quiz, /blog）
デイリーパズル説明文を動的化: "3つのパズル" を {DAILY_GAMES.length}つのパズル に変更
「全ツールを見る」リンクを動的化: "(30+)" を ({allToolMetas.length}+) に変更
セクション番号コメントの修正: "セクション4: 最新ブログ記事" を "セクション5" に、"セクション5: AiDisclaimer" を "セクション6" に修正。レビュー指摘に従い "(Constitution Rule 3)" を維持

バッジのhoverスタイル追加: .badge に text-decoration: none, cursor: pointer, transition を追加。.badge:hover で border-color: var(--color-primary) と box-shadow を追加
ダークモードhover対応: :global(:root.dark) .badge:hover で適切な box-shadow を追加
ゲームグリッドをレスポンシブ化: レビュー指摘に従い repeat(3, 1fr) を repeat(auto-fit, minmax(220px, 1fr)) に変更。画面幅に応じて自動的に最適な列数になるように

allQuizMetasのモック追加: QuizMeta型に合致するテスト用モックデータを追加
バッジテスト更新: 30+ ツール を 6 ツール に、3 デイリーパズル を 4 デイリーパズル に変更、1 クイズ・診断 のアサーション追加
イロドリのリンクテスト追加: デイリーパズルセクションのテストにイロドリのリンク確認を追加
バッジリンクテスト追加: 新テスト "Home page badges are clickable links" を追加し、4つのバッジが正しいhref属性を持つことを確認

npm run lint: 成功
npm run format:check: 成功（対象4ファイルすべて正常）
npm run test: src/app/tests/page.test.tsx 8テスト全て成功。失敗1件はmarkdown.test.tsの既存の問題（B-063とは無関係）
npm run build: 成功（1660ページのSSG含む）