PlantUML에서 출력하는 UML 다이어그램을 세련되고 흑백 디자인으로 만듭니다.

소개

PlantUML은 텍스트 기반으로 UML을 만들 수 있는 매우 유용한 도구입니다.
그러나 디폴트 디자인은 약간 까다롭습니다. (디자인을 결정한 분 죄송합니다.)

그래서 이번에는 간단한 코드로 UML 다이어그램을 세련된 흑백 디자인으로 변경하는 방법을 소개합니다.

구현

이 기사 에서 소개한 클래스 다이어그램의 스킨을 흑백으로 변경해 봅니다.
!include 에서 다른 PlantUML 파일을 로드할 수 있습니다.
스킨을 다른 파일로 나누는 것으로, 쉽게 다른 클래스 다이어그램에도 같은 스킨을 적용할 수 있으므로 추천입니다.

car.pu

@startuml

' ----------------------------------------
' スキン設定
' ----------------------------------------

- ' 可視性のアイコンを非表示にする
- skinparam classAttributeIconSize 0
+ !include ./skinparam.pu

' ----------------------------------------
' クラス定義
' ----------------------------------------

class 車 {
  +車種
  +ナンバープレート
  +走る()
  +止まる()
  +曲がる()
}
note left: 車

class タイヤ {
}

class ドライバー {
  +アクセルを踏む()
  +ブレーキを踏む()
  +ハンドルを切る()
}

class 運転免許証 {
}

' ----------------------------------------
' 関連
' ----------------------------------------

車 "1" *-- "4" タイヤ
車 -- ドライバー
ドライバー "1" o-- "1" 運転免許証

@enduml

스킨 설정은 모두 skinparam.pu에 기술하기로 합니다.

skinparam.pu

@startuml

' ----------------------------------------
' スキン設定
' ----------------------------------------

' 可視性のアイコンを非表示にする
skinparam classAttributeIconSize 0

' モノクロにする
skinparam monochrome true

' 影をなくす
skinparam shadowing false

' 手描き風にする
skinparam handwritten true


@enduml

출력 결과

Before

After

어때?
타이틀이 성대한 낚시라고 느껴진 분, 죄송합니다.

변명하면 색깔의 그림을 본 후 색없는 그림을보고 있기 때문에 질소 분위기에 느끼는 것입니다.
실제로 설계도의 일부로 통합하면 세련된 것처럼 보이므로 안심하십시오.
흑백은 어떤 색과 조합해도 조화를 취할 수 있는 만능의 색입니다.

결론

손으로 그린 ​​바람으로 만드는 것은 내 개인적인 취미입니다.
직장에 따라서는 장난스럽다고 생각되므로, 적절히 바꾸어 주세요.

이 기사를 읽고 있는 분에게는, 이러한 장난이 통하는 듯한 회사, 그리고 상사와의 관계성이었으면 좋겠네요!
덧붙여서 나는 손으로 그린 ​​바람의 UML 그림을 작성해 설계서에 실었다면, 후배에게 「뭔가 선이 구부러져 있어 이상하네요」라고 말해졌습니다.