【トピックス】GitHub、Markdown構文でフローチャートやクラス図、ガントチャートなどのダイアグラムを表示できる「Mermaid」をサポート開始(Publickey)

https://www.publickey1.jp/blog/22/githubmarkdownmermaid.html

専用の記法で記述するといろんな図を生成してくれます。

WordPressにも組み込めます(Mermaid Pluginを入れました.WP Mermaidブロックでは無くカスタムHTMLを作成して[ mermaid]と[ /mermaid]で記述を囲ってください)

sequenceDiagram
    participant Alice
    participant Bob
    Alice->>John: Hello John, how are you?
    loop Healthcheck
        John->>John: Fight against hypochondria
    end
    Note right of John: Rational thoughts <br>prevail!
    John-->>Alice: Great!
    John->>Bob: How about you?
    Bob-->>John: Jolly good!
sequenceDiagram participant Alice participant Bob Alice->>John: Hello John, how are you? loop Healthcheck John->>John: Fight against hypochondria end Note right of John: Rational thoughts
prevail! John-->>Alice: Great! John->>Bob: How about you? Bob-->>John: Jolly good!

madoiを使ったペイント

みんなで描けるキャンバスです。誰かが最後に描いてから10分ほど経つと内容は消えます。

Color: Size:

madoiを使ったチャット

チャットです。誰かが最後に書いてから10分ほど経つと履歴は消えます。