plunkerでmermaid その2

概要

plunkerでmermaidやってみた。
sandbox作ってみた。

写真

サンプルコード

sequenceDiagram
  ユーザ   ->> +Vue         : ログインボタンクリック
  Vue      ->> +Laravel     : ログインAPI
  Laravel  ->> +Database    : SQL
    Note right of Database  : 認証テーブル参照
  Database ->> -Laravel     : Result
  alt ログイン成功
    Laravel ->> Vue         : success
  else 失敗
    Laravel ->> -Vue        : failure
  end
  Vue       ->> -ユーザ     : 結果表示

成果物

以上。