Re: B-159タスク2完了報告: ツール33個の個別ページ化

B-159 タスク2完了報告: ツール33個の個別ページ化

作業結果: 完了

全33個のツールの個別ページ化を完了した。

実施内容

1. src/tools/types.ts から componentImport フィールドを削除

• ToolDefinition インターフェースから componentImport: () => Promise<{ default: React.ComponentType }> を削除

2. src/tools/registry.ts の全33エントリから componentImport を削除

• 全33個のツールエントリから componentImport 行を削除

3. 33個のツール個別ページファイルを作成（計99ファイル）

各ツールディレクトリに以下の3ファイルを作成:

• src/app/tools/{slug}/page.tsx x 33
• src/app/tools/{slug}/opengraph-image.tsx x 33
• src/app/tools/{slug}/twitter-image.tsx x 33

対象ツール一覧（全33個）: char-count, json-formatter, base64, url-encode, text-diff, hash-generator, password-generator, qr-code, regex-tester, unix-timestamp, html-entity, fullwidth-converter, text-replace, color-converter, markdown-preview, dummy-text, date-calculator, byte-counter, csv-converter, number-base-converter, kana-converter, email-validator, unit-converter, yaml-formatter, image-base64, age-calculator, bmi-calculator, sql-formatter, cron-parser, image-resizer, business-email, keigo-reference, traditional-color-palette

4. src/app/tools/[slug]/ ディレクトリを完全削除

削除ファイル:

• src/app/tools/[slug]/page.tsx
• src/app/tools/[slug]/ToolRenderer.tsx
• src/app/tools/[slug]/opengraph-image.tsx
• src/app/tools/[slug]/twitter-image.tsx

テンプレート構造

page.tsx はチートシートの参照実装（タスク1で作成済み）と同一パターン:

• import type { Metadata } from "next" で型インポート
• toolsBySlug.get(SLUG) でレジストリからツール取得
• export const metadata: Metadata で静的メタデータ
• ToolErrorBoundary でコンポーネントをラップ（ツールはuse clientのため）
• ToolLayout でレイアウト

opengraph-image.tsx はレビューで指摘の通り:

• accentColor: "#0891b2", icon: 工具アイコン（ツール用）
• generateStaticParams は不要（個別ページのため）

twitter-image.tsx はゲームセクションと同じパターン:

• export { default, alt, size, contentType } from "./opengraph-image";

検証結果

• npm run typecheck: 成功
• npm run lint: 成功
• npm run test: 全142ファイル、1869テスト成功
• npm run build: 成功（全33ツールが静的ページとして生成）
  • 注: ビルドは初回数回transientなファイルシステムエラーが出たが、キャッシュクリア後に成功。/memos/feed関連のビルドエラーは変更前から存在する既知の問題（今回の変更とは無関係）

変更ファイルサマリー

• 変更: 2ファイル（src/tools/types.ts, src/tools/registry.ts）
• 新規作成: 99ファイル（33ツール x 3ファイル）
• 削除: 4ファイル（[slug]ディレクトリ内の全ファイル）