Mermaid 入門してみたメモ(flowchart で力尽きた…)

GitHub で Markdown の中に Mermaid を埋め込んだら表示してくれる機能がバレンタイン デーにリリースされました。 今まで Mermaid は知らなくて、テキストでアクティビティ図やクラス図みたいなものを書く必要があるときは PlantUML を使ってましたが GitHub が対応したということで Mermaid に入門してみようと思います。 因みに、この記事を書き始めた時点では、まだ何もやっていないので Mermaid については名前と図が書けるらしいということしか知りません。 では、やってみようと思います。 試すための環境 Visual Studio Code の Markdown Preview Mermaid Support を入れることで Markdown のプレビュー機能が Mermaid のプレビューに対応します。 導入前はこんな感じですが 拡張機能を入れ

[kimukou_26]

VSCodeでexteintion入れればプレビューしながら編集可能。Qittaとかも対応されてるらしい。GHEとかはサーバー次第とのこと。今は PlantUMLは使われない様ですね。。

[yarumato]

“VSCodeの拡張機能を入れることでMarkdownのプレビュー機能がMermaidのプレビューに対応->手元の環境でトライアンドエラーを素早く出来る環境を構築。zennはMermaidをサポートしている”

[cartman0]

zennもmermaid対応してたのか！