Mermaid Live Editor

Mermaid Live Editor

mermaid.live · Feb 21, 2026 に認証済み ·
ツールを開く

説明

シンプルなテキスト構文でフローチャート、シーケンス図、ガントチャートなどを作成。SVG/PNGへのエクスポートつきのライブプレビュー。

ログイン不要タスク

"テキスト構文で図を作成する"

Editorial Review & Verification

Hands-on Verified
Best For

Mermaid のコードとしてのダイアグラム構文を使用した、フローチャート、シーケンス図、アーキテクチャ マップの作成、レンダリング、共有。

No-Login Alternative To: PlantUML Draw.io Excalidraw

+ Key Strengths (Pros)

  • ✓ フローチャート、シーケンス、ER、クラス、ガント、状態、git ダイアグラムにわたる包括的なダイアグラム構文のサポート
  • ✓ ダイアグラム定義は、pako deflate エンコーディングを介してクライアント URL ハッシュ フラグメント内に完全に保持されます。
  • ✓ SVG、PNG、埋め込み可能な iframe、生の Web コンポーネントをサポートする多用途のエクスポート ワークフロー

− Limitations (Cons)

  • − 初回訪問では、Mermaid Chart クラウド サブスクリプションを促すアップセル モーダルが表示されます
  • − 数百のノードを持つ大規模で複雑なグラフでは、キャンバスのレンダリング遅延が発生する可能性があります

Deep Privacy & Sandbox Audit & プロダクトパワー&実用性レビュー

🛡️ Audited & Certified by NoLoginTools.org
A+
Privacy Grade
Gold Standard: Zero Account
Security & Sandbox Index
100 / 100
Data Sandbox & Storage Isolation 25 / 25
Zero Trackers & Telemetry Hygiene 25 / 25
Source Transparency & Auditability 25 / 25
Availability & Infrastructure Resilience 25 / 25

ダイアグラムのレンダリングは、ブラウザーの SVG パイプラインでローカルに実行されます。ダイアグラムの内容は URL ハッシュ フラグメント内に保持され、バックエンド API にディスパッチされることはありません。送信トラフィックは、プライバシーを尊重する Plausible 分析イベント 5 つに制限されます。

⚡
プロダクトパワー指数
95 / 100
★ エディターズチョイス
📊 5次元パフォーマンスレーダー 5D CADES
Radar chart displaying 5 dimensions: Frictionless, Depth, Export, Privacy, Polish フリクションレス体験: 19/20 (95%) 機能の深さと再現性: 24/25 (96%) エクスポートの自由度: 19/20 (95%) プライバシーとデータ主権: 19/20 (95%) 安定性と完成度: 14/15 (93%) フリクションレス体験 (19/20) 機能の深さと再現性 (24/25) エクスポートの自由度 (19/20) プライバシーとデータ主権 (19/20) 安定性と完成度 (14/15)
フリクションレス体験 19 / 20
サインアップ、アカウント制限、モーダルなしで即座に開始
機能の深さと再現性 24 / 25
完全なコアワークフローの実行、豊富な機能、入力の忠実度
エクスポートの自由度 19 / 20
透かしなし、標準形式での制限のないダウンロード
プライバシーとデータ主権 19 / 20
ブラウザ内メモリサンドボックス、追跡ゼロ、データ保護
安定性と完成度 14 / 15
視覚的なタイポグラフィ、レイアウトの操作性、ランタイムの回復力
🔬 ラボ検証ノート 監査日 2026-09

フローチャート SVG は 350 ミリ秒以内にレンダリングされたタスクです。クライアント側の pako URL ハッシュ フラグメントにエンコードされた状態。自己ホスト型 p.mermaid.live 分析への 5 つのリクエスト。商用トラッカーはゼロです。

Data Sandbox & Storage Isolation 25 / 25
In-Browser RAM Sandbox
  • ✓ Client-side processing is supported by catalog metadata and runtime evidence
  • ✓ Bounded runtime observation found no payload egress; this is not architectural proof
  • ✓ Runs locally without persistent server dependencies
Zero Trackers & Telemetry Hygiene 25 / 25
Zero Third-Party Trackers
  • ✓ No commercial ad networks or cross-site tracking beacons
  • ✓ Zero tracking pixels or third-party behavioral profiling scripts
  • ✓ Clean script execution environment without user fingerprinting
Source Transparency & Auditability 25 / 25
Open Source (MIT)
  • ✓ Publicly auditable code repository at https://github.com/mermaid-js/mermaid-live-editor
  • ✓ OSI-recognized open license: MIT
  • ✓ 6,811 GitHub community stars
Availability & Infrastructure Resilience 25 / 25
High Uptime & Sub-Second Latency
  • ✓ Fully operational with fast edge response (~55ms)
  • ✓ Verified active on Cloudflare automated 6h health probe
  • ✓ Reliable service accessibility without login barriers

NoLogin Lab™ 検証済みテレメトリと実証監査

CADES 2.0 Empirical Test
🛡️ ネットワークパケット監査 完全ローカル実行 (外部送信なし)

Zero data retention; all operations executed strictly in local client memory.

Audit: verified-consistent
💻 実行サンドボックスエンジン Local Only

Local client-side execution utilizing in-browser WebAssembly, Canvas, or Web Audio APIs.

Sandbox: Client-Side Only
📦 生成物の整合性と透かし検査 完全ウォーターマークなし

Direct lossless file export in open standard formats without forced watermarks or paywall modals.

Ad Tier: zero-ads
⚡ アクセス速度と即時利用性 即時起動 (<500ms)

Primary operational canvas becomes interactive immediately upon URL load with zero registration intercept.

Onboarding: 0-Click Gate
📜 ソースコードと信頼性 公開リポジトリ検証済み

Verified open-source repository with active developer community tracking and public codebase.

License: MIT GitHub Repo →

Verification Details

Account None Required
Category Development
Processing Client-Side Only
Pricing Free
Privacy Architecture Verdict

ダイアグラムのレンダリングは、ブラウザーの SVG パイプラインでローカルに実行されます。ダイアグラムの内容は URL ハッシュ フラグメント内に保持され、バックエンド API にディスパッチされることはありません。送信トラフィックは、プライバシーを尊重する Plausible 分析イベント 5 つに制限されます。

タグ

稼働履歴

14 日前 → 今日 · 稼働率:100%

リポジトリ

mermaid-js/mermaid-live-editor

★ 6.8k ·Ⓟ 1.2k · TypeScript · MIT · 6d ago に更新済み

よくある質問

Mermaid Live Editor にはアカウントが必要ですか?
必要ありません。Mermaid Live Editor は nologin.tools によって認証されており、コア機能である「テキスト構文で図を作成する」をログインや登録なしで利用できることが確認されています。
Mermaid Live Editor は無料で使えますか?
Mermaid Live Editor は nologin.tools にアカウント不要で使えるツールとして掲載されています。料金やプレミアム機能の詳細は、ツールの公式サイトをご確認ください。

関連ツール

CyberChef
CyberChef (gchq.github.io) ⚡ 94

サイバー万能ナイフ——ドラッグ&ドロップのレシピビルダーで、データのエンコード・デコード・暗号化・圧縮・分析ができます。

Regex101
Regex101 (regex101.com) ⚡ 95

PHP、PCRE、Python、Golang、JavaScript向けのオンライン正規表現テスターとデバッガー。リアルタイムの説明とマッチハイライトで正規表現パターンを構築・テスト・デバッグできます。

DevDocs
DevDocs (devdocs.io) ⚡ 95

複数のAPIドキュメントを、高速で整理された検索可能なインターフェースに統合しています。JavaScript、HTML、CSS、Node.js、Ruby、Pythonなど数百の技術をカバーしています。

Carbon
Carbon (carbon.now.sh) ⚡ 95

ソースコードの美しい画像を作成・共有できます。数十のシンタックステーマと言語から選んで、PNGまたはSVGでエクスポートできます。

TypeScript Playground
TypeScript Playground (typescriptlang.org) ⚡ 95

ブラウザでTypeScriptコードを作成・コンパイル・実行。完全な型チェックとIntelliSenseを備えたMicrosoftの公式ツール。

WebUtilsLab
WebUtilsLab (webutilslab.com) ⚡ 95

ローカルファーストのブラウザ完結型開発者ツール集。JSON 整形、JWT デコード、URL クエリ解析、chmod/umask 計算、cron 式アシスタント、タイムスタンプ、ハッシュ生成、UUID などを搭載。ログイン不要で、入力データは極力ブラウザ内でローカル処理されます。