テキストベースで画面遷移図が書ける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',
		},
	},
	/* 省略 */
}