Closed2024/07/13にクローズ23

DFD dataflow diagrams

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

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

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

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

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

テキストで描きたい

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

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

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

strokeを追加した感じか

この動画は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

DB風の表示

flowchart LR
    id1[(Database)]

矢印を直線のみで描画する方法は存在してないみたい

直線直角の描画はこちらに

元々の背景

シーケンス図
コミュニケーション図

は怠い

単体 apidocは役に立たない

DSL or UI

スマホから使えると嬉しい
面倒事は避けたい
とりあえずはDSLで良いのでは？

依存がない方が嬉しい（？）

DSL? UI?

そういえば、フォーマットの機能があると嬉しいかもしれない。
あと、URLに情報を埋め込めると嬉しい。
可能ならいい感じにog:imageが生成されて欲しい。

入力環境

web ui
Emacs
vscode

vscodeは他の人には親切だけど面倒そう

元の目的から考えるとEmacsなのだけど自分に閉じそう（マルチプロジェクト（プロジェクト横断メモ環境））

あとPCを開けないのでスマホから使えた方が嬉しい気もする。

スマホで入力しやすい記号

（）
。、？！…

次点で

- # 「」

この辺は辛い

<>

説明的と探索的

探索的自己に閉じて発見のために
説明的他者に意図を伝える伝達のために

説明のための図は存在するが欲しいのは常に探索的なもの（高コストなUIは使いたくない）

このスクラップは2024/07/13にクローズされました

ログインするとコメントできます