シーケンス図
ユースケース図
クラス図
アクティビティ図
コンポーネント図
状態図
オブジェクト図
配置図
タイミング図
Regex
Network
Wireframe
Archimate
Gantt
MindMap
WBS
EBNF
JSON
YAML
シーケンス図
ユースケース図
クラス図
アクティビティ図
コンポーネント図
状態図
オブジェクト図
配置図
タイミング図
Regex
Network
Wireframe
Archimate
Gantt
MindMap
WBS
EBNF
JSON
YAML
PlantUML
Language specification
Yaml Diagram
Edit in Dokuwiki
Edit in Asciidoc
Edit in Markdown
YAMLデータを表示する
YAML
形式は、様々なソフトウェアで使われています。
PlantUMLを使ってYAMLデータを可視化することができます。
この機能を使うには、
@startyaml
キーワードで開始し、
@endyaml
キーワードで終了する必要があります。
@startyaml fruit: Apple size: Large color: Red @endyaml
WARNING
This translation need to be updated.
WARNING
Edit in Dokuwiki
Edit in Asciidoc
Edit in Markdown
複雑な例
@startyaml doe: "a deer, a female deer" ray: "a drop of golden sun" pi: 3.14159 xmas: true french-hens: 3 calling-birds: - huey - dewey - louie - fred xmas-fifth-day: calling-birds: four french-hens: 3 golden-rings: 5 partridges: count: 1 location: "a pear tree" turtle-doves: two @endyaml
Edit in Dokuwiki
Edit in Asciidoc
Edit in Markdown
特定のキー(記号とUnicodeの使用)
@startyaml @fruit: Apple $size: Large &color: Red ❤: Heart ‰: Per mille @endyaml
[Ref.
QA-13376
]
Edit in Dokuwiki
Edit in Asciidoc
Edit in Markdown
一部をハイライトする
通常スタイル
@startyaml #highlight "french-hens" #highlight "xmas-fifth-day" / "partridges" doe: "a deer, a female deer" ray: "a drop of golden sun" pi: 3.14159 xmas: true french-hens: 3 calling-birds: - huey - dewey - louie - fred xmas-fifth-day: calling-birds: four french-hens: 3 golden-rings: 5 partridges: count: 1 location: "a pear tree" turtle-doves: two @endyaml
カスタムスタイル
@startyaml <style> yamlDiagram { highlight { BackGroundColor red FontColor white FontStyle italic } } </style> #highlight "french-hens" #highlight "xmas-fifth-day" / "partridges" doe: "a deer, a female deer" ray: "a drop of golden sun" pi: 3.14159 xmas: true french-hens: 3 calling-birds: - huey - dewey - louie - fred xmas-fifth-day: calling-birds: four french-hens: 3 golden-rings: 5 partridges: count: 1 location: "a pear tree" turtle-doves: two @endyaml
[Ref.
QA-13288
]
Edit in Dokuwiki
Edit in Asciidoc
Edit in Markdown
Using different styles for highlight
It is possible to have different styles for different highlights.
@startyaml <style> .h1 { BackGroundColor green FontColor white FontStyle italic } .h2 { BackGroundColor red FontColor white FontStyle italic } </style> #highlight "french-hens" <<h1>> #highlight "xmas-fifth-day" / "partridges" <<h2>> doe: "a deer, a female deer" ray: "a drop of golden sun" pi: 3.14159 xmas: true french-hens: 3 calling-birds: - huey - dewey - louie - fred xmas-fifth-day: calling-birds: four french-hens: 3 golden-rings: 5 partridges: count: 1 location: "a pear tree" turtle-doves: two @endyaml
[Ref.
QA-15756
,
GH-1393
]
Edit in Dokuwiki
Edit in Asciidoc
Edit in Markdown
グローバルなスタイル指定
スタイル無し(デフォルト)
@startyaml - name: Mark McGwire hr: 65 avg: 0.278 - name: Sammy Sosa hr: 63 avg: 0.288 @endyaml
スタイル有り
スタイル
を使って、要素の描画方法を変更することができます。
@startyaml <style> yamlDiagram { node { BackGroundColor lightblue LineColor lightblue FontName Helvetica FontColor red FontSize 18 FontStyle bold BackGroundColor Khaki RoundCorner 0 LineThickness 2 LineStyle 10-5 separator { LineThickness 0.5 LineColor black LineStyle 1-5 } } arrow { BackGroundColor lightblue LineColor green LineThickness 2 LineStyle 2-5 } } </style> - name: Mark McGwire hr: 65 avg: 0.278 - name: Sammy Sosa hr: 63 avg: 0.288 @endyaml
[Ref.
QA-13123
]
Edit in Dokuwiki
Edit in Asciidoc
Edit in Markdown
Creole on YAML
You can use
Creole or HTML Creole
on YAML diagram:
@startyaml Creole: wave: ~~wave~~ bold: **bold** italics: //italics// monospaced: ""monospaced"" stricken-out: --stricken-out-- underlined: __underlined__ not-underlined: ~__not underlined__ wave-underlined: ~~wave-underlined~~ HTML Creole: bold: <b>bold italics: <i>italics monospaced: <font:monospaced>monospaced stroked: <s>stroked underlined: <u>underlined waved: <w>waved green-stroked: <s:green>stroked red-underlined: <u:red>underlined blue-waved: <w:#0000FF>waved Blue: <color:blue>Blue Orange: <back:orange>Orange background big: <size:20>big Graphic: OpenIconic: account-login <&account-login> Unicode: This is <U+221E> long Emoji: <:calendar:> Calendar Image: <img:https://plantuml.com/logo3.png> @endyaml