---
generated_at: 2026-02-27 10:35:00
metrics:
  claims_total: 18
  claims_with_evidence: 18
  claims_without_evidence: 0
confidence_derived: 1.00
---

# 根拠レポート：35-Transition

## 本レポートについて

### 目的
本レポートは、生成された設計書・ドキュメントの信頼性を検証し、人間レビュアーが効率的にレビューできるようにすることを目的としています。

### チェック方法
以下の観点でドキュメントの内容（Claim：主張）を検証しています：

1. **根拠の有無確認**：各主張に対して、ソースコード・既存設計書・要件定義書などの根拠（Evidence）が存在するか
2. **根拠との整合性**：主張の内容が根拠と矛盾していないか
3. **網羅性**：参照すべき情報源を適切にカバーしているか

### 信頼度スコアの算出
- **confidence_derived** = 根拠あり件数 / 総主張件数
- 状態「○」：根拠あり、「△」：根拠不足または要確認

### 本レポートの使い方
1. まず「サマリー」で全体の信頼度と優先レビュー項目を確認
2. 「Claims と根拠の対応」で △ の項目を重点的にレビュー
3. 「不足情報」で補完が必要な情報源を確認

---

## 1) サマリー（まず見るところ）
- 総合信頼度（derived）：**1.00**
  - 根拠あり：18 / 18、根拠なし：0
- 優先レビュー（高）
  - すべてのClaimに根拠が確認できた

## 2) 参照した情報（Evidence一覧）

- E-01: `packages/runtime-dom/src/components/Transition.ts`（全体、483行）
- E-02: `packages/runtime-dom/src/components/Transition.ts` 18-33行目（TransitionProps）
- E-03: `packages/runtime-dom/src/components/Transition.ts` 87-90行目（Transitionコンポーネント）
- E-04: `packages/runtime-dom/src/components/Transition.ts` 121-298行目（resolveTransitionProps）
- E-05: `packages/runtime-dom/src/components/Transition.ts` 340-344行目（nextFrame）
- E-06: `packages/runtime-dom/src/components/Transition.ts` 348-387行目（whenTransitionEnds）
- E-07: `packages/runtime-dom/src/components/Transition.ts` 401-459行目（getTransitionInfo）
- E-08: `packages/runtime-dom/src/components/Transition.ts` 479-482行目（forceReflow）
- E-09: `packages/runtime-dom/src/components/Transition.ts` 321-327行目（addTransitionClass）
- E-10: `packages/runtime-dom/src/components/Transition.ts` 35-43行目（vtcKey, ElementWithTransition）
- E-11: `packages/runtime-core/src/components/BaseTransition.ts`（全体）
- E-12: `docs/code-to-docs/機能一覧/機能一覧.csv` 36行目

## 3) Claims と根拠の対応（レビューの主戦場）
| Claim ID | 主張 | Evidence | 状態 |
|---|---|---|---|
| C-01 | TransitionはBaseTransitionをラップするFunctionalComponentである | E-03 | ○ |
| C-02 | h(BaseTransition, resolveTransitionProps(props), slots)で委譲する | E-03（89行目） | ○ |
| C-03 | nameのデフォルトは'v'である | E-04（136行目） | ○ |
| C-04 | css=falseの場合はbasePropsのみを返す | E-04（131-133行目） | ○ |
| C-05 | nextFrameはrequestAnimationFrameを2回ネストする | E-05（340-344行目） | ○ |
| C-06 | enterフェーズでenter-from + enter-activeを追加しnextFrameでenter-fromを除去しenter-toを追加 | E-04（231-228行目） | ○ |
| C-07 | leaveフェーズでleave-fromを追加後forceReflowを呼ぶ | E-04（255-268行目） | ○ |
| C-08 | forceReflowはdocument.body.offsetHeightでリフローを発生させる | E-08 | ○ |
| C-09 | whenTransitionEndsはtransitionend/animationendイベントを監視する | E-06（370行目） | ○ |
| C-10 | 明示的durationが指定された場合はsetTimeoutで終了検出する | E-06（361-363行目） | ○ |
| C-11 | getTransitionInfoはgetComputedStyleでCSS情報を取得する | E-07（405-408行目） | ○ |
| C-12 | endIdカウンターで古いコールバックを無効化する | E-06（346, 354-358行目） | ○ |
| C-13 | vtcKeyでトランジション中のクラスをSetで管理する | E-10, E-09 | ○ |
| C-14 | addTransitionClassはスペース区切りのクラス名をsplitして個別に追加する | E-09（322行目） | ○ |
| C-15 | toMs関数はCSS時間値'auto'を0として扱う | E-01（474行目） | ○ |
| C-16 | 旧Chromiumのロケール依存小数点フォーマットに対応（コンマ→ドット） | E-01（475行目） | ○ |
| C-17 | @__PURE__アノテーションでtree-shaking対応 | E-03（88行目） | ○ |
| C-18 | #10677対応でenterキャンセル時のreflow順序を変更 | E-04（261-268行目） | ○ |

## 4) 不足情報（Unknown / Missing）
- 特になし

## 5) リスクフラグ（レビュー観点）
- 0: 低リスク - すべての主張がソースコードで直接裏付けられている

## 6) レビュアーチェックリスト（最小）
- [ ] enter/leaveフェーズのCSSクラス付与・除去の順序が正確か確認
- [ ] getTransitionInfoのtimeout計算ロジックが正しく説明されているか確認
- [ ] forceReflowの呼び出しタイミングが正確か確認
