onlineTool > 状態é·ç§»å›³ä½œæˆ > FSM designer - QiitaDeleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
作図系ツール・ライブラリã¾ã¨ã‚
diag.md シーケンス図ã¨ã‹ãƒ•ãƒãƒ¼ãƒãƒ£ãƒ¼ãƒˆã‚’ã—ã”ã¨ã§æç”»ã™ã‚‹ã“ã¨ã«ãªã£ãŸå ´åˆã€ テã‚ストã‹ã‚‰ç”Ÿæˆã§ããŸã‚‰æ¥½ãªã®ã§ã€ãれ系ã®ãƒ„ールã¾ã¨ã‚ GraphViz http://www.graphviz.org/ C製 Doxygen, Moinmoinãªã©ã¨é€£æºå¯èƒ½ ブãƒãƒƒã‚¯å›³ã€ã‚¯ãƒ©ã‚¹å›³ã€ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯å›³ãªã© PNG, SVGãªã© 出力å¯èƒ½å½¢å¼ä¸€è¦§ JavaScript（Emscripten）版もã‚る。リアルタイムプレビュー出æ¥ã¦ä¾¿åˆ© https://github.com/mdaines/viz.js PlantUML Java製 シーケンス図, ユースケース図, クラス図, アクティビティ図, コンãƒãƒ¼ãƒãƒ³ãƒˆå›³, ステート図, デプãƒã‚¤å›³, オブジェクト図ãªã©ã‚ã£ã¡ã‚ƒãŸãã•ã‚“作れる PNG, SVG, LaTeX, ASCII出力 ãªã‚“ã¨ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ も作れる。アイコンã¨ã‹ã‚‚入れられる。 オ
直観を超ãˆãŸä½•ã‹ãŒçµ„ã¿ä¸ŠãŒã‚‹ã“ã¨ã‚’目指ã—ã¦â†’考ãˆã‚‹é“å…·ã¨ã—ã¦ã®dot言語 / Graphviz
digraph{ //ノードã«ãƒªãƒ³ã‚¯ã‚’ã¤ã‘ã‚‹ å”å [href="http://ja.wikipedia.org/wiki/å”å"]; åè·¯ [href="http://ja.wikipedia.org/wiki/åè·¯"]; //エッジã«ãƒªãƒ³ã‚¯ã‚’ã¤ã‘ã‚‹ å”å -> åè·¯ [label = "師弟関係", href="http://ja.wikipedia.org/wiki/師弟" ]; } dot言語ã§æ›¸ã‹ã‚ŒãŸã‚¹ã‚¯ãƒªãƒ—トをã€ã‚°ãƒ©ãƒ•ã«å¤‰æ›ã™ã‚‹ï¼ˆå›³ç¤ºã™ã‚‹ï¼‰ã‚½ãƒ•ãƒˆGraphvizã§ã€æã‹ã‚ŒãŸãƒ€ã‚¤ã‚¢ã‚°ãƒ©ãƒ をクリックã™ã‚‹ã¨ã€ãƒªãƒ³ã‚¯å…ˆã®ã‚µã‚¤ãƒˆãŒãƒ–ラウザã§é–‹ã‹ã‚Œã‚‹ã€‚ ã¾ãŸsvgã‹pdfã§æ›¸ã出ã—ãŸãƒ•ã‚¡ã‚¤ãƒ«ã§ã‚‚ã€ã“ã®ãƒªãƒ³ã‚¯ã¯ç”Ÿãã¦ã„る。 ã“ã®ãƒ–ãƒã‚°ã‹ã‚‰ã ã¨ç›´æŽ¥é£›ã¹ãªã„よã†ãªã®ã§ã€ä¸Šã®ç”»åƒã‚’クリックã—ã¦åˆ¥çª“ã§é–‹ã„ã¦ã‹ã‚‰ã€å›³ã®ä¸ã®ã€Œå”åã€ã€Œåè·¯ã€ã€Œå¸«å¼Ÿé–¢ä¿‚ã€ã‚’ãã‚Œãžã‚Œã‚¯ãƒªãƒƒã‚¯ã—ã¦ã»ã—ã„。 ã“ã®æ©Ÿèƒ½ã‚’使ãˆã°ã€ãŸ
Viz.js·Web上ã§Graphvizã‚’SVGã§ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚° MOONGIFT
フãƒãƒ¼ãƒãƒ£ãƒ¼ãƒˆãªã©ã®é«˜åº¦ãªã‚°ãƒ©ãƒ•ã‚’æã“ã†ã¨æ€ã£ãŸæ™‚ã«ä½¿ã‚れるã®ãŒGraphvizã§ã™ã€‚テã‚ストベースã§è¨˜è¿°ã—ã¦ã„ãã ã‘ã§ã§ãã‚‹ã¨ã„ã†ã®ã¯ã‚„ã¯ã‚Šæ‰‹è»½ã§ã™ã€‚ã—ã‹ã—ãƒãƒ¼ã‚«ãƒ«ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã‚’インストールã—ãŸã‚Šã€ã‚»ãƒƒãƒˆã‚¢ãƒƒãƒ—ã—ãŸã‚Šã™ã‚‹ã®ã¯é¢å€’ã¨æ„Ÿã˜ã‚‹äººã‚‚多ã„ã§ã—ょã†ã€‚ ãã“ã§ã•ã‚‰ã«å†åˆ©ç”¨æ€§ã‚’高ã‚ã¦ãれるã®ãŒViz.jsã§ã™ã€‚Webベースã§Graphvizを使ãˆã‚‹ã‚ˆã†ã«ã—ã¦ãã‚Œã¾ã™ã€‚å¯èƒ½ã«ã™ã‚‹ã®ã¯ã¾ãŸã—ã¦ã‚‚Emscriptenãªã®ã§ã™ãŒã€é¢ç™½ã•ã‚’体感ã—ã¦ãã ã•ã„。 例ã¨ã—ã¦ä»¥ä¸‹ã®ã‚ˆã†ã«Graphvizã®DOT言語をãã®ã¾ã¾scriptã‚¿ã‚°ã«è¨˜è¿°ã—ã¾ã™ã€‚ <script type="text/vnd.graphviz" id="cluster"> digraph G { subgraph cluster_0 { style=filled; color=lightgrey; node [style=fill
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}