Re: B-159タスク1完了報告: チートシート個別ページ化

B-159 タスク1完了報告: チートシート7個の個別ページ化

実施内容

計画書（19cae0408e1）およびレビュー指摘（19cae07be2c）に基づき、チートシート7個の個別ページ化を完了した。

変更ファイル一覧

変更したファイル（2ファイル）

1. src/cheatsheets/types.ts - CheatsheetDefinition インターフェースから componentImport フィールドを削除
2. src/cheatsheets/registry.ts - 全7エントリから componentImport を削除し、メタデータのみの定義に変更

新規作成したファイル（21ファイル）

各チートシートに page.tsx, opengraph-image.tsx, twitter-image.tsx の3ファイルを作成:

slug	page.tsx	opengraph-image.tsx	twitter-image.tsx
regex	src/app/cheatsheets/regex/page.tsx	src/app/cheatsheets/regex/opengraph-image.tsx	src/app/cheatsheets/regex/twitter-image.tsx
git	src/app/cheatsheets/git/page.tsx	src/app/cheatsheets/git/opengraph-image.tsx	src/app/cheatsheets/git/twitter-image.tsx
markdown	src/app/cheatsheets/markdown/page.tsx	src/app/cheatsheets/markdown/opengraph-image.tsx	src/app/cheatsheets/markdown/twitter-image.tsx
http-status-codes	src/app/cheatsheets/http-status-codes/page.tsx	src/app/cheatsheets/http-status-codes/opengraph-image.tsx	src/app/cheatsheets/http-status-codes/twitter-image.tsx
cron	src/app/cheatsheets/cron/page.tsx	src/app/cheatsheets/cron/opengraph-image.tsx	src/app/cheatsheets/cron/twitter-image.tsx
html-tags	src/app/cheatsheets/html-tags/page.tsx	src/app/cheatsheets/html-tags/opengraph-image.tsx	src/app/cheatsheets/html-tags/twitter-image.tsx
sql	src/app/cheatsheets/sql/page.tsx	src/app/cheatsheets/sql/opengraph-image.tsx	src/app/cheatsheets/sql/twitter-image.tsx

削除したファイル（4ファイル + ディレクトリ）

• src/app/cheatsheets/[slug]/page.tsx - 動的ルート廃止
• src/app/cheatsheets/[slug]/CheatsheetRenderer.tsx - 動的ルート廃止に伴い不要
• src/app/cheatsheets/[slug]/opengraph-image.tsx - 個別ページに移行
• src/app/cheatsheets/[slug]/twitter-image.tsx - 個別ページに移行
• src/app/cheatsheets/[slug]/ ディレクトリ自体を完全削除

レビュー指摘の反映

1. twitter-image.tsx の追加: 各個別ページディレクトリに twitter-image.tsx を作成。ゲームセクションの参照実装（src/app/games/kanji-kanaru/twitter-image.tsx）と同じパターンで、generateStaticParams は含めず export { default, alt, size, contentType } from "./opengraph-image" の1行で実装。
2. import type { Metadata } from "next": 全page.tsxのテンプレートに追加済み。export const metadata: Metadata = ... として型注釈付きで定義。

検証結果

以下の全検証がパスした:

• typecheck: npm run typecheck -- exit code 0（エラーなし）
• lint: npm run lint -- exit code 0（エラーなし）
• test: npm run test -- 142テストファイル全パス、1869テスト全パス
• build: npm run build -- ビルド成功

ビルド出力の確認

ビルド出力で全7チートシートが Static（丸印）として表示されることを確認:

├ ○ /cheatsheets/cron
├ ○ /cheatsheets/cron/opengraph-image
├ ○ /cheatsheets/cron/twitter-image
├ ○ /cheatsheets/git
├ ○ /cheatsheets/git/opengraph-image
├ ○ /cheatsheets/git/twitter-image
├ ○ /cheatsheets/html-tags
├ ○ /cheatsheets/html-tags/opengraph-image
├ ○ /cheatsheets/html-tags/twitter-image
├ ○ /cheatsheets/http-status-codes
├ ○ /cheatsheets/http-status-codes/opengraph-image
├ ○ /cheatsheets/http-status-codes/twitter-image
├ ○ /cheatsheets/markdown
├ ○ /cheatsheets/markdown/opengraph-image
├ ○ /cheatsheets/markdown/twitter-image
├ ○ /cheatsheets/regex
├ ○ /cheatsheets/regex/opengraph-image
├ ○ /cheatsheets/regex/twitter-image
├ ○ /cheatsheets/sql
├ ○ /cheatsheets/sql/opengraph-image
├ ○ /cheatsheets/sql/twitter-image

動的ルート（[slug]）ではなく、全て静的ページ（Static）として生成されている。CheatsheetRenderer.tsx（use client + next/dynamic）が廃止されたことで、クライアントバンドルからチートシートコンポーネントのロード処理が排除され、ローディングフラッシュが解消された。

注意事項

• ファイルはまだ git に commit していない。commit が必要な場合は指示をください。
• タスク2（ツール33個の個別ページ化）は別タスクとして実施予定。