【地上の】mermaid でちょっと大きめの図を描く【星】

2023/08/18 87 users plantUML Mermaid 融通 題材 フロー

はじめに 細かいところに PlantUML ほど融通が利かないと言われる mermaid.js ですが、逆に言えばそこまで複雑なフローでなければそこそこ描けるやんけ！ということで mermaid.js で中規模以上のフロー図を描くときに使えそうな記法などについて書いてきます。 題材 良い感じの題材が思いつかなかったので、今回は地上の... 続きを読む

AsciiDoc と PlantUML と mermaid.js で素敵なテキストベース仕様書ライフ

2017/11/09 80 users plantUML Asciidoc UML フローチャート

以前からテキストベースで仕様書(PDF)などを管理したいと思っていたのですが、ようやくその環境が整い、一度実際に運用してみてかなりいい感じだったので紹介したいと思います。 基本テキストは AsciiDoc で記述する UML は PlantUML で記述する フローチャートとかは必要に応じて mermaid.js も使う つまり基本テキストで表現・管理できるものはテキストで書く 成果物は PDF形... 続きを読む

mermaid.jsが素晴らしいけどなかなか使ってる人見かけないので実例晒す - Qiita

2015/05/24 770 users Qiita Mermaid カント シーケンス 実例

mermaid.jsとは JavaScriptのチャート作成ライブラリです。他にも似たようなのは色々ありますが、これ一本でフローチャート、シーケンス、ガントに対応してるので、個人的にお気に入り。 http://knsv.github.io/mermaid/ サイトの各チャートのページ見ると書き方と何ができるかはわかるので、ご覧あれ。 僕の使い方 JSのライブラリを自分でインポートして何かすることは... 続きを読む