🤖

全PlantUMLユーザーに知ってほしい【あの不自然に強い影】を消す方法

2021/05/21に公開

半分ネタですが、原則こうしたほうが良いのではというPlantUMLの設定を見つけたので記事にしておきます。
PlantUMLでUMLを書くと、デフォルトでは以下のように各ノードに濃い目の影がつきます。

Image from Gyazo

この影、最初はなんとも思っていなかったのですがよく見るとUMLに影はなくても伝わるので消したほうがスッキリした見た目になりそうです。

PlantUMLで各ノードの影を消すためには、以下の1行を追加します。

skinparam shadowing false

すると、影が消えて大変スッキリした見た目になりました。

Image from Gyazo

参考までにソースコードを貼っておきます。

@startuml

skinparam shadowing false

actor Engineer

node Browser
node DNS

package WebApp {
    node CDN
    node LoadBalancer
    node AppServer
    node DataStore
}

Engineer -- Browser
Browser -- DNS
Browser -- CDN
CDN -- LoadBalancer
LoadBalancer -- AppServer
AppServer -- DataStore

@enduml

ある程度大きなUMLになると、なおさら影を消すことの効果は大きそうです。

Before

Image from Gyazo

After

Image from Gyazo

ぜひskinparam shadowing falseを付けてスッキリしたUMLを書きましょう。

Discussion