---
generated_at: 2026-02-25 10:00:00
metrics:
  claims_total: 22
  claims_with_evidence: 22
  claims_without_evidence: 0
confidence_derived: 1.00
---

# 根拠レポート：71-デフォルトUIコンポーネント

## 本レポートについて

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

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

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

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

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

---

## 1) サマリー（まず見るところ）
- 総合信頼度（derived）：**1.00**
  - 根拠あり：22 / 22、根拠なし：0
- 優先レビュー（高）
  - 全項目に根拠あり。特段の優先レビュー項目なし

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

- E-01: `packages/decap-cms-ui-default/src/index.js` - パッケージエントリーポイント
- E-02: `packages/decap-cms-ui-default/src/styles.js` - デザイントークン定義
- E-03: `packages/decap-cms-ui-default/src/Loader.js` - Loaderコンポーネント
- E-04: `packages/decap-cms-ui-default/src/Toggle.js` - Toggleコンポーネント
- E-05: `packages/decap-cms-ui-default/src/Dropdown.js` - Dropdownコンポーネント
- E-06: `packages/decap-cms-ui-default/src/Icon.js` - Iconコンポーネント
- E-07: `packages/decap-cms-ui-default/src/FieldLabel.js` - FieldLabelコンポーネント
- E-08: `packages/decap-cms-ui-default/src/ListItemTopBar.js` - ListItemTopBarコンポーネント
- E-09: `packages/decap-cms-ui-default/src/ObjectWidgetTopBar.js` - ObjectWidgetTopBarコンポーネント
- E-10: `packages/decap-cms-ui-default/src/IconButton.js` - IconButtonコンポーネント
- E-11: `packages/decap-cms-ui-default/src/AuthenticationPage.js` - AuthenticationPageコンポーネント
- E-12: `packages/decap-cms-ui-default/src/GoBackButton.js` - GoBackButtonコンポーネント
- E-13: `packages/decap-cms-ui-default/src/WidgetPreviewContainer.js` - WidgetPreviewContainerコンポーネント
- E-14: `docs/code-to-docs/機能一覧/機能一覧.csv` - 機能一覧
- E-15: `docs/code-to-docs/画面機能マッピング/画面機能マッピング.csv` - 画面機能マッピング

## 3) Claims と根拠の対応（レビューの主戦場）

| Claim ID | 主張 | Evidence | 状態 |
|---|---|---|---|
| C-01 | Loaderは5秒間隔でテキストを切替表示する | E-03（84-88行目: setInterval 5000ms） | ○ |
| C-02 | Toggleはinternal useStateで状態管理する | E-04（58行目: useState(active)） | ○ |
| C-03 | Dropdownはreact-aria-menubuttonベース | E-05（5行目: import { Wrapper, Button, Menu, MenuItem } from 'react-aria-menubutton'） | ○ |
| C-04 | Iconはxsmall/small/medium/largeの4サイズをサポート | E-06（48-53行目: sizes定義） | ○ |
| C-05 | Icon方向はright/down/left/upをサポート | E-06（43行目: rotations定義、71行目: PropTypes.oneOf） | ○ |
| C-06 | FieldLabelはhasErrors時に赤色、isActive時に青色 | E-07（5-24行目: stateColors定義とgetStateColors関数） | ○ |
| C-07 | ListItemTopBarは折り畳み・ドラッグハンドル・削除ボタンを含む | E-08（48-76行目: onCollapseToggle, dragHandle, onRemove条件描画） | ○ |
| C-08 | ObjectWidgetTopBarは型付きリストの追加UIを含む | E-09（75-84行目: renderAddUI, types有無で分岐） | ○ |
| C-09 | AuthenticationPageはロゴ・ログインボタン・戻りリンクを含む | E-11（89-105行目: renderPageLogo, LoginButton, GoBackButton描画） | ○ |
| C-10 | GoBackButtonはローカライズ対応 | E-12（40行目: t('ui.default.goBackToSite')） | ○ |
| C-11 | index.jsは名前付きエクスポートとオブジェクトエクスポートの両方 | E-01（34-67行目: DecapCmsUiDefault、68-102行目: 名前付きexport） | ○ |
| C-12 | colorsRawは基本カラーパレット定義 | E-02（34-53行目: colorsRaw定義） | ○ |
| C-13 | colorsはセマンティックカラー定義 | E-02（55-87行目: colors定義） | ○ |
| C-14 | topBarHeightは56px | E-02（90行目: topBarHeight: '56px'） | ○ |
| C-15 | zIndexは階層管理（0〜99999） | E-02（419-431行目: zIndex定義） | ○ |
| C-16 | GlobalStylesはアプリ全体のグローバルCSS | E-02（433-525行目: GlobalStyles関数） | ○ |
| C-17 | Icon回転角度はgetRotation関数で計算 | E-06（39-46行目: getRotation関数） | ○ |
| C-18 | Loaderはactive propで表示制御 | E-03（125行目: display: ${props => (props.active ? 'block' : 'none')}） | ○ |
| C-19 | DropdownのcloseOnSelectionはデフォルトtrue | E-05（86行目: closeOnSelection = true） | ○ |
| C-20 | WidgetPreviewContainerはmargin: 15px 2pxのstyled div | E-13（3-4行目: margin: 15px 2px） | ○ |
| C-21 | React 19対応でPropTypes.checkPropTypesを手動呼び出し | E-03（70-71行目）、E-09（66-72行目）、E-12（30-31行目） | ○ |
| C-22 | 60種類以上のアイコンを提供 | E-01、SVGファイル一覧（Globで確認: 50以上のSVGファイル） | ○ |

## 4) 不足情報（Unknown / Missing）
- 特になし。全主張にソースコードによる根拠あり。

## 5) リスクフラグ（レビュー観点）
- 0: 低リスク - 全主張がソースコードで確認済み

## 6) レビュアーチェックリスト（最小）
- [ ] デザイントークン（colors, lengths等）の値がstyles.jsと一致しているか確認
- [ ] 各コンポーネントのProps定義が実際のソースコードと一致しているか確認
- [ ] アイコン種類数の記載（60種類以上）が正確か確認
