Mermaid

フローチャート、シーケンス図、ガントチャートなどを書ける作図記法です

code:mermaid

flowchart LR

A-- hello -->B

code:gantt.mmd

gantt

title A Gantt Diagram

dateFormat YYYY-MM-DD

section Section

A task :a1, 2014-01-01, 30d

Another task :after a1, 20d

section Another

Task in Another :2014-01-12, 12d

another task :24d

HSTSの動作をシーケンス図で

code:HSTS.mmd

sequenceDiagram

participant B as Web Browser

participant S as Web Server

B->>S: HTTP Request

S->>B: HTTP Response with HSTS header

Note over B: Browser recognizes HSTS header and updates its internal HSTS list

B->>S: HTTPS Request

S->>B: HTTPS Response with HTML

株式会社はてな様

株式会社豆蔵様