logo
2026-07-23

Mermaidでガントチャートが横に長すぎるので短くするWebアプリを作った

#mermaid

Mermaid便利なんですけど、ガントチャート横長すぎません？
↓例

Online FlowChart & Diagrams Editor - Mermaid Live Editor
Simplify documentation and avoid heavy tools. Open source Visio Alternative. Commonly used for explaining your code! Mermaid is a simple markdown-like script language for generating charts from text via javascript.
favicon mermaid.live

スライドとかに入れづらくてなんだかなぁとなったのでAIに依頼してぱぱっといい感じのやつを作ってもらいました

Mermaid Gantt Compact Converter
Convert Mermaid gantt syntax into clean, compact SVG or PNG images instantly.
favicon a-kaibu.github.io

だいぶ短くなってスライドにもいい感じに収まるようになったので満足です
AIサイコー！

それでは良きMermaidライフを！