Edit in Dokuwiki Edit in Asciidoc Edit in Markdown
共通コマンド

Explore these commands to create diagrams that are both functional and aesthetically pleasing, tailoring each element to your exact specifications.

WARNING

This translation need to be updated.

WARNING

Edit in Dokuwiki Edit in Asciidoc Edit in Markdown
コメント

単一行コメント

シングルクォート'で始まる行はコメントです。

@startuml
'Line comments use a single apostrophe
@enduml

ブロックコメント

ブロックコメントはC言語と同様のスタイルですが、*の代わりにシングルクォート'を使用します。 /'で開始して'/で終了する範囲に、複数行のコメントを記述することができます。

@startuml
/'
many lines comments
here
'/
@enduml

[Ref. QA-1353]

一つの行内でブロックコメントを使用することもできます:

[Ref. QA-3906 and QA-3910]

[Ref. GH-214]

WARNING

This translation need to be updated.

WARNING

Edit in Dokuwiki Edit in Asciidoc Edit in Markdown
拡大

scaleコマンドを使って、生成する画像を拡大できます。

小数または分数で拡大率を指定できます。ピクセル単位でwidth（幅）またはheight（高さ）を指定することもできます。幅と高さの両方を指定することもできます。この場合は、指定したサイズの内側に収まるように調整されます。

scale 1.5
scale 2/3
scale 200 width
scale 200 height
scale 200*100
scale max 300*200
scale max 1024 width
scale max 800 height

WARNING

This translation need to be updated.

WARNING

Edit in Dokuwiki Edit in Asciidoc Edit in Markdown
タイトル

titleキーワードを使用してタイトルを入れることができます。タイトルでは\nを使用して改行することができます。

skinparam設定を使用してタイトルに枠線を付けることができます。

タイトル中でcreole書式を使用することもできます。

また、titleとend titleキーワードを使用することで、複数行にわたってタイトルを記述することもできます。

Edit in Dokuwiki Edit in Asciidoc Edit in Markdown
キャプション

captionキーワードを使用して図の下部にキャプションを入れることができます。

Edit in Dokuwiki Edit in Asciidoc Edit in Markdown
フッタとヘッダ

footer、headerのコマンドを使って、生成された図にフッタとヘッダを追加することができます。

center、left、rightを使ってフッタ、ヘッダの表示位置を指定することもできます。

タイトルと同様に、複数行にわたってフッタまたはヘッダを定義することができます。

また、フッタとヘッダではHTMLタグを使用することもできます。

Edit in Dokuwiki Edit in Asciidoc Edit in Markdown
図の凡例

legendとend legendを使って凡例を追加できます。

left、right、top、bottom、centerを使って、凡例の位置を指定することもできます。

Edit in Dokuwiki Edit in Asciidoc Edit in Markdown
付録：すべての図の例

アクティビティ図

アーキテクチャ図

クラス図

コンポーネント図、配置図、ユースケース図

ガントチャート

DONE

[(Header, footer) corrected on V1.2020.18]

オブジェクト図

マインドマップ

ネットワーク図（nwdiag）

シーケンス図

ステート図

タイミング図

Work Breakdown Structure (WBS)

DONE

[Corrected on V1.2020.17]

Wireframe (SALT)

DONE

[Corrected on V1.2020.18]

WARNING

This translation need to be updated.

WARNING

Edit in Dokuwiki Edit in Asciidoc Edit in Markdown
付録：すべての図でスタイルを指定した例

DONE

FYI:

すべてが正常に使えるのはシーケンス図のみです。
title、caption、legendは、salt diagram以外のすべての図で正常に使えます。

FIXME

🚩

現状(test on 1.2020.18-19)、header、footerはシーケンス図を除くすべての図で正常に動作しません。

To be fix; Thanks

FIXME

ここでは、すべての図を使ってtitle、header、footer、caption、legendを、デバッグ形式でテストしています：

<style>
title {
  HorizontalAlignment right
  FontSize 24
  FontColor blue
}

header {
  HorizontalAlignment center
  FontSize 26
  FontColor purple
}

footer {
  HorizontalAlignment left
  FontSize 28
  FontColor red
}

legend {
  FontSize 30
  BackGroundColor yellow
  Margin 30
  Padding 50
}

caption {
  FontSize 32
}
</style>