画面機能仕様書 (Screen & Function Specification)

[アプリ起動]
    │
    ▼
┌──────────┐       BottomNavigationBar       ┌──────────┐
│  S-01    │ ◄──────────────────────────────► │  S-02    │
│ 撮影画面  │         タブ切り替え              │ 一覧画面  │
└──────────┘                                  └──────────┘
                                                   │
                                                   │ サムネイルタップ
                                                   ▼
                                              ┌──────────┐
                                              │ 拡大表示   │
                                              │ (ダイアログ) │
                                              └──────────┘

┌─────────────────────────┐
│     BottomNavBar         │  ← 画面下部（通常位置）
├─────────────────────────┤
│                         │
│                         │
│    カメラプレビュー       │  ← 上下反転表示（180°回転）
│    （画面全体）           │
│                         │
│                         │
├─────────────────────────┤
│   [シャッターボタン]      │  ← 画面上部（端末を逆さに置くため）
└─────────────────────────┘

┌─────────────────────────┐
│     BottomNavBar         │
├─────────────────────────┤
│ ┌─────┐ ┌─────┐ ┌─────┐│
│ │     │ │     │ │     ││
│ │ img │ │ img │ │ img ││
│ │     │ │     │ │     ││
│ └─────┘ └─────┘ └─────┘│
│ ┌─────┐ ┌─────┐ ┌─────┐│
│ │     │ │     │ │     ││
│ │ img │ │ img │ │ img ││
│ │     │ │     │ │     ││
│ └─────┘ └─────┘ └─────┘│
│          ...             │
├─────────────────────────┤
│   [画面上部エリア]        │  ← 逆さ配置のため上部が操作側
└─────────────────────────┘

シャッターボタンタップ
    │
    ▼
CameraController.takePicture()
    │
    ▼
一時ファイル（XFile）取得
    │
    ▼
PNG エンコード（image パッケージ）
    │
    ▼
ファイル名生成（命名規則に従う）
    │
    ▼
Pictures/MiniTIAS/ に保存
    │
    ▼
MediaStore 通知（ギャラリーアプリへの反映）
    │
    ▼
スナックバーで保存完了を通知

ファイル名候補 = "MiniTIAS_{timestamp}.png"

IF ファイル名候補が存在しない:
    RETURN ファイル名候補

suffix = 1
WHILE "MiniTIAS_{timestamp}_{suffix}.png" が存在する:
    suffix += 1

RETURN "MiniTIAS_{timestamp}_{suffix}.png"

アプリ起動
    │
    ▼
カメラ権限を確認
    │
    ├── 許可済み → カメラプレビュー開始
    │
    └── 未許可 → 権限リクエストダイアログ表示
              │
              ├── 許可 → カメラプレビュー開始
              │
              └── 拒否 → 「カメラの権限が必要です」メッセージ表示
                         ＋ 設定画面への誘導ボタン

lib/
├── main.dart                  # アプリエントリポイント，Provider 登録
├── app.dart                   # MaterialApp 定義，テーマ設定
├── providers/
│   ├── camera_provider.dart   # カメラ制御の状態管理
│   └── gallery_provider.dart  # 画像一覧の状態管理
├── screens/
│   ├── capture_screen.dart    # 撮影画面 (S-01)
│   └── gallery_screen.dart    # 一覧画面 (S-02)
├── widgets/
│   ├── camera_preview.dart    # カメラプレビューウィジェット
│   ├── shutter_button.dart    # シャッターボタン
│   ├── image_grid.dart        # サムネイルグリッド
│   └── image_detail_dialog.dart # 拡大表示ダイアログ
└── services/
    ├── file_service.dart      # ファイル保存・命名・削除
    └── permission_service.dart # パーミッション管理

┌─────────────────────────────────┐
│  Screens（画面）                  │  UI 層: ウィジェット構築のみ
├─────────────────────────────────┤
│  Widgets（部品）                  │  再利用可能な UI コンポーネント
├─────────────────────────────────┤
│  Providers（状態管理）            │  ビジネスロジック・状態保持
├─────────────────────────────────┤
│  Services（サービス）             │  外部リソースとのインタフェース
└─────────────────────────────────┘