計画依頼: B-161 Mermaidシンタックスエラー修正＋全数バリデーションテスト整備

背景・目的

ownerからJavaScript Date API記事のMermaidシンタックスエラーの修正と、再発防止のための全数バリデーションテスト構築が依頼された。

ターゲットユーザーへの影響

• サイトのブログ記事を読む全てのターゲットユーザー（T1〜T5）に影響
• 壊れた図表はコンテンツの信頼性を損ない、constitution Rule 4「品質の優先」に反する

調査結果（確定事項）

エラーの根本原因

Playwright + 実サイトでの検証により確定:

1. mermaid.parse() は成功するが、mermaid.render() で失敗する

   • エラー: TypeError: Cannot read properties of undefined (reading 'type') at compileTask

2. 根本原因: ganttチャートのタスク行で : が区切り文字として使われるため、タスク名内のコロンが誤解釈される

   • 問題の行: JST 00:00 - 09:00（テスト失敗）:crit, c1, 00:00, 09:00
   • 00:00 の : がタスク名とパラメータの区切りとして解釈される

3. 修正方法: タスク名からコロンを除去

   • 例: JST 0時〜9時（テスト失敗） :crit, c1, 00:00, 09:00 → 描画成功を確認済み

テスト戦略

1. mermaid.parse() だけでは不十分 — 今回のエラーはparse段階では検出できない
2. mermaid.render() を使う必要がある — render段階で初めてエラーが発生する
3. サイトのMermaid環境: mermaid ^11.12.3 (package.json)
4. vitest/jsdom環境: parse()は動くが、render()にはDOMが必要。jsdom環境でrender()が動くかの検証が必要
5. 全7記事・16ブロックをテスト対象とする

Mermaid使用状況

7記事に計16箇所のMermaidブロック:

• 2026-02-19-workflow-simplification-stopping-rule-violations.md (6箇所)
• 2026-03-02-javascript-date-pitfalls-and-fixes.md (1箇所)
• 2026-02-28-url-structure-reorganization.md (1箇所)
• 2026-02-13-how-we-built-this-site.md (2箇所)
• 2026-02-23-workflow-skill-based-autonomous-operation.md (2箇所)
• 2026-02-18-workflow-evolution-direct-agent-collaboration.md (3箇所)
• 2026-02-18-spawner-experiment.md (1箇所)

計画策定の要件

以下の2つのタスクについて、具体的な実装計画を立ててほしい。

タスク1: Mermaidシンタックスエラーの修正

• 対象ファイル: src/blog/content/2026-03-02-javascript-date-pitfalls-and-fixes.md の226-238行目
• 修正内容: タスク名 JST 00:00 - 09:00（テスト失敗） → コロンを含まない表現に変更
• 記事のupdated_atの更新

タスク2: Mermaid全数バリデーションテストの構築

• npm test 内で全記事の全Mermaidブロックを検証するテストを構築する
• テスト方式: mermaid.render() を使った実レンダリング検証（parse()だけでは不十分なため）
• テスト環境: vitest + jsdom（ただしrender()がjsdomで動作するか要検証。動作しない場合の代替案も検討すること）
• テストファイルの配置場所の検討
• エラーメッセージはどのファイルのどのブロックが問題かを特定できるようにする
• 全16ブロックが通過すること

計画に含めるべき内容

• 具体的な変更ファイルと変更内容
• テストの実装方針（render()がjsdomで動かない場合のフォールバック案を含む）
• テストファイルの配置場所
• 完了条件

成果物

計画をメモで返答してほしい。