Mermaid入門 第5回：インタラクティブ表現と、AI時代の図解思考
Mermaidの図にclickイベントやアイコン・画像を載せて"生きた図"にする方法と、AIと一緒にMermaidを書く時代の実務ワークフロー、そして図解思考の本質を論じる発展編・最終回。
Mermaid
カテゴリ別記事一覧（全5件）
Mermaid入門 第4回：2025–2026 Mermaid大全 ― 新ダイアグラム・新Shape・Look/Layout
2025–2026年にかけてMermaidに加わった新ダイアグラム群、30種の新Shape、Look/Layoutの刷新を総覧。この一年の図解表現の進化を、実務目線で整理します。
Mermaid入門 第3回：状態遷移図とER図 ― システムの「振る舞い」と「関係」を描く
システムの「振る舞い」と「関係」を図で描く力は、AI時代の設計の共通言語になります。Mermaidで状態遷移図（stateDiagram-v2）とER図（erDiagram）を実務的に描く方法と、モデリング思考を鍛える視点を解説します。
Mermaid入門 第2回：実践編 - 図解で伝えるAI概念
MermaidでAI技術を効果的に図解する方法を解説。Model Context Protocol(MCP)や3Cスキルといった最新AI概念を例に、フローチャート、シーケンス図、クラス図などの実践的なコード例を紹介。コピペで使えるサンプル付き。
Mermaid入門 第1回：基本の使い方と環境構築
Mermaidの基本概念から環境構築、初歩的なチャート作成までを解説します。簡単で柔軟な図解ツールを学びましょう。
サイトのAI互換性を、
データで把握する。
GPT-4o・Claude・Geminiなど主要AIエージェントから見た
御社サイトの可読性を、W3C・Schema.org準拠の39項目で自動測定。