network 図, plantuml

PlantUML

Last updated at 2025-06-25Posted at 2025-06-25

UML図ではない。
networkの構成を記述するのによい。

network
https://plantuml.com/ja/nwdiag

👁 スクリーンショット 2025-06-25 151145.png

上記図をもとに詳細かしてみた。

👁 Image

dmz: DeMilitarized Zone

plantuml

@startuml

nwdiag {
 group nightly {
 color = "#FFAAAA";
 description = "<&clock> Restarted nightly <&clock>";
 web02;
 db01;
 }
 network dmz {
 address = "210.x.x.x/24"

 user [description = "<&person*4.5>\n user1"];
 // set multiple addresses (using comma)
 web01 [address = "210.x.x.1, 210.x.x.20", description = "<&cog*4>\nweb01"]
 web02 [address = "210.x.x.2", description = "<&cog*4>\nweb02"];

 }
 network internal {
 address = "172.x.x.x/24";

 web01 [address = "172.x.x.1"];
 web02 [address = "172.x.x.2"];
 db01 [address = "172.x.x.100", description = "<&spreadsheet*4>\n db01"];
 db02 [address = "172.x.x.101", description = "<&spreadsheet*4>\n db02"];
 ptr [address = "172.x.x.110", description = "<&print*4>\n ptr01"];
 }
}
@enduml

利用者を一人足してみた。DHCPを記載予定

👁 Image

plantuml

@startuml

nwdiag {
 group nightly {
 color = "#FFAAAA";
 description = "<&clock> Restarted nightly <&clock>";
 web2;
 db1;
 }
 network dmz {
 address = "210.123.123.x/24"

 user1 [description = "<&person*4.5>\n user1"];
 // set multiple addresses (using comma)
 web1 [address = "210.123.123.123, 10.0.0.20", description = "<&cog*4>\nweb1"]
 web2 [address = "192.123.123.124", description = "<&cog*4>\nweb2"];

 }
 network internal {
 address = "172.16.x.x/16";

 web1 [address = "172.16.0.1"];
 web2 [address = "172.16.0.2"];
 db0 [address = "172.16.0.100", description = "<&spreadsheet*4>\n db0"];
 db1 [address = "172.16.0.101", description = "<&spreadsheet*4>\n db1"];
 pr1 [address = "172.16.0.110", description = "<&print*4>\n pr1"];
 pr3 [address = "172.16.0.111", description = "<&print*4>\n pr2"];
 user2 [description = "<&person*4.5>\n user2"];
 user3 [description = "<&person*4.5>\n user3"]; 
 }
}
@enduml