---
title: mermaid記法による図表の表示を改善しました
category: ReleaseNotes/2026/04/07
tags:
created_at: '2026-04-07T13:39:38+09:00'
updated_at: '2026-04-07T13:57:21+09:00'
published: true
number: 574
---

# 今回のリリース内容

<img width="493" alt="ss_2026-04-07_13_19_37.png (23.7 kB)" src="https://img.esa.io/uploads/production/attachments/105/2026/04/07/1/37a15387-4d5a-4a07-965d-89f15ed978e2.png">

mermaid記法による図表の表示に関して、以下の2点の改善を行いました

1. ダークテーマ時のスタイルを調整しました
    - 以前は白背景になってしまっていたのを修正しました
2. 以下のmermaid記法による図のサンプルのように、図の右側にGitHub風のコントロールボタンを追加しました。
    - 拡大/縮小・表示範囲の移動・ソースのコピー・モーダル表示ができるようになりました

## 動作確認用サンプル

```mermaid
graph TD;
    A-->B;
    A-->C;
    B-->D;
    C-->D;
```

# (\\( ⁰⊖⁰)/) ﾋﾄｺﾄ

細かい挙動は今後も調整していきたいと思いますので、気になるところがあればお気軽にフィードバックをよろしくお願いいたします :pray: 

---
[ProTip] [Webhookでdocs.esa.ioの更新通知を受け取ることができます](/posts/73) 

Enjoy "(\\( ⁰⊖⁰)/)"
https://esa.io