meramidが描画されるようにした。

ページのロード後に、jsでmeramidのコードがあるノードを探して、それをmeramidによる描画結果のsvgに動的に置き換えている。 そのため、ページのロードの瞬間に、一瞬、mermaidのコードが見えてチラつく。

jekyllのビルドプロセスの中で変換して、静的に配信する方が王道な感じがするけど、jekyllのページにjsを入れるのを試したかったのと、 そのためにwebpackの使い方を探りたかったのだ。

フローチャート

G がちゃんと表示されないな🤔..liquidのテンプレート文字列だと思われて変換されちゃってる気がする

sub
b
a
c
d
A
This is B
This is C. rounded
This is D. in the subroutine box
E. Database
F. circle
G
H. trapezoid
I.double circle
I can be clicked.
Goto Github

他のグラフも書こうかと思ったけどmermaidは種類が多すぎて大変だから辞めた