アクティビティ図をPlantUMLを使って作っているが、複雑なものはコードが長くなるので整形したい。
次のテキスト整形を使うことにする。
テキスト整形 -半角全角や大小文字の変換, 空白行削除 / ツール – Hirota Yano (yanohirota.com) ExternalLink
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
続きを読む
WordPressでツイッター絵文字を使う
調べたら、Twitter絵文字はワードプレスで使えた😃😃
WordPressでの絵文字活用 | Let’s EMOJI (lets-emoji.com) ExternalLink
Twitter絵文字一覧と絵文字検索 | Let’s EMOJI (lets-emoji.com) ExternalLink
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のアクティビティ図の新記法と旧記法の違いを確認する – techium (hatenablog.com) ExternalLink
PlantUML | プログラマーズ雑記帳 (fc2.com) ExternalLink
PlantUMLのデフォルトフォントは何か
「PlantUMLはフォント指定可能だけど、フォント指定しない場合のフォントは何だ?」
と思って調べた。
まずは、次の特別な構文を使って、システムで利用可能なフォントを出力した。
次のコードをtext.txtとしてコマンドプロンプトでコマンドを実行する。
@startuml
listfonts Hello world あのイーハトーヴォのすきとおった風
@enduml
続きを読む
FontAwesomeのアイコンの色を変える
このようにアイコンの色は変更可能である。
次のようにstyleに色を指定してアイコンの色を変えれる。
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
続きを読む
最近のコメント