kunio-ud https://blog.hatena.ne.jp/kunio-ud/ 40代文系エンジニアの思うこと https://kunio-ud-all.com/ 勉強 資料作成 Mermaid この記事では、はてなブログ上でMermaidを活用してシーケンス図を手軽に描く方法について解説する。まずMermaidの基本概念やシーケンス図の記法を説明し、次にはてなブログへのMermaid.jsの組み込み方法（CDNの読み込みやHTMLブロックの活用）を紹介する。さらに、実際にAPIやシステム間のやり取りを示すシーケンス図のサンプルコードも提示し、スタイル調整やキャッシュ対応などの注意点にも触れる。これにより、技術記事やプレゼン資料に視覚的な情報を簡単に挿入できるようになるはず。 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fkunio-ud-all.com%2Fentry%2F20250214%2F1739544069" title="はてなブログでMermaidを使ってシーケンス図を描く - 40代文系エンジニアの思うこと" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/k/kunio-ud/20250215/20250215005414.png Hatena Blog https://hatena.blog 2025-02-14 23:41:09 rich https://kunio-ud-all.com/entry/20250214/1739544069 1.0 100%