Edit in Dokuwiki Edit in Asciidoc Edit in Markdown
YAMLデータを表示する



YAML形式は、様々なソフトウェアで使われています。
PlantUMLを使ってYAMLデータを可視化することができます。
この機能を使うには、

@startyamlキーワードで開始し、

@endyamlキーワードで終了する必要があります。

🎉 Copied!

@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
複雑な例

🎉 Copied!

@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の使用）

🎉 Copied!

@startyaml @fruit: Apple $size: Large &color: Red ❤: Heart ‰: Per mille @endyaml

[Ref. QA-13376]

Edit in Dokuwiki Edit in Asciidoc Edit in Markdown
一部をハイライトする

通常スタイル

🎉 Copied!

@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

カスタムスタイル

🎉 Copied!

@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.

🎉 Copied!

@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
グローバルなスタイル指定

スタイル無し（デフォルト）

🎉 Copied!

@startyaml - name: Mark McGwire hr: 65 avg: 0.278 - name: Sammy Sosa hr: 63 avg: 0.288 @endyaml

スタイル有り

スタイルを使って、要素の描画方法を変更することができます。

🎉 Copied!

@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]

複雑な例
特定のキー（記号とUnicodeの使用）
一部をハイライトする
Using different styles for highlight
グローバルなスタイル指定