flowchart LR %%外部要素のUser OU1[User] %%グループとサービス subgraph GC[AWS] NW2{{"Route 53
DNS"}} NW3{{"Internet
gateway"}} subgraph GV[VPC] subgraph GS1[subnet 常時稼働] CP1("web配信インスタンス
Nginx") click CP2 href "https://github.com/openmaptiles/openmaptiles" CP3("ルート検索インスタンス
openrouteservice") click CP3 href "https://github.com/GIScience/openrouteservice" CP4("住所検索インスタンス
Jageocoder-server") click CP4 href "https://github.com/t-sagara/jageocoder-server" end subgraph GS2[subnet2 地図更新用] CP6("ルート生成インスタンス
Nginx") end end ST1[("S3")] POI("施設名→住所サービス
Amazon Location Service") click POI href "https://aws.amazon.com/jp/location/" end DB1[("OpenStreetMap
GEOFABRIK
JAPAN")] click DB1 href "https://download.geofabrik.de/asia/japan.html" CP2("OSMタイルサーバ API
tile.openstreetmap.jp") %%サービス同士の関係 NW2 --> NW3 OU1 --> NW2 NW3 --> CP1 CP1 --> CP2 CP1 --> CP3 CP1 --> CP4 CP4 -.-> POI ST1 -.-> CP3 CP6 -.-> ST1 DB1 -.->CP6 %%グループのスタイル classDef SGC fill:none,color:#345,stroke:#345 class GC SGC classDef SGV fill:none,color:#0a0,stroke:#0a0 class GV SGV classDef SGPrS fill:#def,color:#07b,stroke:none class GS2 SGPrS classDef SGPuS fill:#efe,color:#092,stroke:none class GS1 SGPuS %%サービスのスタイル classDef SOU fill:#aaa,color:#fff,stroke:#fff class OU1 SOU classDef SNW fill:#84d,color:#fff,stroke:none class NW1 SNW class NW2 SNW class NW3 SNW classDef SCP fill:#e83,color:#fff,stroke:none class CP1 SCP class CP3 SCP class CP4 SCP class CP6 SCP classDef SDB fill:#46d,color:#fff,stroke:#fff class DB1 SDB class CP2 SDB classDef SST fill:#493,color:#fff,stroke:#fff class ST1 SST classDef FEWM fill:#D34,color:#fff,stroke:#fff class POI FEWM