ツールとか使わずER図を書きたい。mermaid.jsつかってみた。 #JavaScript

ER図を書きたい。
が、環境が制限されているため便利ツールはダウンロードできず。

jsライブラリでmermaidとやらを発見。
CDNでmermaidを利用。

marmaid.js結構よい。

これに限らずかもしれないが、テキストで図を描けるのが助かる。
マウスを利用していちいち細かに設定するのは面倒すぎるため。

こまかくCSSを指定できると見栄えも改善できそう。
ただ、簡易なER図を作る目的だと、デフォルトの記法でほぼ完結できた。


<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <link rel="stylesheet" href="mermaid.min.css">
</head>
<body>
  <div class="mermaid">
  graph LR
      A --- B
      B-->C[fa:fa-ban forbidden]
      B-->D(fa:fa-spinner);
  </div>
  <script src="mermaid.min.js"></script>
  <script>mermaid.initialize({startOnLoad:true});</script>
</body>
</html>

一旦CDNでよんでサンプルを参考に作成。あとsubgraphを追記したぐらい。
コードはファイル落としてきたばん。
もっと楽に書きてーmarkdownで全部成立しないかな〜