“具体的にどうなるか” 画面イメージ

flowchart TB
    classDef line fill:#dcfce7,stroke:#16a34a,color:#14532d
    classDef ec fill:#e0e7ff,stroke:#4f46e5,color:#1e1b4b
    classDef pay fill:#fdebd3,stroke:#ea580c,color:#7c2d12
    classDef data fill:#f0eafe,stroke:#7c3aed,color:#3b0764
    classDef ops fill:#eef1f6,stroke:#64748b,color:#1e293b
    subgraph L["接客・通知 (LINE / n8n・FUZEN)"]
        rich["公式LINE 告知・リッチメニュー"]:::line
        n8n["n8n / FUZEN
リマインド・告知送信"]:::line
    end
    subgraph E["統合ECサイト (連携層オーケストレーター)"]
        mini["LINEミニアプリ フロント
受講履歴で商品・価格を出し分け"]:::ec
        orch["状態判断ロジック(純関数)
受講状況×枠×クーポン×決済"]:::ec
        admin["運営 管理画面
サービス選択→枠/日程/モニタ"]:::ops
    end
    subgraph P["決済 (Stripe)"]
        stripe["Stripe Checkout
サブスク/単発/セット・標準クーポン"]:::pay
        rm["決済状態 read model"]:::pay
    end
    subgraph D["データ真実源"]
        sf["Salesforce
受講履歴・会員(読取)"]:::data
        sql["Cloud SQL
枠・日程・注文"]:::data
        bq["BigQuery
行動履歴・分析"]:::data
    end
    rich-->|"申込タップ→line_id"|mini
    mini-->|"id_token検証"|orch
    orch-->|"受講状況 照会(読取)"|sf
    orch-->|"空き枠/定員"|sql
    orch-->|"出し分け結果"|mini
    mini-->|"Checkout生成"|stripe
    stripe-->|"webhook"|rm
    rm-->|"確定→受講予約 upsert"|sf
    rm-->|"行動/決済イベント"|bq
    rm-->|"リマインド予約"|n8n
    admin-->|"枠/日程 登録"|sql
    n8n-->|"配信"|rich
        

flowchart TB
    classDef u fill:#e0e7ff,stroke:#4f46e5,color:#1e1b4b
    classDef d fill:#fdf2e3,stroke:#d97706,color:#7c2d12
    classDef g fill:#dcfce7,stroke:#16a34a,color:#14532d
    a["LINE告知/リッチメニュー
『申し込む』タップ"]:::u
    b["ミニアプリ起動
1tapログイン"]:::u
    c["ホーム:受けられるサービス
受講履歴で出し分け"]:::u
    dd{"受講可否"}:::d
    e["選べる商品が並ぶ"]:::u
    f["前提未充足はロック＋理由"]:::d
    g["日程選択
空き枠/満枠はキャンセル待ち"]:::u
    h["カート:セット割/参加済割 自動適用"]:::u
    i["決済(方法を選択)"]:::u
    j["完了→LINEに戻る
リマインド予約済"]:::g
    a-->b-->c-->dd
    dd-->|"受講可"|e-->g-->h-->i-->j
    dd-->|"前提未充足"|f
        

flowchart LR
    classDef ops fill:#eef1f6,stroke:#64748b,color:#1e293b
    classDef line fill:#dcfce7,stroke:#16a34a,color:#14532d
    classDef pay fill:#fdebd3,stroke:#ea580c,color:#7c2d12
    subgraph OP["運営/事業部"]
        o1["Google SSOログイン"]:::ops
        o2["サービス選択"]:::ops
        o3["日程・枠登録(定員)"]:::ops
        o4["申込/決済モニタ
確定/未決済/待ち"]:::ops
        o5["当日運営・参加確認"]:::ops
    end
    subgraph MK["マーケ"]
        m1["LINE告知URL/
パラメータ(FUZEN)"]:::line
    end
    subgraph PC["クーポン"]
        c1["Stripeで発行/管理"]:::pay
    end
    o1-->o2-->o3-->o4-->o5
    m1-.->o4
    c1-.->o4
        

sequenceDiagram
    autonumber
    actor U as 顧客
    box rgb(224,231,255) 顧客接点・統合EC
        participant LI as LINEミニアプリ(LIFF)
        participant EC as EC連携層
    end
    box rgb(243,232,255) データ真実源
        participant SF as Salesforce(読取)
        participant DB as Cloud SQL(枠/注文)
    end
    box rgb(255,237,213) 決済・通知
        participant ST as Stripe
        participant N8 as n8n/FUZEN
    end
    rect rgb(241,245,249)
        Note over U,DB: ① 入店・出し分け
        U->>LI: 申し込むタップ
        LI->>LI: liff.init → getIDToken
        LI->>EC: POST /entry (IDトークン)
        EC->>EC: 検証 → line_uid 確定
        EC->>SF: 受講履歴/会員 照会(読取)
        EC->>DB: 空き枠・定員 取得
        EC->>EC: 出し分け(純関数)
        EC-->>LI: 買える商品・日程・クーポン
    end
    rect rgb(241,245,249)
        Note over U,ST: ② 決済 (有料/無料/振込で確定タイミングが変わる)
        U->>LI: 商品/日程 選択
        LI->>EC: POST /checkout
        EC->>ST: Customer + Checkout Session
        ST-->>LI: Checkout URL
        U->>ST: 決済
    end
    rect rgb(241,245,249)
        Note over ST,N8: ③ 確定・通知
        ST->>EC: 決済完了 Webhook(署名検証)
        EC->>DB: 注文・枠確定を記録
        EC->>SF: 受講予約 upsert
        EC->>N8: リマインド予約(Cloud Tasks)
        N8-->>U: LINEで通知/リマインド
    end
        

sequenceDiagram
    autonumber
    actor U as 顧客
    box rgb(220,252,231) LINE
        participant LA as LINEアプリ
        participant LI as ミニアプリ(LIFF)
    end
    box rgb(224,231,255) 自社
        participant EC as EC連携層
    end
    box rgb(255,237,213) LINE Platform
        participant LV as LINE verify API
    end
    U->>LA: リッチメニュー(URI)タップ
    LA->>LI: ミニアプリを開く
    LI->>LI: liff.init(自動ログイン)
    alt 未ログイン
        LI->>LA: liff.login() → LINEログイン
        LA-->>LI: 戻る(再実行)
    end
    LI->>LI: getIDToken()
    LI->>EC: POST /entry (Bearer IDトークン)
    EC->>LV: POST verify (id_token + channelId)
    LV-->>EC: 署名/exp/iss/aud OK + sub
    EC->>EC: aud再確認+形式チェック → line_uid確定
    EC-->>LI: 本人確定 → 出し分けへ
    Note over EC: getProfile は信用しない(公式の禁止事項)