Markdownテキストでシーケンス図とフローチャートを描く - Qiita diagram sequence

つい先日、とあるシステムの処理の流れと一部処理のフローチャートを付けた見積り資料を書くことになり、ちょうど良い機会だったので、MarkdownでUML図表が描ける「StackEdit」を使って、オールMarkdownで資料を作成してみた。 いやぁ、打ち込んだテキストがリアルタイムに図表化されていく様は、とても新鮮で、そしてすごく面白かった。資料が出来上がった後の達成感というか、完成した図表を見た時の感動が結構はんぱない。技術系の資料作成でこんな良い体験ができたのは初めてかもしれんな…(笑) ──と、結構感動的な体験ができるMarkdownでのUML図表作成なんだが、せっかくなのでそれの書き方を含めてもう少し突っ込んだTIPSとしてまとめておこうかと思った次第。 Markdown+UML とは？ とりあえず、「Markdown+UML」というのは私の造語だ。まぁ、正確に言うなら「UML di

[s083027]

こういう独自拡張ってべんりなんだけど、そうするとおそらくmarkdownの目指していたであろう「記法を知らない人がプレーンテキストで見ても意味が通じる」から遠ざかっていく。

[amedama41]

フローチャートは UML ではない。

[eriotto]

テーブルですらウザいのになんの意味があるんだ。お前ほんとにそれマークダウンでやりたかったの？

[ku__ra__ge]

フローチャートは擬似コードで書けばいい気がする。　テキストとしても読めるクラス図の記法が欲しいと思っている。

[sawarabi0130]

他のGUIツールで描いて、それをMarkdownに変換できれば幸せになるんだろうな。いきなりコードで描くべきものではない。

[igrep]

PlantUML的なののmarkdownに埋め込める版か。めっちゃ複雑になるとやっぱ辛いんだよな...

[blueboy]

ジャストシステムの花子を使ってみたら、圧倒的に多彩なことができて、ワロタ。　　　　ビジネスでやるなら、花子みたいな専用ソフトを使う方がいいよ。　　http://j.mp/19uDbwT　　　http://j.mp/1IHgeTS

[kazoo_oo]

js-sequence-diagrams はちょっとした社内共有Docとかプレーンテキストで書けるのは確かに便利。複雑なものになるとソースメンテもそれなり大変だし、ちゃんとしたドキュメントはやっぱりastahとか使うほうがいいと思う。

[wait0000]

これ以前使ったけど、細かい調節が一切できないの辛かったな。

[oqzl]

便利そう

[fulabo77]

flowchart.jsの書き方の参考になった。フローチャート文法

[z_dogma]

あとで読む

[himejimasandesu]

シーケンス図

[snowlong]

“flow”

[studio3104]

benri

[kabacsharp]

シーケンス図かけるのいいな。

[kazuph1986]

良いな。

[einherjar]

Markdown

[ngyuki]

シーケンス図とフローチャート

[kouba_c]

“StackEdit”

[sonesuke]

Markdownテキストでシーケンス図とフローチャートを描く (via @Pocket)

[shin0O]

いや欲しいのは非java製のplantUMLみたいなやつなんだが ……そういえばsphynxとかあったな。調べてみよう

[rin51]

DOTのようだ....

[richard_raw]

便利そうですが、StackEdit以外は別途ライブラリが必要なのか。Graphvizかblockdiagで妥協するか……。

[nilab]

「MarkdownでUML図表が描ける「StackEdit」」「打ち込んだテキストがリアルタイムに図表化」Markdownテキストでシーケンス図とフローチャートを描く - Qiita

[windish]

テキストベースだとVCS上での管理が楽そうで惹かれる

[retdaisuke]

これいいな

[snjx]

これは期待できる

[michael-unltd]

コードでフローチャート図できるの便利

[decoy2004]

シーケンス図の表記は全てできるのだろうか？ loop など。

[akachochin]

面白いマークダウン。もしかしたら、Visio使わなくてもなんとかなるのか？

[koyancya]

これ、Markdown 内に Markup している事になるのではないか

[yohoojapan]

“StackEdit”

[UDONCHAN]

地獄っぽい

[kjozawa]

Markdownテキストでシーケンス図とフローチャートを描く - Qiita

[yamao2253]

この使い勝手が良ければ、Excel依存症が、軽くなるかもしれない♪

[tengo1985]

Sphinx+blockdiag系が今のところ最強だと思ってるけど、結局Astah使ってる時が多い