# 画面設計書 4-404 Not Found

## 概要

本ドキュメントは、Laravel フレームワークにおける HTTP 404 Not Found エラー画面の設計書です。リクエストされたリソースがサーバー上に存在しない場合に表示されるエラー画面について記載しています。

### 本画面の処理概要

HTTP 404 Not Found エラー画面は、ユーザーがアクセスしようとしたページやリソースが存在しない場合に表示される画面です。この画面は、ユーザーに対してリクエストしたコンテンツが見つからないことを明確に伝え、適切な対応（別のページへの移動、URL の確認など）を促す役割を果たします。

**業務上の目的・背景**：Web アプリケーションにおいて、存在しない URL へのアクセス、削除されたコンテンツへのアクセス、誤った URL の入力などに対応するために本画面が必要です。ユーザーエクスペリエンスの観点から、単にブラウザのデフォルトエラー画面を表示するのではなく、アプリケーションのデザインに統一された画面を表示することで、ユーザーがアプリケーション内に留まり、他のコンテンツを探索できるようにします。また、検索エンジン最適化（SEO）の観点から、適切な 404 ステータスコードを返すことで、検索エンジンに対してページが存在しないことを正確に伝えます。

**画面へのアクセス方法**：この画面は直接アクセスするものではなく、以下のような状況で自動的に表示されます。
1. 定義されていないルートにアクセスした場合
2. 存在しないリソース（削除された記事、無効な ID など）にアクセスした場合
3. ModelNotFoundException がスローされた場合
4. NotFoundHttpException がスローされた場合

**主要な操作・処理内容**：
1. エラーコード「404」とメッセージ「Not Found」を画面中央に表示
2. ダークモード対応のスタイリングにより、ユーザーの表示設定に応じた適切な配色で表示
3. レスポンシブデザインにより、デスクトップ・モバイル両方のデバイスで適切に表示

**画面遷移**：
- 遷移元：存在しない任意の URL へのアクセス試行
- 遷移先：なし（エラー表示のみ。ただし、アプリケーション側でカスタマイズしてホームページや検索ページへのリンクを追加可能）

**権限による表示制御**：この画面は権限に関係なく、リクエストされたリソースが存在しない場合に全てのユーザーに表示されます。

## 関連機能

| 機能No | 機能名 | 関連種別 | 関連する操作・処理 |
|--------|--------|----------|------------------|
| 16 | ルーター | 主機能 | ページ未検出時のルーティングエラー表示 |
| 36 | ビューファクトリ | 補助機能 | Blade テンプレートのレンダリング処理 |

## 画面種別

エラー表示画面

## URL/ルーティング

この画面は特定の URL を持ちません。HTTP レスポンスステータスコード 404 が返される際に、例外ハンドラ（`Illuminate\Foundation\Exceptions\Handler`）により自動的にレンダリングされます。

## 入出力項目

### 入力項目

| 項目名 | 型 | 必須 | 説明 |
|--------|------|------|------|
| なし | - | - | この画面は入力項目を持ちません |

### 出力項目（テンプレート変数）

| 項目名 | 型 | 説明 |
|--------|------|------|
| $exception | HttpExceptionInterface | 発生した例外オブジェクト |
| $errors | ViewErrorBag | バリデーションエラーバッグ（空） |

## 表示項目

| 項目 | 表示内容 | スタイル |
|------|----------|----------|
| エラーコード | 404 | 大きなフォント、右ボーダー付き |
| エラーメッセージ | Not Found | 大文字、トラッキング広め |

## イベント仕様

### 1-画面表示

本画面は静的なエラー表示のみを行い、ユーザーインタラクションのイベントは定義されていません。ブラウザの「戻る」ボタンまたは直接 URL 入力により他の画面へ遷移します。

## データベース更新仕様

本画面はデータベースへの読み書きを行いません。

## メッセージ仕様

| メッセージ種別 | メッセージコード | メッセージ内容 | 表示条件 |
|--------------|----------------|--------------|----------|
| エラー | - | Not Found | 常時表示 |

**多言語対応**：メッセージは `__('Not Found')` ヘルパー関数を使用しており、言語ファイルにより翻訳可能です。

## 例外処理

本画面自体が例外処理の結果として表示されるため、画面内での例外処理は定義されていません。テンプレートのレンダリングに失敗した場合は、Symfony の HtmlErrorRenderer によるフォールバック表示が行われます。

## 備考

- この画面は `minimal.blade.php` レイアウトを継承しています
- 404 エラーは最も一般的に遭遇するエラーの一つであり、ユーザーフレンドリーなカスタマイズが推奨されます
- カスタマイズする場合は、`resources/views/errors/404.blade.php` にファイルを配置することで上書き可能です
- ダークモード対応のスタイリングが含まれています（`prefers-color-scheme: dark` メディアクエリ使用）
- ModelNotFoundException は Handler クラス内で NotFoundHttpException に変換されます

---

## コードリーディングガイド

本画面を理解するために参照すべきファイルと、推奨する読み解き順序を以下に示す。

### 推奨読解順序

#### Step 1: データ構造を理解する

例外処理の流れで渡されるデータ構造を理解することが重要です。

| 順序 | ファイル | パス | 読解ポイント |
|-----|---------|------|-------------|
| 1-1 | HttpException.php | `vendor/symfony/http-kernel/Exception/HttpException.php` | ステータスコード、ヘッダー、メッセージを保持する例外クラスの構造 |
| 1-2 | NotFoundHttpException.php | `vendor/symfony/http-kernel/Exception/NotFoundHttpException.php` | 404 専用の例外クラス |
| 1-3 | ModelNotFoundException.php | `src/Illuminate/Database/Eloquent/ModelNotFoundException.php` | モデルが見つからない場合の例外 |

**読解のコツ**: ModelNotFoundException は Handler クラス内で NotFoundHttpException に変換されます。この変換ロジックを理解することが重要です。

#### Step 2: エントリーポイントを理解する

例外発生からビュー表示までの流れを理解します。

| 順序 | ファイル | パス | 読解ポイント |
|-----|---------|------|-------------|
| 2-1 | Handler.php | `src/Illuminate/Foundation/Exceptions/Handler.php` | 例外ハンドラのメインクラス |

**主要処理フロー**:
1. **行 149-162**: `$internalDontReport` 配列に ModelNotFoundException が含まれている
2. **行 920-938**: `renderHttpException()` メソッドで HTTP 例外のレンダリングを実行
3. **行 922**: `registerErrorViewPaths()` でエラービューのパスを登録
4. **行 924-930**: `getHttpExceptionView()` で適切なビューを取得し、`response()->view()` でレンダリング
5. **行 958-968**: `getHttpExceptionView()` でステータスコードに基づくビュー名を決定

#### Step 3: ビューパス登録を理解する

| 順序 | ファイル | パス | 読解ポイント |
|-----|---------|------|-------------|
| 3-1 | RegisterErrorViewPaths.php | `src/Illuminate/Foundation/Exceptions/RegisterErrorViewPaths.php` | エラービューの名前空間登録処理 |

**主要処理フロー**:
- **行 15-22**: `__invoke()` メソッドで `errors` 名前空間にビューパスを登録

#### Step 4: テンプレート継承を理解する

| 順序 | ファイル | パス | 読解ポイント |
|-----|---------|------|-------------|
| 4-1 | 404.blade.php | `src/Illuminate/Foundation/Exceptions/views/404.blade.php` | 404 エラー専用テンプレート |
| 4-2 | minimal.blade.php | `src/Illuminate/Foundation/Exceptions/views/minimal.blade.php` | 共通レイアウトテンプレート |

**主要処理フロー**:
- **404.blade.php 行 1**: `@extends('errors::minimal')` で共通レイアウトを継承
- **404.blade.php 行 3-5**: `@section` でタイトル、コード、メッセージを定義
- **minimal.blade.php 行 24, 28**: `@yield('code')` と `@yield('message')` で子テンプレートの内容を表示

### プログラム呼び出し階層図

```
NotFoundHttpException / ModelNotFoundException 発生
    │
    ├─ Handler::render()
    │      │
    │      ├─ Handler::mapException()
    │      │      └─ ModelNotFoundException → NotFoundHttpException
    │      │
    │      └─ Handler::prepareResponse()
    │             │
    │             └─ Handler::renderHttpException()
    │                    │
    │                    ├─ Handler::registerErrorViewPaths()
    │                    │      └─ RegisterErrorViewPaths::__invoke()
    │                    │
    │                    └─ Handler::getHttpExceptionView()
    │                           └─ view()->exists('errors::404')
    │
    └─ response()->view('errors::404', [...])
           └─ 404.blade.php
                  └─ minimal.blade.php（継承）
```

### データフロー図

```
[入力]                    [処理]                         [出力]

存在しないURL       ───▶ Router                    ───▶ NotFoundHttpException
   or                     │
ModelNotFoundException    │
                          ▼
                    Handler::render()
                          │
                          ├─ mapException()
                          │      └─ 例外の変換
                          │
                          ├─ renderHttpException()
                          │      │
                          │      ├─ registerErrorViewPaths()
                          │      │
                          │      └─ getHttpExceptionView()
                          │             └─ 'errors::404'
                          │
                          └─ response()->view()   ───▶ HTTP Response
                                 │                      (status: 404)
                                 └─ Blade レンダリング
                                        │
                                        ├─ 404.blade.php
                                        │
                                        └─ minimal.blade.php
```

### 関連ファイル一覧

| ファイル | パス | 種別 | 役割 |
|---------|------|------|------|
| 404.blade.php | `src/Illuminate/Foundation/Exceptions/views/404.blade.php` | テンプレート | 404 エラー専用のコンテンツ定義 |
| minimal.blade.php | `src/Illuminate/Foundation/Exceptions/views/minimal.blade.php` | テンプレート | エラー画面の共通レイアウト |
| Handler.php | `src/Illuminate/Foundation/Exceptions/Handler.php` | ソース | 例外ハンドリングとビュー選択のロジック |
| RegisterErrorViewPaths.php | `src/Illuminate/Foundation/Exceptions/RegisterErrorViewPaths.php` | ソース | エラービューパスの登録処理 |
| ModelNotFoundException.php | `src/Illuminate/Database/Eloquent/ModelNotFoundException.php` | ソース | Eloquent モデルが見つからない場合の例外 |
| Router.php | `src/Illuminate/Routing/Router.php` | ソース | ルーティング処理とルート未発見時の例外発生 |
