簡単にガントチャートとかクラス図とか書けるやつ - Qiita
mermaidは、Web上で簡単にフローチャートやシーケンス図などのUMLが描けるライブラリです。 d3.jsの機能特化型というかんじで、d3ほど様々なことはできませんが、そのかわりに対応してる図形なら非常に簡単に描くことが可能です。 なお、ヘルプはGitGraphやクラス図が載ってないなど未完成で、いまいち頼れません。 ごたくはいい、実物を見せろ こんなかんじ →支払い忘れてサーバが死んだので代替(誰かが書いたやつに勝手にリンク) できること 以下の図が描ける。 ・フローチャート ・シーケンス図 ・ガントチャート ・クラス図 ・gitグラフ 最後だけ異質だ。 インストール CDNを使えばいいだけだが、自分のところに置きたい場合はyarnで引っ張ってこれる。 <!DOCTYPE html> <html lang="ja"> <head> <link rel="stylesheet" hre
ソフトウェア設計のための軽量UML描画ツール「Gridraw」、正式リリース
グリッドローは2016年6月13日、ソフトウェア設計を支援するUML（Unified Modeling Language：統一モデリング言語）描画ツール「Gridraw ver.0.10」の提供を開始した。 Gridrawは、ソフトウェア開発者が感じる「設計＝面倒」のイメージ払拭を目指して開発されたUML描画ツール。表計算ソフトのようなセル方式のUIを採用し、「リアルタイム自動レイアウト」「全操作キーボード」「シンプル・軽量」の特徴を掲げている。 同社によると、従来のソフトウェア設計に占めるレイアウト調整のための作業時間は、全体の約18％に上るという。Gridrawでは、自動レイアウト機能によってこの時間を短縮させる。全体の位置関係を保ったまま、重なりや位置ずれを自動調整してリアルタイムに画面に反映するといった自動化機能により、レイアウト調整の時間を全体の約1％まで簡略化できるという。 そ
第20回 UML（3） シーケンス図・ステートチャート図 | gihyo.jp
導入 プログラミングを学び始めた人が最初に習う図法は、ほぼ間違いなくフローチャートです。アルゴリズムを記述する方法として大変優れており、きちんと身に付けるべき課題です。ところが、いざ実際にGUIアプリケーションを作成しようとすると、困ってしまいます。GUIアプリケーションの動きはフローチャートだけではどうも表現しにくいのです。そこで考案されたのがシーケンス図や状態遷移図（ステートチャート図）です。これらの図法を習得すると、一気にGUIアプリケーションの動きを図にすることが楽になります。まさに視野が開ける、あるいはレベルアップした、そんな感覚を味わうことでしょう。 展開 シーケンス図とは シーケンス図と、それに関連する語句の定義を示します。 シーケンス図：複数のオブジェクトの生死を縦の平行線で示し、相互作用を水平の矢印で示した図。 オブジェクト：ここでのオブジェクトとは、主にソフトウェア実行
Markdownテキストでシーケンス図とフローチャートを描く - Qiita diagram sequence
つい先日、とあるシステムの処理の流れと一部処理のフローチャートを付けた見積り資料を書くことになり、ちょうど良い機会だったので、MarkdownでUML図表が描ける「StackEdit」を使って、オールMarkdownで資料を作成してみた。 いやぁ、打ち込んだテキストがリアルタイムに図表化されていく様は、とても新鮮で、そしてすごく面白かった。資料が出来上がった後の達成感というか、完成した図表を見た時の感動が結構はんぱない。技術系の資料作成でこんな良い体験ができたのは初めてかもしれんな…(笑) ──と、結構感動的な体験ができるMarkdownでのUML図表作成なんだが、せっかくなのでそれの書き方を含めてもう少し突っ込んだTIPSとしてまとめておこうかと思った次第。 Markdown+UML とは？ とりあえず、「Markdown+UML」というのは私の造語だ。まぁ、正確に言うなら「UML di
PlantUML 練習 - hitode909の日記
PlantUMLは，DSLを書いてコンパイルすると絵が出るやつ．UML書ける． インストール brew install plantuml 日本語 -charset UTF-8というのをつける． If you want to use a different charset, for example UTF-8, you can use the -charset flag : java -jar plantuml.jar -charset UTF-8 ... Frequently Asked Questions dotがないって言われる /usr/bin/dotを見ようとするので， GRAPHVIZ_DOT=$(which dot)とかつける． お絵描きする @startuml 子 <|-- 孫 親 <|-- 子 親 <|-- 姉 @endumlというのをb.plantumlとかに置いて， G
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Integration with Emacs
