DFD dataflow diagrams

podhmo

そもそもどういうときに？

podhmo

https://cacoo.com/ja/blog/what-is-dfd/

podhmo

データフロー（→）
プロセス（◯）
データストア（囲い線上下）
源泉と吸収（□）

podhmo

UIコンポーネントの状態を表すときにも使える？

podhmo

たしかにデータストレージはいわゆるDB的なアイコンの方が便利そう。

podhmo

テキストで描きたい

podhmo

flowchart TD
    user(user)
    mobile((mobile\napplication))
    proxy((reverse\nproxy))
    api((API))
    db[|borders:tb|database]

    subgraph external [Internet]
        user--personal data-->mobile
        mobile-->proxy
    end
    subgraph dmz [Internal Network]
        proxy-->api
        db-->api
        api-->db
    end
    classDef boundary fill:none,stroke-dasharray: 5 5
    dmz:::boundary
    external:::boundary

podhmo

実際のところmermaidとかをhtmlとして考えるべき？

つまりレンダリングのための表現

podhmo

strokeを追加した感じか

podhmo

この動画はChatGPTに生成させていた

prompt

👉🏻 PROMPTS (used in this video):

give me a use case scenario in paragraph form about gym management system.

give me mermaid.js code for creating erd of my use case scenario.

give mermaid code for dfd level 0 diagram for my use case scenario.

give me mermaid code for dfd level 1 diagram for my use case scenario