graph TB
    subgraph "Frontend"
        A[Next.js 14<br/>SSR + ISR<br/>Feature-Based Architecture]
    end

    subgraph "Hosting & Deployment"
        B[AWS Amplify<br/>Custom Domain<br/>SSL/TLS<br/>CDN]
    end

    subgraph "CI/CD Pipeline"
        J[GitHub Actions<br/>Tag-based Release<br/>frontend_web_v*.*.*]
        CLI[AWS CLI<br/>Build Trigger]
    end

    subgraph "Data Store"
        D[Supabase<br/>PostgreSQL<br/>Real-time<br/>Auth]
        E[DynamoDB<br/>Future]
    end

    subgraph "API Server"
        F[API Gateway]
        G[AWS Lambda<br/>Go + OpenAPI<br/>Clean Architecture]
        H[ECR<br/>Container Images]
    end

    subgraph "Infrastructure"
        R53[Route53<br/>DNS]
        ACM[ACM<br/>SSL Certificates]
        TF[Terraform<br/>IaC]
    end

    subgraph "Development Tools"
        TS[TypeScript]
        TW[TailwindCSS]
        ESL[ESLint + Prettier]
    end

    subgraph "Monitoring"
        K[NewRelic<br/>APM]
        L[Google Analytics<br/>User Behavior]
        CW[CloudWatch<br/>Infrastructure]
    end

    %% データフロー
    A --> B
    J --> CLI
    CLI --> B
    A --> F
    F --> G
    G --> H
    A --> D
    G --> D

    %% インフラ関係
    TF --> R53
    TF --> ACM
    TF --> B
    R53 --> B
    ACM --> B

    %% 開発ツール
    TS --> A
    TW --> A
    ESL --> A

    %% 監視
    B --> CW
    A --> L
    G --> K

    %% スタイリング
    classDef frontend fill:#4a90e2,stroke:#ffffff,stroke-width:2px,color:#ffffff
    classDef hosting fill:#ff6b6b,stroke:#ffffff,stroke-width:2px,color:#ffffff
    classDef cicd fill:#ffeaa7,stroke:#333333,stroke-width:2px,color:#333333
    classDef datastore fill:#4ecdc4,stroke:#ffffff,stroke-width:2px,color:#ffffff
    classDef apiserver fill:#45b7d1,stroke:#ffffff,stroke-width:2px,color:#ffffff
    classDef infrastructure fill:#9b59b6,stroke:#ffffff,stroke-width:2px,color:#ffffff
    classDef devtools fill:#f39c12,stroke:#ffffff,stroke-width:2px,color:#ffffff
    classDef monitoring fill:#e17055,stroke:#ffffff,stroke-width:2px,color:#ffffff

    class A frontend
    class B hosting
    class J,CLI cicd
    class D,E datastore
    class F,G,H apiserver
    class R53,ACM,TF infrastructure
    class TS,TW,ESL devtools
    class K,L,CW monitoring
