はてなブックマーク

株式会社Schooの@hiroto_0411です！ 新卒研修でMermaidを使って以来、簡単な図はMermaidで書くようになりました！推しツールの1つになってきています🫶 そんなMermaidでアーキテクチャ図(Architecture Diagrams)を書けるようになったと聞いたので、実際に試してみました！ Mermaidとは シーケンス図、クラス図、状態遷移図などをテキストベースで作ることができるツールです。 Mermaidを書くときに使うと便利なツール Mermaid Live Editor (2024/09/12現在、Mermaid v11.1.0以上に対応していないためアーキテクチャ図は見られないです) ブラウザでMermaid記法を試すことができます。 Markdown Preview Mermaid Support(VSCode拡張機能) マークダウンで記述しながらプ