plantuml
コードから図を書ける無料ツール。
わりとなんでも描けるのでめっちゃ好き
色の修飾をしたいとき
code:aa.pu
フッターとかヘッダーとかスケールサイズも指定できるのすごいな
code:love.pu
@startmindmap love
scale 600*800
* 好きと嫌いと無関心
++ 認識の状態
+++ する
++++ 感情の状態
+++++ 好き
+++++ 嫌い
+++ しない
footer @tw_KaaS
@endmindmap
Plant UMLのオンラインサーバでsvgファイル作れるので、
うまくやればscapbox上のコード記法をSVGファイルか出来そうな気がする。
https://www.plantuml.com/plantuml/svg/SyfFKj2rKt3CoKnELR1Io4ZDoSa70000.svg
クラス図
オブジェクト図
アクティビティ図
コンポーネント図
配置図
状態遷移図（ステートマシン図）
タイミング図
JSON Data
YAML Data
Network diagram (nwdiag)
ワイヤーフレーム
アーキテクチャ図
仕様及び記述言語 (SDL)
Ditaa
マインドマップ
WBS 図 (作業分解図)
AsciiMath や JLaTeXMath による、数学的記法
ER 図
code:salt.pu
@startuml
!unquoted procedure SALT($x)
"{{
salt
%invoke_procedure("_"+$x)
}}" as $x
!endprocedure
!procedure _choose()
{+
<b>an example
choose one option
()one
()two
}
!endprocedure
!procedure _wait()
{+
<b>please wait
operation in progress
<&clock>
}
!endprocedure
!procedure _success()
{+
<b>success
congratulations!
}
!endprocedure
!procedure _error()
{+
<b>error
failed, sorry
}
!endprocedure
(*) --> SALT(choose)
-right-> SALT(wait)
wait -right-> SALT(success)
wait -down-> SALT(error)
@enduml
画像を埋め込む