Markdownでシーケンス図とかが書けるMermaid記法で業務フローを書いたら意外とイケたので自分なりのコツを紹介してみる | DevelopersIO

2022/04/30 706 users DevelopersIO Markdown 臼田 挨拶 コツ

こんにちは、臼田です。 みなさん、業務設計してますか？(挨拶 今回はMarkdownでシーケンス図やフローチャートなどの図を記述できるMermaidを使って業務フローを書いてみたら、意外と書けたので自分なりのTipsを紹介したいと思います。 その前に 注意点として、まだMermaidを使い始めたばかりなので、「もっとこうしたら... 続きを読む

簡単にガントチャートとかクラス図とか書けるやつ - Qiita

2017/07/26 634 users ガントチャート UML Qiita 図形 かんじ

mermaid は、Web上で簡単にフローチャートやシーケンス図などのUMLが描けるライブラリです。 d3.js の機能特化型というかんじで、d3ほど様々なことはできませんが、そのかわりに対応してる図形なら非常に簡単に描くことが可能です。 なお、 ヘルプ はGitGraphやクラス図が載ってないなど未完成で、いまいち頼れません。 ごたくはいい、実物を見せろ こんなかんじ できること 以下の図が描け... 続きを読む

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

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

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