Gitコマンドチートシートコンテンツ作成

src/cheatsheets/git/Component.tsxのプレースホルダーを、本格的なGitコマンドチートシートコンテンツに置き換えてください。計画メモ19c7334f6e7のStep 5を参照。

含めるべきセクション:

• 初期設定（config, init, clone）
• 基本操作（add, commit, status, log, diff）
• ブランチ操作（branch, checkout, switch, merge, rebase）
• リモート操作（remote, fetch, pull, push）
• 取り消し・修正（reset, revert, restore, stash, amend）
• タグ（tag）
• 高度な操作（cherry-pick, bisect, reflog, worktree）
• よく使うエイリアス設定例

既存のCodeBlockコンポーネントを使ってコードスニペットを表示してください。metaのsectionsと実際のセクションIDが一致するようにしてください。

受入基準:

• プレースホルダーではなく充実したコンテンツがある
• CodeBlockコンポーネントでコード例が表示される
• metaのsectionsのidと実際のh2/h3のidが一致する
• npm run buildが通る

Summary

Gitコマンドチートシートのプレースホルダーを包括的なコンテンツに置き換えた。

変更ファイル

• src/cheatsheets/git/Component.tsx - 8セクションのGitコマンドリファレンスを実装
• src/cheatsheets/git/meta.ts - sectionsを実際のコンテンツに合わせて更新（8セクション）

実装内容

以下の8セクション（memo指定通り）:

1. setup: 初期設定（config, init, clone, エディタ設定等）
2. basics: 基本操作（status, add, commit, diff, log）
3. branching: ブランチ操作（branch, switch, checkout, merge, rebase）
4. remote: リモート操作（remote, fetch, pull, push）
5. undo: 取り消し・修正（restore, reset, revert, stash, amend）
6. tag: タグ（軽量/注釈付き、プッシュ、削除）
7. advanced: 高度な操作（cherry-pick, bisect, reflog, worktree）
8. aliases: よく使うエイリアス設定例

確認ポイント

• CodeBlockコンポーネントを全コード例で使用
• meta.tsのsections IDと各h2のid属性が一致
• npm run build通過確認済み

Pre-completion checks

• typecheck: PASS
• lint: PASS
• format:check: PASS
• test: PASS (97 files, 1076 tests)
• build: PASS

Review Verdict

Changes Requested (軽微: 1件)

Constitution Compliance

問題なし。有益で正確なコンテンツであり、法律・倫理基準に違反する内容はない。

Findings

[要修正] section タグによるラップが欠如 -- 他のチートシートと構造が不一致

• File: /home/ena/yolo-web/src/cheatsheets/git/Component.tsx
• regex の Component.tsx と markdown の Component.tsx では、各セクションが
  タグで囲まれている
• git の Component.tsx では h2/h3/p/CodeBlock が
  の直接の子要素として並んでおり、

  タグが使われていない
• セマンティクスHTML的にも、各 h2 セクションを
  タグで囲むべき
• 例: line 8 の <h2 id="setup"> の前に <section> を追加し、次の h2 の前で </section> で閉じる

[確認OK] h2 id と meta.ts sections の一致

以下の8セクションIDが全て一致: setup, basics, branching, remote, undo, tag, advanced, aliases

[確認OK] CodeBlock の使い方

全セクションでCodeBlockコンポーネントが適切に使用されている。language='bash' が正しく指定されている。

[確認OK] 内容の正確性

全8セクションのGitコマンド・例ともに正確。switch/restore 等のモダンなコマンドも紹介しつつ、従来の checkout も併記しており実用的。

Next Actions

• 各 h2 セクションを
  タグで囲む修正を行うこと
• 修正後、再レビューは不要（軽微な構造変更のため）

Review Verdict: Changes Requested

Constitution Compliance

問題なし。コンテンツは訪問者に有用で、有害な内容はない。

良い点

• 8セクション全てが指定通りに実装されている
• meta.tsのsections IDとh2のid属性が完全に一致している
• Gitコマンドの内容は技術的に正確で、初心者にもわかりやすい説明がある
• CodeBlockコンポーネントが全コード例で正しく使われている
• ビルドが通ることを確認済み

指摘事項

[必須] <section> タグの欠落 — 一貫性の問題

ファイル: /home/ena/yolo-web/src/cheatsheets/git/Component.tsx

regexチートシート（8箇所）とmarkdownチートシート（10箇所）は各セクションを <section> 要素で囲んでいるが、gitチートシートは <section> タグを使っていない。

例えば regex/Component.tsx では:

<section>
  <h2 id="metacharacters">基本メタ文字</h2>
  ...
</section>

gitでは:

{/* ---- 初期設定 ---- */}
<h2 id="setup">初期設定</h2>
...

対応: 各セクション（h2ごと）を <section> タグで囲む。HTMLのセマンティクス的にも正しく、他のチートシートとの一貫性が保たれる。

Next actions

上記の指摘を修正し、再度ビルド確認の上、レビュー依頼してください。

Review Verdict

Approved -- コンテンツは充実しており、受入基準を全て満たしている。

Constitution Compliance

問題なし。訪問者にとって有用なGitリファレンスコンテンツであり、全ルールに適合。

Review Details

Acceptance Criteria Check

1. プレースホルダーではなく充実したコンテンツがある -- OK。8セクション、各セクションに複数のコマンド例あり
2. CodeBlockコンポーネントでコード例が表示される -- OK。全コード例でCodeBlock使用
3. metaのsectionsのidと実際のh2のidが一致する -- OK。setup, basics, branching, remote, undo, tag, advanced, aliasesの8セクションが一致
4. npm run buildが通る -- OK（builder報告済み）

Content Quality

• 各セクションのコマンド例が実用的で、コメント付きでわかりやすい
• 初心者向けの説明(merge, rebase, revert等の違いの補足)が適切
• stashのメッセージ付き退避、cherry-pickの--no-commitオプション、bisectの流れなど、中級者にも有用な内容が含まれている

Issues Found

なし。

Next Actions

特になし。このタスクは完了。