PlantUML スタイル調整(色・線の太さ)

PlantUMLでは、rectangle(長方形)の背景色などは変更可能。
次のようにする


@startuml

rectangle "aaa" as a
rectangle "bbb" as b #f0f
rectangle "ccc" as c #green
rectangle "ddd" as d #fff
rectangle "eee" as e
rectangle "fff" as f

a --> b : default
a -[#f0f]--> c : 16進数で指定
a -[#green]---> d : カラー名称で指定
a -[#green,thickness=4]----> e : 太さ変更
a -[#green,thickness=8]-----> f #text:green : テキストの色も変更


@enduml
続きを読む

PlantUML コードが書かれたファイル名と別名で画像を出力する

PlantUMLはコードをtext3.txtとした場合は、出力される画像名はtext3.pngになると考えていたが、コードがtext3.txtで、出力画像名をoutput.pngなどの別名にすることが可能。
次のコードをtext3.txtとする。画像の名前は「output」とする。


@startuml output
skinparam defaultFontName メイリオ
title 顔文字と色の変更 別名保存
Alice -> Yusuke : Hello Yusuke: <:1f601:>
return <:innocent:>
Alice -> Yusuke : Without color: <#0f0:Sweat:>
Alice -> Yusuke : Change color: <#orange:sunny:>
return <:1F608:>
Alice -> Yusuke : Without color: <#f00:1F637:>
@enduml
続きを読む

PlantUML 顔文字と色の変更

PlantUMLで、顔文字の表示と顔文字の色を変更してみた。
環境:windows10(64bit)
次のコードをtest3.txtとしてコマンドを実行する。
フォントは「メイリオ」でタイトルは「顔文字と色の変更」とした。


@startuml
skinparam defaultFontName メイリオ
title 顔文字と色の変更
Alice -> Yusuke : Hello Yusuke: <:1f601:>
return <:innocent:>
Alice -> Yusuke : Without color: <#0f0:Sweat:>
Alice -> Yusuke : Change color: <#orange:sunny:>
return <:1F608:>
Alice -> Yusuke : Without color: <#f00:1F637:>
@enduml
続きを読む

PlantUMLのデフォルトフォントは何か

「PlantUMLはフォント指定可能だけど、フォント指定しない場合のフォントは何だ?」
と思って調べた。

まずは、次の特別な構文を使って、システムで利用可能なフォントを出力した。
次のコードをtext.txtとしてコマンドプロンプトでコマンドを実行する。


@startuml
listfonts Hello world あのイーハトーヴォのすきとおった風
@enduml
続きを読む

WordPress外部リンクに「外部リンクのアイコン」を表示させる【Font Awesome】

まず、「外部リンクのアイコン」とは何か?
下記が外部リンクのアイコンである。

外部リンクのアイコンの例

Font Awesome を使って「外部リンクのアイコン」をワードプレスに導入する。
なかなか便利そうだな

Font Awesomeの使い方と表示されないときの対処法 (sungrove.co.jp) から引用 ここから-
Font AwesomeはSNSのアイコンをはじめとした、web上で使用されている様々なアイコンを、アイコンフォントという文字として利用することができるツールです。アイコンフォントは画像データと違いベクター形式で保存されるため、サイズを変更しても粗くなることはありません。また、CSSを設定するだけで色やサイズ、アニメーションを付けるといったことも可能です。
Font Awesomeの使い方と表示されないときの対処法 (sungrove.co.jp) から引用 ここまで-

続きを読む

PlantUMLで生成した画像の日本語が文字化け時の対処方法

2023年1月6日(金)
PlantUMLで生成した画像で日本語箇所が文字化けしている。
次のコードをtext.txtとしてコマンドプロンプトでコマンドを実行する。


@startuml
skinparam actorStyle Hollow 
:User: --> (Use)
"メイン ユーザー" as Admin
"Use the application" as (Use)
Admin --> (Admin the application)
@enduml
続きを読む