Skip to main content

ネットワーク図

(Network Diagram)

サンプル​

@startuml
cloud "インターネット" {
  [外部ユーザー]
}

node "ファイアウォール" {
  node "ルーター" {
    node "Webサーバー"
    node "DBサーバー"
  }
}

[外部ユーザー] --> "ファイアウォール"
"ファイアウォール" --> "ルーター"
"ルーター" --> "Webサーバー"
"Webサーバー" --> "DBサーバー"
@enduml
PlantUML diagram

全体の設定​

タイトル​

タイトルを定義できます。

title 新基盤構築計画
PlantUML diagram

ヘッダ​

ヘッダを定義できます。

header 新基盤構築計画
PlantUML diagram

フッタ​

フッタを定義できます。

footer フッタ
PlantUML diagram

キャプション​

キャプションを定義できます。

caption キャプション
PlantUML diagram

すべて組み合わせると...​

PlantUML diagram

コンポーネント​

[]で囲むか、componentに続けてコンポーネント名を記載する事でコンポーネントを定義できます。

[コンポーネント名]
PlantUML diagram
component コンポーネント名
PlantUML diagram

ノード​

物理的または論理的な実行環境を表します。

node ノード名
PlantUML diagram

データストア​

database データストア
PlantUML diagram

クラウド​

cloud "クラウド"
PlantUML diagram

有線接続​

[R1] -- [R2]
PlantUML diagram

無線接続​

[AP] ..> [Client]
PlantUML diagram

プロトコル​

[WS] --> [AS] : TCP/8080
PlantUML diagram

帯域幅​

[R3] -> [R4] : 10 Gbps
PlantUML diagram