home/Markdown

LOVE相関

@startuml
Bob -up-> Alice: Love
Alice -right-> Jon: Love
Jon -down-> Risa: Love
Risa -left-> Bob: Love
@enduml
  • a
    • b
    • c
      1. ほげ
      2. ぴよ
      3. ふ

画面遷移図

@startuml
hide empty description
skinparam state {
  BackgroundColor<<MODAL>> orange
  BackgroundColor<<GLOBAL>> #cccccc
}

state "スプラッシュ" as splash
state "[[#コンポーネント図 ログイン]]" as login
state "サインアップ" as signup
state "パスワードリマインド" as reminder<<MODAL>>
state "メインメニュー" as main
state "ヘッダ" as header<<GLOBAL>>
state "メール送信" as sendmail
state "利用規約" as terms<<MODAL>>

[*] --> splash
splash --> login: 未ログイン
splash --> main: ログイン済
login --> main: ログイン
login --> signup: 新規登録
login --> reminder: パスワード再設定
signup --> sendmail: 登録
signup --> terms: 規約に同意する
sendmail --> login
header --> login: ログアウト
@enduml

フローチャート

@startuml
title 自動アップデート
start
:22時に実行;
if (アップデートファイルが存在するか) then (yes)
 :サービスを停止する;
else (no)
 :処理を停止する;
 kill
endif

repeat

    :Tomcatプロセス数のチェック;
 note left
  ps ax | grep tomcat | grep -v grep | wc -l
 end note
    
repeat while (tomcatプロセス数 = 0)

:[[#目次 目次へ飛ぶ]];
 note right
 内部リンクも可能
 end note

if (SQLファイルが存在するか) then (yes)
    :dbをbackup;
else (no)
endif

:サービス起動;

stop
@enduml

ツリー君

salt

{
  {T
   + World
   ++ America
   +++ Canada
   +++ USA
   ++++ New York
   ++++ Boston
   +++ Mexico
   ++ Europe
   +++ Italy
   +++ Germany
   ++++ Berlin
   ++ Africa
  }
}
col1col2col3
aabd
ewd

システム連携

@startuml

cloud "さくらのVPS" {
  package "社内GGG" {
    [HTTP]
    node "自動化"{
      [HTTP] --- [GGG]
      [GGG_AutoUpdate] --|> "22時チェック" [アップロードフォルダ]
    }
  }
}

package "HOGE" #84fab0/8fd3f4 {
  SCP <- [VM]
  SCP --> "upload" [アップロードフォルダ]
}
note bottom of HOGE: グラデーション可

[GGG_AutoUpdate] --|> "PG更新" [GGG]
note bottom of VM: 未定
@enduml