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

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

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

uiflow-web

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

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

経緯

もう保守されない画面遷移図は嫌なので、UI Flow図を簡単にマークダウンぽく書くエディタ作った

上記のツールは良さそうだったがインストールが面倒だった。

大変だったこと

node の fs や util などへのアクセスを無効化やモックを割り当てるのに苦労した。

最終的には下記のようになった。

webpack.prod.jsより抜粋

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