
:toc: left
:temp: ./temp
:sectnums:
:sectnumlevels: 5
:experimental:
:toclevels: 3
:toc-title: 目次

:experimental:

= PlantUML関連のサンプル(雑に)

以下からサンプル::
https://dtm3110.hatenablog.com/entry/2019/11/05/113000


 ★これは定型的に記述する
----
.ラベルタイトル
説明
[plantuml,"{temp}/{counter:uml}",svg] 
....
@startuml
	....
@enduml
....
----

---

== コンポーネント図
説明
[plantuml,"{temp}/{counter:uml}",svg] 
....
@startuml
' ヘッダー・フッターを読み込み & スタイル定義ファイル読み込み
skinparam componentStyle uml2

title コンポーネント図

package "認証認可パッケージ" {
  [認証]
  [ユーザー操作]
}

cloud "CloudファンクションAPI" {
  [認証API]
  [ユーザーAPI]
}

database "BigQuery" {
  [ユーザーデータ]
  [閲覧情報]
}

[認証] <--> [認証API]
[ユーザー操作] --> [認証API]
[ユーザー操作] <--> [ユーザーAPI]
[認証API] <--> [ユーザーデータ]
[ユーザーAPI] <--> [ユーザーデータ]
[ユーザーAPI] <--> [閲覧情報]

@enduml
....

---

== ユースケース
説明
[plantuml,"{temp}/{counter:uml}",svg] 
....
@startuml
' ヘッダー・フッターを読み込み & スタイル定義ファイル読み込み
title 矢印

left to right direction
:アクター1: -> (ユースケース1)
:アクター1: -------> (ユースケース2)
:アクター1: ..|> :アクター2: : <<extend>>
:アクター2: ..|> :アクター3: : <<include>>
:アクター3: -left-> (左)
:アクター3: -right-> (右)
:アクター3: -up-> (上)
:アクター3: -down-> (下)
@enduml
....

== フローチャート
説明
[plantuml,"{temp}/{counter:uml}",svg] 
....
@startuml
' ヘッダー・フッターを読み込み & スタイル定義ファイル読み込み
title 条件文

start
if (A or B) then (A)
  :Aを選んだらこっち;
elseif (A or B) then (B)
  :Bを選んだらこっち;
  stop
else
  :どれも選ばなかったらこっち;
  stop
endif
stop
@enduml
....

---

== 境界線・遅延・間隔
説明
[plantuml,"{temp}/{counter:uml}",svg] 
....
@startuml
' ヘッダー・フッターを読み込み & スタイル定義ファイル読み込み
title 境界線・遅延・間隔

' 境界線
== 境界線 ==
FUGA --> HOGE: Authentication Request
HOGE --> FUGA: Authentication Response
' 遅延
...
FUGA --> HOGE: Another authentication Request
HOGE --> FUGA: another authentication Response
' 間隔50px
||50||
FUGA --> HOGE: Another authentication Request
HOGE --> FUGA: another authentication Response
@enduml
....

---

== ライブラリーインポート(AWS)
説明
[plantuml,"{temp}/{counter:uml}",svg] 
....
@startuml
!include <aws/common>
!include <aws/Storage/AmazonS3/AmazonS3>
!include <aws/Storage/AmazonS3/bucket/bucket>
skinparam Shadowing false

title ライブラリーインポート(AWS)

AMAZONS3(s3_internal)
AMAZONS3(s3_partner,"Vendor's S3")
s3_internal <- s3_partner
@enduml
....

---

== コメント・注釈
説明
[plantuml,"{temp}/{counter:uml}",svg] 
....
@startuml
' ヘッダー・フッターを読み込み & スタイル定義
skinparam Shadowing false
' タイトル
title ノート(メモの使い方)

/'単純なノート
  他の要素に直接繋げない場合、名前を付ける必要があるので注意
'/
note "単純なノート" as sinmpeNote

' 複雑なノート
note as complexNote
  複雑なノート
  改行するとそのまま改行される
  ===
  ' ===で二重線を引くことができる
  - <b>太文字</b>
    - **「*」も使える**
  - <u>アンダーライン</u>
    - __「_」も使える__
    - ~~「~」で波線も使える~~
  - <i>斜字体</i>
    - //「/」も使える//
  - <s>打ち</s>  <del>消し</del>  <strike>線</strike>
    - --「-」も使える--
  - <font color="indigo">文字色変更</font>
  - <size:11>フォントサイズ変更</size>
  - 画像の挿入
  ---
  ' ---で境界線を引くことができる
  <img https://pbs.twimg.com/profile_images/3228282688/4a3c9e25b9831f3d74c357cae6c90636_reasonably_small.png>
end note

/'エレメントとノートを関連付ける
  1. 関連付けるエレメントの直後にnoteを入れる
  2. ノートに名前をつけ、線でつなぐ
'/
(上note)
note top: 上にノートをくっつける
(右note)
note right: 右にノートをくっつける
(下note)
note bottom
  下にノートをくっつける
  複数行もできる
end note
(左note)
note left
  左にノートをくっつける
  複数行もできる
end note

complexNote ... (右note)
complexNote --- (上note)

(上note) -right-> (右note)
(右note) -down-> (下note)
(下note) -left-> (左note)
(左note) -up-> (上note)

@enduml
....


---

== ワイヤーフレーム
UIみたいなプロトタイプ
[plantuml,"{temp}/{counter:uml}",svg] 
....
@startsalt
{+
  {* ファイル | 編集 | 表示 | ウィンドウ | ヘルプ}
  {/ ブログ記事編集 | 僕的URMのススメ | PlanUML言語 }
  {
    { 保存種別: | ^日時を指定して予約投稿^ }
    [X] サムネイル画像を変更する
    [X] Twitterと連携し、投稿されたらツイートする
    [ ] 投稿時にメールを送信する
  }
  {[Close]	|	[Cancel]	|	[保存]}
}
@endsalt
....


== ソルト (ツリー構造)
[plantuml,"{temp}/{counter:uml}",svg] 
....
@startsalt
{
  {T
    + World
    ++ America
    +++ Canada
    +++ USA
    ++++ New York
    ++++ Boston
    +++ Mexico
    ++ Europe
    +++ Italy
    +++ Germany
    ++++ Berlin
    ++ Africa
  }
}
@endsalt
....

== マインドマップ
[plantuml,"{temp}/{counter:uml}",svg,title="title"]
....
@startmindmap
' ヘッダー・フッターを読み込み & スタイル定義ファイル読み込み
title マインドマップ

* <&star>星のカービィ
** サウンド
*** ボイス
****_ 大本 眞基子(カービィ他)
****_ 桜井 政博(デデデ 64, スマブラ)
****_ 緒方 賢一(デデデ アニメ)
****_ 熊崎 信也(デデデ USD, Wii, トリデラ)
****_ 私市 淳(メタナイト)
****_ 齋藤 彩夏(ワドルディ)
*** 効果音
****_ 安藤浩和
****_ 石川淳
****_ 小笠原雄太
*** 音楽
****_ 安藤浩和
****_ 石川淳
****_ 小笠原雄太
** テキスト
*** システムメッセージ
****_ 子供向け
****_ 伏線を張りまくる
****_ ネタを作る
*** ナレーション
****_ 毛糸のカービィのみナレーションあり
****_ 津賀 有子
*** セリフ
****_ 備えあれば嬉しいな！
****_ 才能は無くても根気だけはある物好きは腐るほどいるでゲス
****_ 環境破壊は気持ちいいぞい
** グラフィック
*** 背景
****_ 美しい系のきれい
****_ 違和感がない程度に異常
*** オブジェクト
****_ 限りなく少ない
****_ ワドルディが時々コントしてる
*** カメラワーク
****_ 固定
*****_ 基本2D移動
left side
** 世界観
*** コンテキスト
****_ カービィの周りは平和
****_ なにげにシリーズを通して深い
*** キャラクター
****_ 基本的に可愛らしいビジュアル
*** イベント
****_ ギミック多め
****_ HAL部屋
****_ 裏切り
****_ 敵の敵は味方
*** ストーリー
****_ 可愛らしさ優先
****_ 割とエグい設定
****_ 世界の危機(いつもの)
** システム
*** 自由度
****_ 増え続けるコピー能力
****_ 基本ストーリーをなぞる
****_ 移動に関する自由はほぼ無い
*** 操作性
****_ コピー能力によりコマンド有り
****_ ノーマルの場合は単純明快
*** ゲームバランス
****_ 基本初心者向け
****_ 上級者向けのモードあり

@endmindmap
....
