---
generated_at: 2026-02-25 12:00:00
metrics:
  claims_total: 26
  claims_with_evidence: 26
  claims_without_evidence: 0
confidence_derived: 1.00
---

# 根拠レポート：12-ローディング画面

## 本レポートについて

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

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

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

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

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

---

## 1) サマリー（まず見るところ）
- 総合信頼度（derived）：**1.00**
  - 根拠あり：26 / 26、根拠なし：0
- 優先レビュー（高）
  - 該当なし（全ての主張に根拠が存在）

## 2) 参照した情報（Evidence一覧）
> ここに「実在するもの」だけ列挙。抽出フェーズで付けたIDをそのまま出す。

- E-01: `packages/decap-cms-core/src/components/App/App.js`（169-171行目：ローディング画面の描画箇所）
- E-02: `packages/decap-cms-ui-default/src/Loader.js`（全163行：Loaderコンポーネントの実装）
- E-03: `packages/decap-cms-core/src/reducers/config.ts`（9-28行目：configリデューサーのdefaultStateと状態遷移）
- E-04: `packages/decap-cms-core/src/actions/config.ts`（32-34行目、423-558行目：アクションタイプ定義とloadConfig関数）
- E-05: `packages/decap-cms-locales/src/en/index.js`（29行目：英語ロケール `app.app.loadingConfig`）
- E-06: `packages/decap-cms-locales/src/ja/index.js`（29行目：日本語ロケール `app.app.loadingConfig`）
- E-07: `docs/code-to-docs/画面一覧/画面遷移図.md`（12-14行目：ローディング画面の遷移定義）
- E-08: `docs/code-to-docs/画面機能マッピング/画面機能マッピング.csv`（66-68行目：画面No.12のマッピング）
- E-09: `docs/code-to-docs/画面一覧/画面一覧.csv`（13行目：画面No.12の定義）
- E-10: `packages/decap-cms-core/src/reducers/globalUI.ts`（23-43行目：グローバルUI状態リデューサー）
- E-11: `packages/decap-cms-ui-default/src/styles.js`（67行目：colors.active、428行目：zIndex.zIndex1000）

## 3) Claims と根拠の対応（レビューの主戦場）
| Claim ID | 主張 | Evidence | 状態 |
|---|---|---|---|
| C-01 | config.isFetchingがtrueの間にLoaderコンポーネントが表示される | E-01（App.js 169-171行目: `if (config.isFetching) { return <Loader active>{t('app.app.loadingConfig')}</Loader>; }`） | ○ |
| C-02 | configリデューサーのdefaultStateはisFetching: trueである | E-03（config.ts 9-11行目: `const defaultState = { isFetching: true };`） | ○ |
| C-03 | CONFIG_REQUESTアクションでisFetchingがtrueに設定される | E-03（config.ts 15-17行目: `case CONFIG_REQUEST: state.isFetching = true; break;`） | ○ |
| C-04 | CONFIG_SUCCESSアクションでisFetchingがfalseに設定される | E-03（config.ts 18-23行目: `case CONFIG_SUCCESS: return { ...action.payload, isFetching: false, error: undefined };`） | ○ |
| C-05 | CONFIG_FAILUREアクションでisFetchingがfalseに、errorにエラー文字列が設定される | E-03（config.ts 24-27行目: `case CONFIG_FAILURE: state.isFetching = false; state.error = action.payload.toString();`） | ○ |
| C-06 | 「Loading configuration...」が英語ロケールのテキストである | E-05（en/index.js 29行目: `loadingConfig: 'Loading configuration...'`） | ○ |
| C-07 | 「設定を読み込んでいます...」が日本語ロケールのテキストである | E-06（ja/index.js 29行目: `loadingConfig: '設定を読み込んでいます...'`） | ○ |
| C-08 | t('app.app.loadingConfig')でローカライズテキストを取得している | E-01（App.js 170行目: `{t('app.app.loadingConfig')}`） | ○ |
| C-09 | Loaderのactiveプロパティで表示/非表示を制御する | E-02（Loader.js 125行目: `display: ${props => (props.active ? 'block' : 'none')};`） | ○ |
| C-10 | ローダーアニメーションは0.6秒で1回転の無限ループである | E-02（Loader.js 155行目: `animation: ${animations.loader} 0.6s linear;`、156行目: `animation-iteration-count: infinite;`） | ○ |
| C-11 | Loaderは画面中央に配置される | E-02（Loader.js 126-132行目: `position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);`） | ○ |
| C-12 | z-indexはzIndex.zIndex1000（= 1000）が適用される | E-02（Loader.js 131行目: `z-index: ${zIndex.zIndex1000};`）、E-11（styles.js 428行目: `zIndex1000: 1000`） | ○ |
| C-13 | Loaderコンポーネントはクラスコンポーネントとして実装されている | E-02（Loader.js 59行目: `export class Loader extends React.Component`） | ○ |
| C-14 | childrenが文字列の場合はLoaderText内にそのまま表示する | E-02（Loader.js 96-97行目: `if (typeof children == 'string') { return <LoaderText>{children}</LoaderText>; }`） | ○ |
| C-15 | childrenが配列の場合は5秒ごとにローテーション表示する | E-02（Loader.js 84-88行目: `this.interval = setInterval(() => { ... }, 5000);`） | ○ |
| C-16 | config === nullの場合はnullを返す | E-01（App.js 161-163行目: `if (config === null) { return null; }`） | ○ |
| C-17 | config.errorが存在する場合はconfigErrorメソッドでエラー画面を表示する | E-01（App.js 165-167行目: `if (config.error) { return this.configError(config); }`） | ○ |
| C-18 | 設定読み込み成功後、未認証の場合は認証画面を表示する | E-01（App.js 173-175行目: `if (user == null) { return this.authenticating(t); }`） | ○ |
| C-19 | loadConfig関数でconfigLoading → getConfigYaml → validateConfig → handleLocalBackend → normalizeConfig → applyDefaults → configLoadedの順に処理される | E-04（config.ts 528行目: configLoading、531-546行目: 一連の処理、548行目: configLoaded） | ○ |
| C-20 | loadConfigのエラー時にconfigFailedがディスパッチされる | E-04（config.ts 553-554行目: `dispatch(configFailed(err))`） | ○ |
| C-21 | ローダーの疑似要素(before/after)で回転アニメーションが描画される | E-02（Loader.js 134-159行目: `&:before`で静的な円、`&:after`で回転アニメーション付き円を描画） | ○ |
| C-22 | アプリケーション初期化（機能No.1）が主機能として関連する | E-08（画面機能マッピング.csv 66行目: 画面No.12、機能No.1、関連種別「主機能」） | ○ |
| C-23 | 設定管理（機能No.2）が主機能として関連する | E-08（画面機能マッピング.csv 67行目: 画面No.12、機能No.2、関連種別「主機能」） | ○ |
| C-24 | CMS UIローカライズ（機能No.70）が補助機能として関連する | E-08（画面機能マッピング.csv 68行目: 画面No.12、機能No.70、関連種別「補助機能」） | ○ |
| C-25 | 画面遷移図でローディング画面から設定エラー・認証・コレクション一覧への遷移が定義されている | E-07（画面遷移図.md 12-14行目: `LOADING -->|設定エラー| CONFIG_ERROR`、`LOADING -->|未認証| AUTH`、`LOADING -->|認証済み| COLLECTION`） | ○ |
| C-26 | LoaderTextのスタイルは色#767676、上マージン55pxである | E-02（Loader.js 44-51行目: `color: #767676; margin-top: 55px;`） | ○ |

## 4) 不足情報（Unknown / Missing）
- 該当なし。ローディング画面は比較的シンプルな画面であり、全ての主張がソースコードまたは既存ドキュメントから直接確認できた。

## 5) リスクフラグ（レビュー観点）
- 0: 低リスク - ローディング画面はUI表示のみの画面で、データベース操作やAPI呼び出し（config.ymlのフェッチを除く）は直接行わない。Loaderコンポーネント自体はdecap-cms-ui-defaultパッケージの汎用コンポーネントであり、実装が明確で検証も容易である。

## 6) レビュアーチェックリスト（最小）
- [ ] App.jsの169-171行目でconfig.isFetching時にLoaderコンポーネントがレンダリングされることを確認
- [ ] configリデューサーのdefaultStateが`{ isFetching: true }`であることを確認
- [ ] CONFIG_REQUEST/CONFIG_SUCCESS/CONFIG_FAILUREの各アクションに対するisFetchingの状態遷移が正しいことを確認
- [ ] Loader.jsのactiveプロパティによる表示制御（display: block/none）が正しく動作することを確認
- [ ] ロケールファイル（en/index.js、ja/index.js）のapp.app.loadingConfigキーの値が設計書と一致していることを確認
- [ ] 画面遷移図で定義されたローディング画面からの遷移先（設定エラー、認証画面、コレクション一覧画面）がApp.jsの実装と一致していることを確認
- [ ] loadConfig関数の処理フローが設計書の記載と一致していることを確認
