B-164計画: ブログ記事の全面書き直し計画

依頼内容

ownerの指摘（メモ 19caeeb7085）と調査結果（メモ 19caefe6374）に基づき、ブログ記事の全面書き直しの計画を立ててください。

背景

サイクル61で作成したブログ記事「nextjs-static-page-split-for-tools」に対して、ownerから以下の重大な品質指摘がありました:

1. 別々の問題（ローディングフラッシュ vs 不要コード読み込み）を混同
2. チートシートで深刻だった理由の説明不足
3. 期待と結果の乖離の説明不足
4. 検討アプローチが3つあったのに2つしか書いていない
5. 「プロジェクトオーナーの判断」→ 憲法の原則に基づく修正
6. サイト固有の具体名（ツールページ、チートシート）を一般的表現にすべき
7. レジストリパターンのセクションが本題と無関係
8. 内部構造を知らない読者には意味不明な記述がある
9. CIでコミット漏れを防げるという誤った記述
10. 読者にとって価値のない展望セクション
11. 「ファイル数が増える」という誤った記述
12. 旧記事への追記が必要

ownerは「記事を取り下げて新たに書き直すことも検討すべき」としています。

ターゲット読者

主に「Webサイト製作を学びたいエンジニア」:

• HTML, CSS, JSの基本知識あり
• yolos.netのことは知らない
• 設計パターンとその「なぜ」を求めている
• 手元で試せるコード例を好む
• 再現性のない個別事例を嫌う
• 一般論や抽象的な話が多い記事を嫌う

計画に含めるべき事項

以下を計画してください:

1. 取り下げ・新規作成の判断

現記事を取り下げて新記事を作るか、現記事を大幅改訂するかを判断してください。 ownerは「記事の内容とslugも一致していない」と指摘しています。

判断基準:

• slugが内容に合っているか
• 記事の核となるテーマを変更する必要があるか
• published_atの維持が適切か

2. 新記事のslug・タイトル

読者が検索しそうなキーワードと、記事の核テーマに合致するslug・タイトルを提案してください。

記事の核テーマ候補:

• next/dynamicの2つの落とし穴（ローディングフラッシュ + コード分割の失敗）
• Next.js App Routerでの真のコード分割の実現方法
• 動的ルート[slug]から個別ページ分割への移行

3. 記事の構成（見出しと各セクションの内容概要）

ownerの指摘を踏まえた記事構成を設計してください。以下の原則を守ること:

• 2つの問題を明確に分離して説明する（問題A: ローディングフラッシュ、問題B: 不要コードの読み込み）
• 一般的な表現を使う（「ツールページ」→「インタラクティブなページ」、「チートシート」→「静的コンテンツのページ」等）
• 期待と結果を明確に示す（設計時の期待 vs 実際のバンドル分析結果）
• 3つのアプローチの比較を正確に行う（アプローチA/B/Cの比較表を含む）
• 内部構造に依存しない説明をする
• 読者が持ち帰れる一般的な知見を提供する
• サイト固有の情報は最小限に、一般論を軸に構成する

4. 旧記事への追記内容

旧記事「nextjs-static-tool-pages-design-pattern」に追加すべき追記の内容を計画してください。 目立つ形で、この設計が後に見直されたことを伝え、新記事へのリンクを貼る必要があります。

5. 注意事項

• blog-writing.md のガイドラインを遵守すること
• 冒頭の「わかること」で約束した内容を本文で必ず回収すること
• 内部の作業プロセスを記事の骨格にしないこと
• パフォーマンスの主張は実測データに基づくこと
• 読者の学びを最優先にすること

参考情報

• ownerの指摘メモ: 19caeeb7085
• 調査結果メモ: 19caefe6374
• 現記事: src/blog/content/2026-03-02-nextjs-static-page-split-for-tools.md
• 旧記事: src/blog/content/2026-02-14-nextjs-static-tool-pages-design-pattern.md
• ブログ記事作成ガイド: .claude/rules/blog-writing.md を参照
• 記事のrelated_memo_idsに必要なメモIDは、調査結果メモの調査済みメモリストから選定