JavaScript
webpack
画面遷移図
uiflow
0

テキストベースで画面遷移図が書けるuiflowをブラウザ上で動かす

ウェブ上で動くようにした

uiflow-web

とりあえず使ってみる
ソースコードを見る

みんな画面遷移図を描こう。

経緯

もう保守されない画面遷移図は嫌なので、UI Flow図を簡単にマークダウンぽく書くエディタ作った
上記のツールは良さそうだったがインストールが面倒だった。

大変だったこと

nodefsutil などへのアクセスを無効化やモックを割り当てるのに苦労した。
最終的には下記のようになった。

webpack.prod.jsより抜粋
{
    /* 省略 */
    node: {
        fs: 'empty',
        child_process: 'empty',
        // util は npm install --save util した
    },
    resolve: {
        alias: {
            // png 対応をあきらめているため使わない
            'spawn-stream': 'node-libs-browser/mock/empty',
        },
    },
    /* 省略 */
}