mermaid

• mermaidについての解説です。

```mermaid
---
    # Frontmatter config, YAML comments
    #title: Ignored if specified in chart
    #displayMode: compact     #gantt specific setting but works at this level too
    config:
#        theme: forest
        themeCSS: "
             //.titleText { font-size: 40px; }\n
             .tick text { font-size: 16px; }
        "
        gantt:
            #useWidth: 800
            rightPadding: 0
            topAxis: true  #false
            numberSectionStyles: 3
            fontSize: 16
            sectionFontSize: 24
            tickInterval: 1month
---
gantt
    dateFormat  YYYY-MM-DD
    title       Adding GANTT diagram functionality to mermaid
    excludes    weekends
    %% (`excludes` accepts specific dates in YYYY-MM-DD format, days of the week ("sunday") or "weekends", but not the word "weekdays".)

    section ざっくりとした計画

    テスト:done,    des1, 2025-05-01,3M

    Active task               :active,  des2, 2025-06-09, 3d
    Future task               :         des3, after des2, 5d
    Future task2              :         des4, after des3, 5d

    section Critical tasks
    Completed task in the critical line :crit, done, 2025-06-06,24h
    Implement parser and jison          :crit, done, after des1, 2d
    Create tests for parser             :crit, active, 3d
    Future task in critical line        :crit, 5d
    Create tests for renderer           :2d
    Add to mermaid                      :until isadded
    Functionality added                 :milestone, isadded, 2025-06-25, 0d

    section Documentation
    Describe gantt syntax               :active, a1, after des1, 3d
    Add gantt diagram to demo page      :after a1  , 20h
    Add another diagram to demo page    :doc1, after a1  , 48h

    section Last section
    Describe gantt syntax               :after doc1, 3d
    Add gantt diagram to demo page      :20h
    Add another diagram to demo page    :48h

```