こんにちは。CREFILでエンジニアをしている加藤です。 この記事ではシーケンス図をマークダウン方式で記述可能なMermaidを用いて制作工数と管理工数を削減する方法を紹介したいと思います。 シーケンス図のネック プログラムの処理の流れや概要を設計する ...

Mermaidノード内のラベルに装飾を加える方法を理解する MarkdownやHTMLの併用による表現力を把握する この内容は、VSCode拡張機能「Markdown Preview Mermaid Support」v1.28.0（2025年4月リリース版）上で検証しています。 対応 Mermaid バージョンは 11.6.0。公式ドキュメントと ...

公式サイトではオンラインで試せるがやはり手元で使いたい。秀丸エディターの場合、ブラウザ機能を使ってマークダウンやMermaidを表示できるマクロHmMarkdownSimpleServerが「秀丸マクロ.net」で公開されているので、これを試す。Webに記載されている手順に沿っ ...

このコードは、入店から料理提供までの料理店のサービスプロセスを表すフローチャートを作成します。Mermaidのコードをサポートしているエディタで上記のコードを貼り付けると、フローチャートが表示されるはずです。 上記のチュートリアルを参考にし ...