Edit in Dokuwiki Edit in Asciidoc Edit in Markdown
デプロイメント図

デプロイメント図とは、システムのアーキテクチャを視覚化する図の一種であり、ソフトウェア・コンポーネントがハードウェア上にどのようにデプロイされるかを示すものです。これは、サーバ、ワークステーション、およびデバイスなどのさまざまなノードにわたるコンポーネントの分布の明確な図を提供します。

PlantUML を使用すると、展開図の作成が簡単になります。このプラットフォームは、プレーンテキストを使用してこれらのダイアグラムを設計するシンプルで直感的な方法を提供し、迅速な反復と簡単なバージョン管理を保証します。さらに、PlantUML フォーラムは、ユーザがヘルプを求めたり、アイデアを共有したり、ダイアグラム作成の課題に関して協力したりすることができる、活気あるコミュニティを提供します。PlantUML の主な利点のひとつは、様々なツールやプラットフォームとシームレスに統合できることであり、専門家や愛好家にとって好ましい選択肢となっています。

Edit in Dokuwiki Edit in Asciidoc Edit in Markdown
要素の宣言

説明文が長くなる場合は、オプションでテキストを [] の中に書くこともできます。

WARNING

This translation need to be updated.

WARNING

Edit in Dokuwiki Edit in Asciidoc Edit in Markdown
要素の宣言 (省略記法)

いくつかの省略記法を使って要素を宣言することができます。

通常記法のキーワード	省略記法のキーワード	通常記法の例	省略記法の例	参照
`actor`	`:` a `:`	`actor actor1`	`:actor2:`	Actors
`component`	`[` c `]`	`component component1`	`[component2]`	Components
`interface`	`()` i	`interface interface1`	`() "interface2"`	Interfaces
`usecase`	`(` u `)`	`usecase usecase1`	`(usecase2)`	Usecases

アクター

注意: 二重山括弧(guillemet)を使用したアクターの古い記法がありますが、現在は非推奨であり、削除される予定です。今後は使用しないでください。

コンポーネント

インターフェース

ユースケース

Edit in Dokuwiki Edit in Asciidoc Edit in Markdown
リンク、矢印

要素の間をシンプルなリンクで結ぶことができます。リンクにラベルを付けることもできます。

複数の種類のリンクを使うこともできます。

次のような種類のリンクも使用できます。

別の例:

[Ref. QA-547 and QA-1736]

⎘ すべての種類は付録を参照。

Edit in Dokuwiki Edit in Asciidoc Edit in Markdown
各括弧を使用した矢印のスタイル

（角括弧を使用したクラスの関係（リンク、矢印）のスタイルと同様）

線のスタイル

矢印にbold、dashed、dotted、hidden、plainのスタイルを指定することができます：

ラベル無し

ラベル有り

[Adapted from QA-4181]

線の色

線の太さ

[Adapted from QA-4949]

混合

Edit in Dokuwiki Edit in Asciidoc Edit in Markdown
矢印の色とスタイルを変更する（インラインスタイル）

個別の矢印ごとに色とスタイルを変更するには、次の記法を使用します：

#color;line.[bold|dashed|dotted];text:color

[Ref. QA-3770 and QA-3816] [See similar feature on class diagram]

Edit in Dokuwiki Edit in Asciidoc Edit in Markdown
要素の色とスタイルを変更する（インラインスタイル）

それぞれ個別の要素について、色とスタイルを変更するには、次の記法を使用します： #color;line:color;line.[bold|dashed|dotted];text:color

[Ref. QA-6852]

Edit in Dokuwiki Edit in Asciidoc Edit in Markdown
入れ子にできる要素

次の要素は入れ子にできます：

WARNING

This translation need to be updated.

WARNING

Edit in Dokuwiki Edit in Asciidoc Edit in Markdown
パッケージと入れ子要素

一階層の例

@startuml
artifact    artifactVeryLOOOOOOOOOOOOOOOOOOOg    as "アーティファクト" {
file f1
}
card        cardVeryLOOOOOOOOOOOOOOOOOOOg        as "カード" {
file f2
}
cloud       cloudVeryLOOOOOOOOOOOOOOOOOOOg       as "クラウド" {
file f3
}
component   componentVeryLOOOOOOOOOOOOOOOOOOOg   as "コンポーネント" {
file f4
}
database    databaseVeryLOOOOOOOOOOOOOOOOOOOg    as "データベース" {
file f5
}
file        fileVeryLOOOOOOOOOOOOOOOOOOOg        as "ファイル" {
file f6
}
folder      folderVeryLOOOOOOOOOOOOOOOOOOOg      as "フォルダ" {
file f7
}
frame       frameVeryLOOOOOOOOOOOOOOOOOOOg       as "フレーム" {
file f8
}
hexagon     hexagonVeryLOOOOOOOOOOOOOOOOOOOg     as "六角形" {
file f9
}
node        nodeVeryLOOOOOOOOOOOOOOOOOOOg        as "ノード" {
file f10
}
package     packageVeryLOOOOOOOOOOOOOOOOOOOg     as "パッケージ" {
file f11
}
queue       queueVeryLOOOOOOOOOOOOOOOOOOOg       as "キュー" {
file f12
}
rectangle   rectangleVeryLOOOOOOOOOOOOOOOOOOOg   as "四角形" {
file f13
}
stack       stackVeryLOOOOOOOOOOOOOOOOOOOg       as "スタック" {
file f14
}
storage     storageVeryLOOOOOOOOOOOOOOOOOOOg     as "ストレージ" {
file f15
}
@enduml

他の例

すべて入れ子にした例

すべての入れ子要素の例です:

アルファベット順:

アルファベットの逆順

WARNING

This translation need to be updated.

WARNING

Edit in Dokuwiki Edit in Asciidoc Edit in Markdown
別名

`as`による単純な別名

長い別名の例

@startuml
actor        "アクター"         as actorVeryLOOOOOOOOOOOOOOOOOOOg
agent        "エージェント"     as agentVeryLOOOOOOOOOOOOOOOOOOOg
artifact     "アーティファクト" as artifactVeryLOOOOOOOOOOOOOOOOOOOg
boundary     "境界"             as boundaryVeryLOOOOOOOOOOOOOOOOOOOg
card         "カード"           as cardVeryLOOOOOOOOOOOOOOOOOOOg
cloud        "クラウド"         as cloudVeryLOOOOOOOOOOOOOOOOOOOg
collections  "コレクション"     as collectionsVeryLOOOOOOOOOOOOOOOOOOOg
component    "コンポーネント"   as componentVeryLOOOOOOOOOOOOOOOOOOOg
control      "コントロール"     as controlVeryLOOOOOOOOOOOOOOOOOOOg
database     "データベース"     as databaseVeryLOOOOOOOOOOOOOOOOOOOg
entity       "エンティティ"     as entityVeryLOOOOOOOOOOOOOOOOOOOg
file         "ファイル"         as fileVeryLOOOOOOOOOOOOOOOOOOOg
folder       "フォルダ"         as folderVeryLOOOOOOOOOOOOOOOOOOOg
frame        "フレーム"         as frameVeryLOOOOOOOOOOOOOOOOOOOg
hexagon      "六角形"           as hexagonVeryLOOOOOOOOOOOOOOOOOOOg
interface    "インターフェース" as interfaceVeryLOOOOOOOOOOOOOOOOOOOg
label        "ラベル"           as labelVeryLOOOOOOOOOOOOOOOOOOOg
node         "ノード"           as nodeVeryLOOOOOOOOOOOOOOOOOOOg
package      "パッケージ"       as packageVeryLOOOOOOOOOOOOOOOOOOOg
person       "人型"             as personVeryLOOOOOOOOOOOOOOOOOOOg
queue        "キュー"           as queueVeryLOOOOOOOOOOOOOOOOOOOg
stack        "スタック"         as stackVeryLOOOOOOOOOOOOOOOOOOOg
rectangle    "四角形"           as rectangleVeryLOOOOOOOOOOOOOOOOOOOg
storage      "ストレージ"       as storageVeryLOOOOOOOOOOOOOOOOOOOg
usecase      "ユースケース"     as usecaseVeryLOOOOOOOOOOOOOOOOOOOg
@enduml

@startuml
actor       actorVeryLOOOOOOOOOOOOOOOOOOOg       as "アクター"
agent       agentVeryLOOOOOOOOOOOOOOOOOOOg       as "エージェント"
artifact    artifactVeryLOOOOOOOOOOOOOOOOOOOg    as "アーティファクト"
boundary    boundaryVeryLOOOOOOOOOOOOOOOOOOOg    as "境界"
card        cardVeryLOOOOOOOOOOOOOOOOOOOg        as "カード"
cloud       cloudVeryLOOOOOOOOOOOOOOOOOOOg       as "クラウド"
collections collectionsVeryLOOOOOOOOOOOOOOOOOOOg as "コレクション"
component   componentVeryLOOOOOOOOOOOOOOOOOOOg   as "コンポーネント"
control     controlVeryLOOOOOOOOOOOOOOOOOOOg     as "コントロール"
database    databaseVeryLOOOOOOOOOOOOOOOOOOOg    as "データベース"
entity      entityVeryLOOOOOOOOOOOOOOOOOOOg      as "エンティティ"
file        fileVeryLOOOOOOOOOOOOOOOOOOOg        as "ファイル"
folder      folderVeryLOOOOOOOOOOOOOOOOOOOg      as "フォルダ"
frame       frameVeryLOOOOOOOOOOOOOOOOOOOg       as "フレーム"
hexagon     hexagonVeryLOOOOOOOOOOOOOOOOOOOg     as "六角形"
interface   interfaceVeryLOOOOOOOOOOOOOOOOOOOg   as "インターフェース"
label       labelVeryLOOOOOOOOOOOOOOOOOOOg       as "ラベル"
node        nodeVeryLOOOOOOOOOOOOOOOOOOOg        as "ノード"
package     packageVeryLOOOOOOOOOOOOOOOOOOOg     as "パッケージ"
person      personVeryLOOOOOOOOOOOOOOOOOOOg      as "人型"
queue       queueVeryLOOOOOOOOOOOOOOOOOOOg       as "キュー"
stack       stackVeryLOOOOOOOOOOOOOOOOOOOg       as "スタック"
rectangle   rectangleVeryLOOOOOOOOOOOOOOOOOOOg   as "四角形"
storage     storageVeryLOOOOOOOOOOOOOOOOOOOg     as "ストレージ"
usecase     usecaseVeryLOOOOOOOOOOOOOOOOOOOg     as "ユースケース"
@enduml

[Ref. QA-12082]

Edit in Dokuwiki Edit in Asciidoc Edit in Markdown
角に丸みをつける

Edit in Dokuwiki Edit in Asciidoc Edit in Markdown
特有のskinparam

roundCorner

[Ref. QA-5299, QA-6915, QA-11943]

Edit in Dokuwiki Edit in Asciidoc Edit in Markdown
付録：線の種類の一覧

Edit in Dokuwiki Edit in Asciidoc Edit in Markdown
付録：矢印の先端と'0'矢印の一覧

矢印の先端

丸形の矢印（'0'矢印）

WARNING

This translation need to be updated.

WARNING

Edit in Dokuwiki Edit in Asciidoc Edit in Markdown
付録：すべての要素に対するインラインスタイルのテスト

シンプルな要素

@startuml
actor アクター             #aliceblue;line:blue;line.dotted;text:blue
actor/ "アクター/"         #aliceblue;line:blue;line.dotted;text:blue
agent エージェント         #aliceblue;line:blue;line.dotted;text:blue
artifact アーティファクト  #aliceblue;line:blue;line.dotted;text:blue
boundary 境界              #aliceblue;line:blue;line.dotted;text:blue
card カード                #aliceblue;line:blue;line.dotted;text:blue
circle 円                  #aliceblue;line:blue;line.dotted;text:blue
cloud クラウド             #aliceblue;line:blue;line.dotted;text:blue
collections コレクション   #aliceblue;line:blue;line.dotted;text:blue
component コンポーネント   #aliceblue;line:blue;line.dotted;text:blue
control コントロール       #aliceblue;line:blue;line.dotted;text:blue
database データベース      #aliceblue;line:blue;line.dotted;text:blue
entity エンティティ        #aliceblue;line:blue;line.dotted;text:blue
file ファイル              #aliceblue;line:blue;line.dotted;text:blue
folder フォルダ            #aliceblue;line:blue;line.dotted;text:blue
frame フレーム             #aliceblue;line:blue;line.dotted;text:blue
hexagon 六角形             #aliceblue;line:blue;line.dotted;text:blue
interface インターフェース #aliceblue;line:blue;line.dotted;text:blue
label ラベル               #aliceblue;line:blue;line.dotted;text:blue
node ノード                #aliceblue;line:blue;line.dotted;text:blue
package パッケージ         #aliceblue;line:blue;line.dotted;text:blue
person 人型                #aliceblue;line:blue;line.dotted;text:blue
queue キュー               #aliceblue;line:blue;line.dotted;text:blue
rectangle 四角形           #aliceblue;line:blue;line.dotted;text:blue
stack スタック             #aliceblue;line:blue;line.dotted;text:blue
storage ストレージ         #aliceblue;line:blue;line.dotted;text:blue
usecase ユースケース       #aliceblue;line:blue;line.dotted;text:blue
usecase/ "ユースケース/"   #aliceblue;line:blue;line.dotted;text:blue
@enduml

入れ子の要素

サブ要素無し

サブ要素有り

@startuml
artifact    artifactVeryLOOOOOOOOOOOOOOOOOOOg    as "アーティファクト" #aliceblue;line:blue;line.dotted;text:blue {
file f1
}
card        cardVeryLOOOOOOOOOOOOOOOOOOOg        as "カード" #aliceblue;line:blue;line.dotted;text:blue {
file f2
}
cloud       cloudVeryLOOOOOOOOOOOOOOOOOOOg       as "クラウド" #aliceblue;line:blue;line.dotted;text:blue {
file f3
}
component   componentVeryLOOOOOOOOOOOOOOOOOOOg   as "コンポーネント" #aliceblue;line:blue;line.dotted;text:blue {
file f4
}
database    databaseVeryLOOOOOOOOOOOOOOOOOOOg    as "データベース" #aliceblue;line:blue;line.dotted;text:blue {
file f5
}
file        fileVeryLOOOOOOOOOOOOOOOOOOOg        as "ファイル" #aliceblue;line:blue;line.dotted;text:blue {
file f6
}
folder      folderVeryLOOOOOOOOOOOOOOOOOOOg      as "フォルダ" #aliceblue;line:blue;line.dotted;text:blue {
file f7
}
frame       frameVeryLOOOOOOOOOOOOOOOOOOOg       as "フレーム" #aliceblue;line:blue;line.dotted;text:blue {
file f8
}
hexagon     hexagonVeryLOOOOOOOOOOOOOOOOOOOg     as "六角形" #aliceblue;line:blue;line.dotted;text:blue {
file f9
}
node        nodeVeryLOOOOOOOOOOOOOOOOOOOg        as "ノード" #aliceblue;line:blue;line.dotted;text:blue {
file f10
}
package     packageVeryLOOOOOOOOOOOOOOOOOOOg     as "パッケージ" #aliceblue;line:blue;line.dotted;text:blue {
file f11
}
queue       queueVeryLOOOOOOOOOOOOOOOOOOOg       as "キュー" #aliceblue;line:blue;line.dotted;text:blue {
file f12
}
rectangle   rectangleVeryLOOOOOOOOOOOOOOOOOOOg   as "四角形" #aliceblue;line:blue;line.dotted;text:blue {
file f13
}
stack       stackVeryLOOOOOOOOOOOOOOOOOOOg       as "スタック" #aliceblue;line:blue;line.dotted;text:blue {
file f14
}
storage     storageVeryLOOOOOOOOOOOOOOOOOOOg     as "ストレージ" #aliceblue;line:blue;line.dotted;text:blue {
file f15
}
@enduml

WARNING

This translation need to be updated.

WARNING

Edit in Dokuwiki Edit in Asciidoc Edit in Markdown
付録：すべての要素に対するスタイルのテスト

シンプルな要素

グローバルスタイル（componentDiagram）

エレメント毎のスタイル

@startuml
<style>
actor {
  BackGroundColor #f80c12
  LineThickness 1
  LineColor black
}
agent {
  BackGroundColor #f80c12
  LineThickness 1
  LineColor black
}
artifact {
  BackGroundColor #ee1100
  LineThickness 1
  LineColor black
}
boundary {
  BackGroundColor #ee1100
  LineThickness 1
  LineColor black
}
card {
  BackGroundColor #ff3311
  LineThickness 1
  LineColor black
}
circle {
  BackGroundColor #ff3311
  LineThickness 1
  LineColor black
}
cloud {
  BackGroundColor #ff4422
  LineThickness 1
  LineColor black
}
collections {
  BackGroundColor #ff4422
  LineThickness 1
  LineColor black
}
component {
  BackGroundColor #ff6644
  LineThickness 1
  LineColor black
}
control {
  BackGroundColor #ff6644
  LineThickness 1
  LineColor black
}
database {
  BackGroundColor #ff9933
  LineThickness 1
  LineColor black
}
entity {
  BackGroundColor #feae2d
  LineThickness 1
  LineColor black
}
file {
  BackGroundColor #feae2d
  LineThickness 1
  LineColor black
}
folder {
  BackGroundColor #ccbb33
  LineThickness 1
  LineColor black
}
frame {
  BackGroundColor #d0c310
  LineThickness 1
  LineColor black
}
hexagon {
  BackGroundColor #aacc22
  LineThickness 1
  LineColor black
}
interface {
  BackGroundColor #69d025
  LineThickness 1
  LineColor black
}
label {
  BackGroundColor black
  LineThickness 1
  LineColor black
}
node {
  BackGroundColor #22ccaa
  LineThickness 1
  LineColor black
}
package {
  BackGroundColor #12bdb9
  LineThickness 1
  LineColor black
}
person {
  BackGroundColor #11aabb
  LineThickness 1
  LineColor black
}
queue {
  BackGroundColor #11aabb
  LineThickness 1
  LineColor black
}
rectangle {
  BackGroundColor #4444dd
  LineThickness 1
  LineColor black
}
stack {
  BackGroundColor #3311bb
  LineThickness 1
  LineColor black
}
storage {
  BackGroundColor #3b0cbd
  LineThickness 1
  LineColor black
}
usecase {
  BackGroundColor #442299
  LineThickness 1
  LineColor black
}
</style>
actor アクター
actor/ "アクター/"
agent エージェント
artifact アーティファクト
boundary 境界
card カード
circle 円
cloud クラウド
collections コレクション
component コンポーネント
control コントロール
database データベース
entity エンティティ
file ファイル
folder フォルダ
frame フレーム
hexagon 六角形
interface インターフェース
label ラベル
node ノード
package パッケージ
person 人型
queue キュー
rectangle 四角形
stack スタック
storage ストレージ
usecase ユースケース
usecase/ "ユースケース/"
@enduml

[Ref. QA-13261]

入れ子要素 (階層無し)

グローバルスタイル (componentDiagram)

入れ子要素ごとのスタイル

</style>
artifact artifact {
}
card card {
}
cloud cloud {
}
component component {
}
database database {
}
file file {
}
folder folder {
}
frame frame {
}
hexagon hexagon {
}
node node {
}
package package {
}
queue queue {
}
rectangle rectangle {
}
stack stack {
}
storage storage {
}
@enduml

入れ子要素（一階層）

グローバルスタイル（componentDiagram）

入れ子要素ごとのスタイル

@startuml
<style>
artifact {
  BackGroundColor #ee1100
  LineThickness 1
  LineColor black
}
card {
  BackGroundColor #ff3311
  LineThickness 1
  LineColor black
}
cloud {
  BackGroundColor #ff4422
  LineThickness 1
  LineColor black
}
component {
  BackGroundColor #ff6644
  LineThickness 1
  LineColor black
}
database {
  BackGroundColor #ff9933
  LineThickness 1
  LineColor black
}
file {
  BackGroundColor #feae2d
  LineThickness 1
  LineColor black
}
folder {
  BackGroundColor #ccbb33
  LineThickness 1
  LineColor black
}
frame {
  BackGroundColor #d0c310
  LineThickness 1
  LineColor black
}
hexagon {
  BackGroundColor #aacc22
  LineThickness 1
  LineColor black
}
node {
  BackGroundColor #22ccaa
  LineThickness 1
  LineColor black
}
package {
  BackGroundColor #12bdb9
  LineThickness 1
  LineColor black
}
queue {
  BackGroundColor #11aabb
  LineThickness 1
  LineColor black
}
rectangle {
  BackGroundColor #4444dd
  LineThickness 1
  LineColor black
}
stack {
  BackGroundColor #3311bb
  LineThickness 1
  LineColor black
}
storage {
  BackGroundColor #3b0cbd
  LineThickness 1
  LineColor black
}
</style>
artifact e1 as "アーティファクト" {
file f1
}
card e2 as "カード" {
file f2
}
cloud e3 as "クラウド" {
file f3
}
component e4 as "コンポーネント" {
file f4
}
database e5 as "データベース" {
file f5
}
file e6 as "ファイル" {
file f6
}
folder e7 as "フォルダ" {
file f7
}
frame e8 as "フレーム" {
file f8
}
hexagon e9 as "六角形" {
file f9
}
node e10 as "ノード" {
file f10
}
package e11 as "パッケージ" {
file f11
}
queue e12 as "キュー" {
file f12
}
rectangle e13 as "四角形" {
file f13
}
stack e14 as "スタック" {
file f14
}
storage e15 as "ストレージ" {
file f15
}
@enduml

Edit in Dokuwiki Edit in Asciidoc Edit in Markdown
付録: すべての要素にスタイル指定した場合のステレオタイプのテスト

単純な要素

Edit in Dokuwiki Edit in Asciidoc Edit in Markdown
Display JSON Data on Deployment diagram

Simple example

[Ref. QA-15481]

For another example, see on JSON page.

Edit in Dokuwiki Edit in Asciidoc Edit in Markdown
Mixing Deployment (Usecase, Component, Deployment) element within a Class or Object diagram

In order to add a Deployment element or a State element within a Class or Object diagram, you can use the allowmixing or allow_mixing directive.

Mixing all elements

@startuml
allowmixing
skinparam nodesep 10
hide empty members

abstract        abstract
abstract class  "abstract class"
annotation      annotation
circle          circle
()              circle_short_form
class           class
class           class_stereo  <<stereotype>>
dataclass       dataclass
diamond         diamond
<>              diamond_short_form
entity          entity
enum            enum
exception       exception
interface       interface
metaclass       metaclass
protocol        protocol
record          record
stereotype      stereotype
struct          struct
object          object
map map {
 key => value
}
json JSON {
   "fruit":"Apple",
   "size":"Large",
   "color": ["Red", "Green"]
}
action action
actor actor
actor/ "actor/"
agent agent
artifact artifact
boundary boundary
card card
circle circle
cloud cloud
collections collections
component component
control control
database database
entity entity
file file
folder folder
frame frame
hexagon hexagon
interface interface
label label
node node
package package
person person
process process
queue queue
rectangle rectangle
stack stack
storage storage
usecase usecase
usecase/ "usecase/"
state state
@enduml

[Ref. QA-2335 and QA-5329]

Edit in Dokuwiki Edit in Asciidoc Edit in Markdown
Port [port, portIn, portOut]

You can added port with port, portinand portout keywords.

Port

PortIn

PortOut

Mixing PortIn & PortOut

Edit in Dokuwiki Edit in Asciidoc Edit in Markdown
Change diagram orientation

You can change (whole) diagram orientation with:

top to bottom direction (by default)
left to right direction

Top to bottom (by default)

With Graphviz (layout engine by default)

The main rule is: Nested element first, then simple element.

With Smetana (internal layout engine)

The main rule is the opposite: Simple element first, then nested element.

Left to right

With Graphviz (layout engine by default)

With Smetana (internal layout engine)

Edit in DokuwikiEdit in AsciidocEdit in Markdownデプロイメント図

Edit in DokuwikiEdit in AsciidocEdit in Markdown要素の宣言

Edit in DokuwikiEdit in AsciidocEdit in Markdown要素の宣言 (省略記法)

アクター

コンポーネント

インターフェース

ユースケース

Edit in DokuwikiEdit in AsciidocEdit in Markdownリンク、矢印

Edit in DokuwikiEdit in AsciidocEdit in Markdown各括弧を使用した矢印のスタイル

線のスタイル

線の色

線の太さ

混合

Edit in DokuwikiEdit in AsciidocEdit in Markdown矢印の色とスタイルを変更する（インラインスタイル）

Edit in DokuwikiEdit in AsciidocEdit in Markdown要素の色とスタイルを変更する（インラインスタイル）

Edit in DokuwikiEdit in AsciidocEdit in Markdown入れ子にできる要素

Edit in DokuwikiEdit in AsciidocEdit in Markdownパッケージと入れ子要素

一階層の例

他の例

すべて入れ子にした例

Edit in DokuwikiEdit in AsciidocEdit in Markdown別名

asによる単純な別名

長い別名の例

Edit in DokuwikiEdit in AsciidocEdit in Markdown角に丸みをつける

Edit in DokuwikiEdit in AsciidocEdit in Markdown特有のskinparam

roundCorner

Edit in DokuwikiEdit in AsciidocEdit in Markdown付録：線の種類の一覧

Edit in DokuwikiEdit in AsciidocEdit in Markdown付録：矢印の先端と'0'矢印の一覧

矢印の先端

丸形の矢印（'0'矢印）

Edit in DokuwikiEdit in AsciidocEdit in Markdown付録：すべての要素に対するインラインスタイルのテスト

シンプルな要素

入れ子の要素

サブ要素無し

サブ要素有り

Edit in DokuwikiEdit in AsciidocEdit in Markdown付録：すべての要素に対するスタイルのテスト

シンプルな要素

グローバルスタイル（componentDiagram）

エレメント毎のスタイル

入れ子要素 (階層無し)

グローバルスタイル (componentDiagram)

入れ子要素ごとのスタイル

入れ子要素（一階層）

グローバルスタイル（componentDiagram）

入れ子要素ごとのスタイル

Edit in DokuwikiEdit in AsciidocEdit in Markdown付録: すべての要素にスタイル指定した場合のステレオタイプのテスト

単純な要素

Edit in DokuwikiEdit in AsciidocEdit in MarkdownDisplay JSON Data on Deployment diagram

Simple example

Edit in DokuwikiEdit in AsciidocEdit in MarkdownMixing Deployment (Usecase, Component, Deployment) element within a Class or Object diagram

Mixing all elements

Edit in DokuwikiEdit in AsciidocEdit in MarkdownPort [port, portIn, portOut]

Port

PortIn

PortOut

Mixing PortIn & PortOut

Edit in DokuwikiEdit in AsciidocEdit in MarkdownChange diagram orientation

Top to bottom (by default)

With Graphviz (layout engine by default)

With Smetana (internal layout engine)

Left to right

With Graphviz (layout engine by default)

With Smetana (internal layout engine)

Edit in Dokuwiki Edit in Asciidoc Edit in Markdown
デプロイメント図

Edit in Dokuwiki Edit in Asciidoc Edit in Markdown
要素の宣言

Edit in Dokuwiki Edit in Asciidoc Edit in Markdown
要素の宣言 (省略記法)

Edit in Dokuwiki Edit in Asciidoc Edit in Markdown
リンク、矢印

Edit in Dokuwiki Edit in Asciidoc Edit in Markdown
各括弧を使用した矢印のスタイル

Edit in Dokuwiki Edit in Asciidoc Edit in Markdown
矢印の色とスタイルを変更する（インラインスタイル）

Edit in Dokuwiki Edit in Asciidoc Edit in Markdown
要素の色とスタイルを変更する（インラインスタイル）

Edit in Dokuwiki Edit in Asciidoc Edit in Markdown
入れ子にできる要素

Edit in Dokuwiki Edit in Asciidoc Edit in Markdown
パッケージと入れ子要素

Edit in Dokuwiki Edit in Asciidoc Edit in Markdown
別名

`as`による単純な別名

Edit in Dokuwiki Edit in Asciidoc Edit in Markdown
角に丸みをつける

Edit in Dokuwiki Edit in Asciidoc Edit in Markdown
特有のskinparam

Edit in Dokuwiki Edit in Asciidoc Edit in Markdown
付録：線の種類の一覧

Edit in Dokuwiki Edit in Asciidoc Edit in Markdown
付録：矢印の先端と'0'矢印の一覧

Edit in Dokuwiki Edit in Asciidoc Edit in Markdown
付録：すべての要素に対するインラインスタイルのテスト

Edit in Dokuwiki Edit in Asciidoc Edit in Markdown
付録：すべての要素に対するスタイルのテスト

Edit in Dokuwiki Edit in Asciidoc Edit in Markdown
付録: すべての要素にスタイル指定した場合のステレオタイプのテスト

Edit in Dokuwiki Edit in Asciidoc Edit in Markdown
Display JSON Data on Deployment diagram

Edit in Dokuwiki Edit in Asciidoc Edit in Markdown
Mixing Deployment (Usecase, Component, Deployment) element within a Class or Object diagram

Edit in Dokuwiki Edit in Asciidoc Edit in Markdown
Port [port, portIn, portOut]

Edit in Dokuwiki Edit in Asciidoc Edit in Markdown
Change diagram orientation