RaditechLAB Mermaid Studio は、プレゼン資料やブログ、学習メモに使うための「プロフェッシャルな図解」を、ブラウザ上で一瞬で作成できるツールです。
テキストを書くだけで、AI時代に必須のフローチャートやシーケンス図が生成されます。

🚀 Quick Start（3ステップで完了）

  1. 書く (Type): 左側のエディタにMermaid記法でコードを書きます。
  2. 見る (View): 右側のプレビューにリアルタイムで図が反映されます。マウスで見やすい位置に調整しましょう。
  3. 保存 (Export): 右上の「Export PNG」ボタンで高解像度画像をダウンロードします。

🎨 主な機能

1. テーマ切り替え (Color Palette)

右側のプレビュー画面にある3つの丸いボタンで、図の雰囲気を瞬時に変更できます。

  • RaditechLAB (Deep Navy):
    デフォルト。Raditechブランドカラー（ネイビー＆シアン）。スライド投影やダークモードのWebサイトに最適。
  • Simple (White/Mono):
    白背景に黒ライン。印刷物、論文、白背景のドキュメントに最適。
  • Pastel (Pink/Soft):
    柔らかい色合い。親しみやすいブログ記事や、強調しすぎない挿絵に。

2. 視点操作 (Zoom & Pan)

複雑で大きな図も、直感的に操作できます。

  • 移動: マウスの左クリックを押しながらドラッグ。
  • 拡大縮小: マウスホイールを回すか、画面上の「＋」「ー」ボタン。
  • リセット: 「⟲」ボタンで初期位置に戻ります。

3. エクスポート

  • Export PNG: 汎用的な画像形式。背景は白で塗りつぶされており、パワポ等にそのまま貼れます。
  • Export SVG: ベクター形式。イラレ等で後から編集したい場合に便利です。

📝 Mermaid 記法チートシート

フローチャート (Flowchart)

graph TD
    A[開始] --> B{条件}
    B -- Yes --> C[処理1]
    B -- No --> D[処理2]
    C --> E[終了]
    D --> E

シーケンス図 (Sequence Diagram)

sequenceDiagram
    技師->>患者: 息を止めてください
    Note right of 患者: 5秒間停止
    患者-->>技師: (静止)
    技師->>装置: 撮影実行

ガントチャート (Gantt Chart)

gantt
    title 国家試験対策スケジュール
    dateFormat  YYYY-MM-DD
    section 基礎医学
    解剖学     :active, 2026-04-01, 30d
    生理学     :2026-05-01, 20d
    section 臨床
    撮影技術   :2026-06-01, 45d

より詳しい記法は Mermaid公式サイト を参照してください。