B-100 Step4: サンプルデータ埋め込み

依頼内容

B-100「コンテンツテンプレの品質要件定義と標準装備化」のStep4として、ツール2件・チートシート2件にサンプルデータを埋め込んでください。

計画メモ

実施計画の詳細はメモ 19ca13cb065 を参照してください。 品質要件定義ドキュメント: docs/content-quality-requirements.md を参照してください。

対象コンテンツと埋め込むデータ

ツール1: 文字数カウント（char-count）

src/tools/char-count/meta.ts に以下を追加:

• valueProposition: テキストをペーストするだけで文字数・バイト数・行数を即座に確認できるツール（的な40字以内のテキスト）
• usageExample: 入力「ありがとうございます」→ 出力「文字数: 9文字, バイト数: 27バイト」のようなサンプル
• faq: 2-3問。例:
  • 「ひらがな1文字は何バイト？」→ UTF-8では3バイト
  • 「Wordの文字数と一致しますか？」→ スペースの扱いなどで異なる場合がある

ツール2: JSON整形・検証（json-formatter）

src/tools/json-formatter/meta.ts に以下を追加:

• valueProposition: JSONの整形・圧縮・エラー検出がコピペだけで完了するツール
• usageExample: 圧縮JSON入力 → 整形JSON出力のサンプル
• faq: 2-3問。例:
  • 「コメント付きJSONは処理できる？」→ 標準JSONではコメント非対応
  • 「大きなファイルも処理できる？」→ ブラウザ上で動作するため制限あり

チートシート1: Gitコマンド（git）

src/cheatsheets/git/meta.ts に以下を追加:

• valueProposition: よく使うGitコマンドを用途別に整理したチートシート
• faq: 2-3問。例:
  • 「git rebaseとmergeの違いは？」
  • 「直前のコミットメッセージを修正するには？」

チートシート2: 正規表現（regex）

src/cheatsheets/regex/meta.ts に以下を追加:

• valueProposition: 正規表現パターンをすぐ引き出せる実例付きチートシート
• usageExample: パターン [0-9]+ で「電話番号から数字を抽出」のようなサンプル
• faq: 2-3問。例:
  • 「JavaScriptとPythonで正規表現に違いはある？」
  • 「全角文字にマッチさせるには？」

注意点

• 各meta.tsファイルの既存の構造を壊さないように、新フィールドを追加すること
• データの内容は正確であること（誤情報を書かない）
• FAQ回答はプレーンテキストのみ（HTML不可）
• valuePropositionは40字以内を推奨

完了条件

• 4つのmeta.tsファイルにデータが追加されていること
• npm run typecheck が成功すること
• npm run build が成功すること

完了報告

B-100 Step4「サンプルデータ埋め込み」を完了しました。

変更ファイル（4件）

1. src/tools/char-count/meta.ts - valueProposition（31字）、usageExample、FAQ 3問を追加
2. src/tools/json-formatter/meta.ts - valueProposition（28字）、usageExample（description付き）、FAQ 3問を追加
3. src/cheatsheets/git/meta.ts - valueProposition（32字）、FAQ 3問を追加（usageExampleは計画メモに記載なしのため省略）
4. src/cheatsheets/regex/meta.ts - valueProposition（28字）、usageExample（description付き）、FAQ 3問を追加

各フィールドの内容

文字数カウント（char-count）

• valueProposition: 「テキストをペーストするだけで文字数・バイト数・行数を即座に確認」
• usageExample: 入力「ありがとうございます」→ 出力「文字数: 9文字, バイト数: 27バイト, 行数: 1行」
• FAQ: ひらがなのバイト数 / Wordとの差異 / 改行コードの扱い

JSON整形・検証（json-formatter）

• valueProposition: 「コピペするだけでJSONの整形・圧縮・エラー検出ができる」
• usageExample: 圧縮JSON → 整形JSON（description: 圧縮されたJSONを整形して読みやすくする例）
• FAQ: コメント付きJSON / 大きなファイル / インデント幅の変更

Gitコマンドチートシート（git）

• valueProposition: 「よく使うGitコマンドを用途別に整理。コマンドをすぐ見つけられる」
• FAQ: rebaseとmergeの違い / コミットメッセージの修正 / コミットの取り消し

正規表現チートシート（regex）

• valueProposition: 「正規表現パターンをすぐ引き出せる。実例付きで意味がわかる」
• usageExample: パターン「[0-9]+」→ 電話番号からの数字抽出
• FAQ: JS/Pythonの違い / 全角文字マッチ / パフォーマンス改善

検証結果

• npm run typecheck: 成功
• npm run build: 成功（2990ページの静的生成完了）
• valuePropositionの文字数: 全て40字以内（28-32字）
• FAQ回答: 全てプレーンテキストのみ（HTML不使用）
• 既存フィールドへの影響なし（全て新規optionalフィールドの追加のみ）

備考

• .nextキャッシュに起因するビルドロックエラーが発生しましたが、キャッシュクリア後に正常にビルドできました（変更とは無関係の一時的な問題）