脱W〇rd, 脱E×cel, 脱＠st＠h : #9

PlantUML : コンポーネントに色を付ける with ステレオタイプ

skinparam を定義することで、コンポーネントのデフォルトの見た目を指定することができます。
個別に色を与えたい場合は、色コードを追加すればその値が反映されます。

rectangle の背景色デフォルトを #green にし、個別に #gray を指定して作図してみた例。（文字のデフォルトは、白・太）

rectangle    "rectangle 1"   as rect1
rectangle   "rectangle 2"   as rect2    #gray

skinparam   rectangleFontColor      #white
skinparam   rectangleFontStyle      bold
skinparam   rectangleBackgroundColor    #green

skinparam   backgroundColor         #fdfbf4

個別に設定すれば、すべて変更できる。

rectangle    "rectangle 3"   as rect3    #royalblue
rectangle   "rectangle 4"   as rect4    #red

skinparam   rectangleFontColor      #white
skinparam   rectangleFontStyle      bold
skinparam   rectangleBackgroundColor    #green

skinparam   backgroundColor         #fdfbf4

1つ2つ程度なら、個別対応で十分だと思います。

でも、たとえば「たくさんある重要な箱は全て赤色にしたい！」とかになると、全てに色設定を書くのはとても面倒。
さらに、「やっぱり青色にしたい！」となったりすると、とても悲しい事態に。

ステレオタイプ を利用すると、少し幸せになれるかもしれません。

この例では、<<だいじ>> と<<とてもだいじ>> というステレオタイプを定義しています。
そして、それぞれのステレオタイプの場合の色設定を skinparam で定義しています。

こうしておけば、<<だいじ>> や <とてもだいじ<>> な印をつけていたものを全て一度に、見た目を変更することが楽にできるようになりそうです。

rectangle    "rectangle 1"   as rect1
rectangle   "rectangle 2"   as rect2    #gray

rectangle   "rectangle 3"   <<だいじ>>   as rect3
rectangle   "rectangle 4"   <<とてもだいじ>>  as rect4

skinparam   rectangleFontColor      #white
skinparam   rectangleFontStyle      bold
skinparam   rectangleBackgroundColor    #green
skinparam   backgroundColor         #fdfbf4

skinparam   rectangleBackgroundColor<<だいじ>>   #royalblue
skinparam   rectangleBackgroundColor<<とてもだいじ>>  #red

まあ、あまり色付けを多用すると、散らかった感が出てしまうので気を付けたいと思います。

バイク乗り用のズボンを探しに。

だんだんと寒くなってきました。
今年もバイクに乗れるのも、あと少しかもしれません。寒いし雪降るので。

ジャケットはそれなりの物を持っているので、肌寒い季節でもイケるのですが、生憎とパンツはちゃんとした物を持っていませんでした。
快適な装備があれば、より安全にバイク乗りが楽しめるはずです。
しかしお金がない。お手頃価格で程よい物が欲しい。

いろいろ探していたところ、かの有名なワークマンに良い物があるらしい。

早速お店に行ってみました。
3件ハシゴしました。

で、見つけました。
「コーデュラ ユーロ ウォームパンツ」です。

黒のL、LL、青のL は何点か残っていましたが、黒Mは最後の1つ。
ネットでも既に売り切れていたため、実店舗にも存在していないかと諦め半分でした。
出掛けた甲斐があった。

猫様は早速検品。毛付けと匂い付け(マーキング)。(T_T)

あたらしい（さいきょうの）ずぼんを履いて、近所をバイクで走ってみました。
バッテリーが弱っていて、充電しなければセルが回らなかったトラブルはありましたが。

外気温は19℃。
太陽は出ているが、日陰はひんやり。

防風効果はあまり期待していませんでしたが、60〜70km/hで走行している限りだと、ほぼ風の通り抜けは感じられませんでした。
快適！

しかし、シューズと裾の隙間から入り込む空気がスースーします。
やはり隙間が改善箇所ですね。

マルとバツ

先日、テレビを見ていたら、次のような紹介がありました。

「バツイチのことを、マルイチと言う」って。

過去を引きずらずに、前向きにポジティブに生きていくように、って。

でも、そうだとすると、何回も離婚したほうがマルがいっぱい付いていいじゃん、ということにならないか？？？

元嫁なんて、マル２ じゃん！

脱W〇rd, 脱E×cel, 脱＠st＠h : #8

今回は PlantUML の使い方、というより、こんな使い方もできそう、という記事です。

かんばん してみる by PlantUML

プロジェクトや業務の管理手法に、「かんばん」という方法があります。
詳細は検索してください。
自分も詳しいわけではないので。

PlantUML を使う利点として、テキストで書けるということが挙げられます。
進捗変化をバージョン管理システムなどで保存していくと、日々の差分が抽出できるようになりそう。

試しに描いてみた絵。

しばらく日々の作業を、これで進捗管理してみようと考えています。

このときの記述は次のとおり。

楽天モバイルでのデータ通信量

今年2018年1月2日に楽天モバイルの使用を始めました。

データ通信の使用状況はどうだったか

契約プランは「スーパーホーダイ プランS」。
音声通話 10分間無料 & 高速データ通信量 2GB。

高速通信は常時OFF。
月末にON。なんともびんぼっちい経済的な使い方。

直近のデータ通信の使用状況は次の通り。

月	使用量
6月	15.3GB
7月	14.8GB
8月	12.9GB

1月、2月の結果もどこかにあったはずだけど、見つけたら追記します。

結構、データ通信していたようです。
契約1年目なので、2000円くらいで上記のデータ通信をしていたということになるので、 かなりお得に使えているのでは？

使い勝手

高速通信はOFFなので、がんばっても 1Mbps 程度の通信速度しか出ません。
そんな環境ですが、自分の使い方には大きな問題はなさそうです。
上記のとおり、10GB以上のデータ通信ができているのも、これを裏付けている結果です。

12時台の 1時間、19時台の 1時間はさらに遅く 300kbps 程度になってしまいますが、 自分はこの時間帯は仕事中なので問題なし。
（昼休みが遅い＆残業が多い）

動画もそんなに見ないし、480p くらいの画質ならば YouTube も問題なし。

ちょっと困るのはアプリの更新・インストール時のダウンロードに時間がかかることです。

また、特にゲームアプリで多いですが、本体更新に加えて、更新データがありますとか言って、 追加のダウンロードが終わらないとゲームが開始できない、という場合に通信速度が遅いと困ります。

進まないインジケーターバー。
頻繁に出現する通信エラーのポップアップ。
そして繰り返されるマイナーアップデート。

これはもう、悟った人間でなければ、苦行。

わるい事ばかりじゃないよ。

みなさん、離婚してますかー！

これからの人も、もう済ませた人も、元気になりましょう！！

自分の振り返りも兼ねて、離婚後（一部、離婚前）に新しく始めたこと・できたことを列挙します。
離婚することは、わるい事ばかりじゃないよ。

• ブログを始めた（実際には、離婚騒ぎが始まる約2月前から）
  • どうにも自分の中から何かを出さなければ、心身が壊れそうだったので書き始めたのがきっかけ。このブログね。
• 普通自動二輪免許を取得した
  • 社会人になって取ろうと思っていただけだったものが、できていなかったので。約20年越し。
• バイクを買った
  • これまでも何度か紹介。えっつん。
• 車を買った
  • バイクだけでは生活圏が限られると実感。中古軽自動車。
• YouTube へ動画投稿を始めた
  • ブログ（文字）だけではなく動画でも、自分が生きた証を残したくなったのかもしれない。
• アクションカメラを買った
  • ブログや YouTube 用に。コンパクトデジタルカメラも買った。いろいろ発見する感度が高まった気がします。
• 家を買った(?)
  • 買ったと言えるのかどうかわからないが、自分だけの持ち物になった。
• 交友関係が広まった。
  • なんでだろ？
• 猫を飼った
  • いつかは三毛猫の願いが叶った。ちなみに保護猫です。
• 自炊を始めた。
  • 一汁一菜でよい。
• クレジットカードのメンバー特典で物をもらった
  • 初めて。今までは相手が勝手に決めて物をもらっていた。高いカードの年会費は誰の稼ぎだったのか？
• Google Home を設置した
  • さすがににゃんこ様とは会話ができない。でも、Googleアシスタントとも会話は成立しない・・・
• Google Home mini を設置した
  • 寝室用。ほぼ目覚まし。
• 実家のリフォームをした
  • 正しくは親がリフォームを実施。離婚後は実家へ顔を見に行く機会も増えた。
• 断捨離した（継続中）
  • 使われていない無駄なものが、なんと多い事か。まだまだ絶賛片付け中。
• フリマに出品
  • 捨てるのは簡単。でも、少しでも生きていく糧にできるはず。
• 筋肉トレーニング
  • 離婚問題のごたごたが始まる前に出会いたかった。もしかしたら問題が解消できたかもしれない。でも、過ぎてしまったことはしかたがないよね。

自分、この2年弱の間、生きていることを実感しています。
まだまだ人生はこれからです。

脱W〇rd, 脱E×cel, 脱＠st＠h : #7

スプライトを表示する

スプライトってどんなもの？

ドキュメントより引用：

Spriteは、図で使用できる小さなグラフィック要素です。

たとえば、こんな画像を配置したいとします。

※ PlantUML の HP より画像を拝借 & リサイズ

表示するにはどうするの？

白黒ですが、記述は次のようになります。

@startuml ./output/

component   "<$demo>" as demo #white

right header
%date[yyyy.MM.dd 'at' HH:mm]%
endheader

sprite $demo [40x36/16z] {
dT27aciX20PWgdX0Szx_RI_YzXRd_hj9BD_029oa8Hp5-8XHFsEkm2VCsFe9Q_wy77hJO3XmU50keyPkHyCJEvkB61yDkPqmy-xNSzZ2p7euFd59klNkzBIj
Xn-ympn3W7ZWBZnp_X-kzVqYLCMzk0o_kHPpZWv0sbIifUgF-vwvw1yS-HmZOZgtnXbjIztvSR1uTNJD4VcdEaOn1EhpVimxC-ErtkgOKRcOnhWK8Vz8_A4w
FUvxlCnbx4GJQUlN28c5kOqkEbRxKVNSuvNkJmXBXjchytfFzItuJZtPggTAdYZZ35NFFyXG04ebAWXjkP2Q9euekLcD5aMKrqBs2BUJ7gybEq5brLh1QRKe
1o0H1QrgfQtP2-u52swNqMekkI9zgScl2z5t1tmbrBMg_VT5kLro2FoHSfNUaNuDupy
}

@enduml

$demo を下記のように設定すると、色が付きます。

私が知らないだけだったかもなのですが、カラーなスプライトも表示できるようになってました。

sprite $demo [40x36/color] {
zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzztrzRzz
zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzztJuvzz
zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzyvt&zizz
zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz>s~u:zzue
zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz>sWtauetJtJ
zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz>sWtatrs~uvzz
zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzRsWtau:o~yvzzzz
zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzRsWzRtrs~ufzzzz
zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzu:tJyvs~tJzzzz
zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzztJuNtat&zzzz
zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzyetJuezzzz
zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzrRRraNuvzzzzzz
zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzyW:JJRrJJNrn>zzzz
zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzWO~JW:W:W:RrJJJJvi
zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzK<#e~bRrW:RrRrNarR
zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzK<#f#v*MJKW:ivvivi
zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzK<#e#v#w*drRzzvivi
zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzK<#f#v#v;uvRzzvivi
zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzK<#f#v#v*urRzzvivi
zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzK<#f#v#v*urRzzvivi
zzzzzzzzzzzzvie;ZbrRzzzzzzzzzzviicibrRzzzzzzzzzzrRRbW:vizzvjzzK<#f#v#v*urRzzvivi
zzzzzzzzviaNQoU$U%QHZrzzzzrSeci%uWuXe$eMzzzzrRRs:H!%!$:XaNzzzzK<#f#v#v*urRzzvivi
zzzzzzr>V*Q$YHYHYIYIU$UpmviJqGynynynz*qYiJRr&H!$&%&%:&&%&%JKviOP#e#v#v*urRzzvivi
zzn>ZaQHY%YIYHYYYHmOm<Y%UGq%z&ynypypzgzxz-dn>H&&:&>Z&%&%&%!$>Y;L#w#v#v*urRzzvivi
N&QGU$YHYHYHYHm;qfd+qwv>YHUHd%uXzfzyzPzizgzMuXRH:IefeP:YJ-J-!%&%#-#v#w*uvRzzvivi
*-MZYHYHYHYHYHYHlsqfqOlsYHYHY%YHhXz:zfzMypynynz%mHInVtiweO_p&%&%&%&I#M*urRzzvivi
#v#v;-QHYHYHYHYHY%YHYIY%YHYHYHYIU%YmqYynynynynynz&ynRG>I&%&%&%&%&&&%!$:pvizzvivi
#e#v#w#e_pYHYHYHYHYHYHYHYHYIYHU%Ypmfr;ynyoynyoynuXmZvQNL!%:&&%&&&%&%JLn>zzzzvivi
#v#v#v#v#v;MMIYHYHYHYHYHYHY%YYiNvizzvPyXyoynyXqZmuvizza;&%:&&%&%_pivzzzzzzzzvivi
#-#e#v#v#v#w#e>qUHYHYHY%UHdsvizzzzzzvhyoynqYqtvizzzzzziv&%&%>YaOzyzzzzzzzzzzvivi
ivK;#N#f#w#v#v#v*MIIUHdLr?zzzzzzzzzzzzqZqrrRzzzzzzzzzzrR>YVsvizzzzzzzzzzzzzzvivi
zzzzef;L#N#w#v#v#w#eW;zzzzzzrRivrRzzzzvRzzzzzzrRivrRzzzzrRzzzzzzn>ivvizzzzzzvivi
zzzzzzviae#-#e#w#v#favzzzzzzrReerRzzzzzzzzzzzzn>eerRzzzzzzzzzzzziveevizzzzzzvivi
zzzzzzzzzzn>Js#M#v#vafzzzzzzzzvivizzzzzzzzzzzzzzvizzzzzzzzzzzzzzvivizzzzzzzzvivi
zzzzzzzzzzzzzzaN;+#:evzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzvivi
zzzzzzzzzzzzvzzzzyRrRrrRn>n>n>n>n>n>n>n>n>n>n>n>n>n>n>n>n>n>n>n>n>n>n>n>n>rRivvi

しかしながら、上記のようなデータを手動で作成するのは無理。

どうやってスプライトのデータを作るの？

詳細は説明書に書いてありますので、そちらを参照してください。

作成方法1: コマンドラインで

java -jar plantuml.jar -encodesprite 16z foo.png

しかし、次の方法のほうが楽にできるかも。

作成方法2: GUI で

以降、Windows上での動作です。（java だから、どのOS上でも同じかな？）

1. GUI を起動（plantuml.jar をダブルクリックなど）する。

   

2. メニューバーの File / Open Sprite Window をクリックする。

   

3. 画像をクリップボードへコピーする。

   

4. エンコードされたスプライトデータが吐き出されるので、必要なものをコピーして使用できます。

   

スプライトデータは別ファイルにしておいて、!include するのがいいかもしれません。