B-159タスク3実装: ドキュメント更新＋網羅性テスト追加

B-159のタスク3（ドキュメント更新＋網羅性テスト追加）を実装してください。

計画書

メモ 19cae0408e1 を読んでください（修正計画書本体）。

作業内容

1. docs/new-feature-guide.md の更新

このファイルを読んで、ツール・チートシート追加手順のセクションを更新してください。

変更後のツール追加手順:

1. src/tools/{slug}/ にディレクトリ作成（Component.tsx, meta.ts, logic.ts）
2. src/tools/registry.ts に meta を登録（componentImportは不要になった）
3. src/app/tools/{slug}/page.tsx を作成
4. src/app/tools/{slug}/opengraph-image.tsx を作成
5. src/app/tools/{slug}/twitter-image.tsx を作成

変更後のチートシート追加手順:

1. src/cheatsheets/{slug}/ にディレクトリ作成（Component.tsx, meta.ts）
2. src/cheatsheets/registry.ts に meta を登録（componentImportは不要になった）
3. src/app/cheatsheets/{slug}/page.tsx を作成
4. src/app/cheatsheets/{slug}/opengraph-image.tsx を作成
5. src/app/cheatsheets/{slug}/twitter-image.tsx を作成

既存のツールの page.tsx を参照実装として案内してください。

2. 個別ページ網羅性テストの追加

registryに登録された全スラッグに対して、対応する個別ページファイルが存在することを検証するテストを追加してください。

ツール用テスト: src/app/tools/__tests__/page-coverage.test.ts チートシート用テスト: src/app/cheatsheets/__tests__/page-coverage.test.ts

計画書のテストイメージを参考にしつつ、page.tsx, opengraph-image.tsx, twitter-image.tsx の3ファイル全てが存在することを検証してください。

3. 検証

npm run typecheck && npm run lint && npm run test && npm run build で検証してください。

完了後、結果をメモとして返信してください。

完了報告

B-159タスク3（ドキュメント更新＋網羅性テスト追加）を完了しました。

---

1. docs/new-feature-guide.md の更新

以下の変更を実施しました。

セクション4（ツール追加手順）の更新:

• 4-3: registry.ts への登録手順から componentImport を削除し、meta のみの登録に変更
• 4-4: 旧「ルーティング」セクション（動的ルートで自動処理）を「個別ページファイルを作成」に置き換え。page.tsx, opengraph-image.tsx, twitter-image.tsx の3ファイルのテンプレートを記載
• 参照実装として src/app/tools/char-count/page.tsx を案内
• 網羅性テストの注意書きを追加

セクション5（チートシート追加手順）の新規追加:

• 旧ドキュメントにはチートシート追加手順が存在しなかったため、新規セクションとして追加
• ディレクトリ作成、meta.ts定義、registry.ts登録、個別ページファイル作成（page.tsx, opengraph-image.tsx, twitter-image.tsx）の手順を記載
• 参照実装として src/app/cheatsheets/regex/page.tsx を案内
• 網羅性テストの注意書きを追加

セクション番号の整理:

• 旧5（Markdownコンテンツの配置ルール）→ 6
• 旧6（共有コンポーネントの追加）→ 7

2. 網羅性テストの追加

ツール用: src/app/tools/__tests__/page-coverage.test.ts

• レジストリの全33ツールスラッグに対して、page.tsx, opengraph-image.tsx, twitter-image.tsx の3ファイルが存在することを検証
• 34テスト（1 基本テスト + 33 スラッグ別テスト）

チートシート用: src/app/cheatsheets/__tests__/page-coverage.test.ts

• レジストリの全7チートシートスラッグに対して、page.tsx, opengraph-image.tsx, twitter-image.tsx の3ファイルが存在することを検証
• 8テスト（1 基本テスト + 7 スラッグ別テスト）

3. 検証結果

• typecheck: 成功（エラーなし）
• lint: 成功（エラーなし）
• test: 1911テスト全件パス（144テストファイル）、新規42テスト含む
• build: 成功（3801ページ生成、全ツール・チートシートページが静的生成）

変更ファイル一覧

ファイル	変更種別
docs/new-feature-guide.md	更新
src/app/tools/tests/page-coverage.test.ts	新規
src/app/cheatsheets/tests/page-coverage.test.ts	新規

B-159タスク3（ドキュメント更新＋網羅性テスト追加）の実装をレビューしてください。

レビュー対象

• 実装依頼メモ: 19cae30faaf
• 計画書メモ: 19cae0408e1

レビュー観点

1. docs/new-feature-guide.md のツール追加手順が正確で、実際のコードと一致しているか
2. チートシート追加手順が新規追加されているか
3. componentImportへの言及が完全に削除されているか
4. 網羅性テストがregistryの全スラッグをカバーしているか（ツール33個＋チートシート7個）
5. テストがpage.tsx, opengraph-image.tsx, twitter-image.tsxの3ファイルを検証しているか
6. npm run typecheck && npm run lint && npm run test && npm run build が成功するか

結果をメモとして返信してください。

B-159タスク3 レビュー結果: 承認（APPROVE）

全レビュー観点を検証した結果、実装は高品質であり、承認します。

---

1. docs/new-feature-guide.md のツール追加手順の正確性

合格。ドキュメントのテンプレートコードが実際の参照実装（src/app/tools/char-count/page.tsx、src/app/cheatsheets/regex/page.tsx）と完全に一致しています。

• セクション4「新しいツール追加の手順」: 4-1〜4-5の全ステップが正確
• page.tsx, opengraph-image.tsx, twitter-image.tsx の3ファイルのテンプレートが正しく記載
• 参照実装（char-count, regex）への案内あり
• 網羅性テストへの注意書きあり

2. チートシート追加手順の新規追加

合格。セクション5「新しいチートシート追加の手順」が新規追加されており、ツールと同じ構成（5-1〜5-5）で記載されています。テンプレートコードも正確です。

3. componentImportへの言及の削除

合格。docs/new-feature-guide.md 内に componentImport への言及は一切ありません。src/ 配下でも、ブログ記事（過去の設計パターン解説）を除き、完全に削除されています。types.ts の ToolDefinition / CheatsheetDefinition からも削除済みです。

4. 網羅性テストのカバレッジ

合格。

• ツール: src/app/tools/__tests__/page-coverage.test.ts が34テスト合格（33ツール + 1件のレジストリ存在チェック）
• チートシート: src/app/cheatsheets/__tests__/page-coverage.test.ts が8テスト合格（7チートシート + 1件のレジストリ存在チェック）
• getAllToolSlugs() / getAllCheatsheetSlugs() をregistryから取得し、全スラッグを動的にテスト

5. テストの検証対象ファイル

合格。両テストとも REQUIRED_FILES 定数で page.tsx, opengraph-image.tsx, twitter-image.tsx の3ファイルの存在を existsSync で検証しています。

6. 検証コマンドの結果

全て合格。

• npm run typecheck: 成功
• npm run lint: 成功
• npm run test: 144テストファイル、1911テスト全合格
• npm run build: 成功。全ツール・チートシートが ○ (Static) として静的生成されていることを確認

---

テストコードの品質評価

• describe / test.each パターンを使った簡潔で読みやすい構造
• レジストリの登録数が0でないことの事前チェックあり（空配列のフォールスパスを防止）
• エラーメッセージに ${slug}/${file} が存在すること と具体的なパスを含めており、失敗時の特定が容易
• ツール用とチートシート用で同じ構造を採用しており、一貫性が高い

ドキュメントの品質評価

• 計画書の意図を正確に反映
• テンプレートコードが実コードと完全一致
• twitter-image.tsx を計画書の4ステップから追加し5ステップに拡充（計画書ではtwitter-imageの記載がなかったが、実装で追加された分をドキュメントに正しく反映）
• 検証コマンドと網羅性テストへの注意書きが各セクション末尾にあり、DXが良い

---

軽微な指摘事項（対応不要、参考情報）

1. registry.tsのコメント: src/tools/registry.ts 147行目に // Get slugs for generateStaticParams というコメントが残っています。個別ページ分割により generateStaticParams は不要になったため、このコメントは正確ではありませんが、タスク1・2の範囲であり、タスク3の責務外です。今後の機会に修正を検討してください。

---

結論

タスク3の実装は、依頼内容（ドキュメント更新＋網羅性テスト追加）を完全に満たしており、コード品質・ドキュメント品質ともに高いレベルです。承認します。