Moxie Docs 無料 Mermaid Diagram Editor

概要

Moxie Docs は、開発者が Mermaid.js 構文を使用してテクニカルダイアグラムを作成できる無料の Mermaid Diagram Editor をリリースしました。このツールは、スピード、プライバシー、およびドキュメントワークフローへのシームレスな統合のために設計されており、ユーザーアカウントやインストールを必要とせずに、ライブプレビューと即時のエクスポートオプションを提供します。

主な機能

ライブレンダリングとエクスポート

このエディタは、画面の左側の Mermaid 構文への変更が右側のレンダリングをリアルタイムで更新する、即時のライブプレビューを提供します。ユーザーはダイアグラムを高解像度の PNG またはクリーンな SVG としてダウンロードできるため、README、Notion、Confluence、および Google Docs への統合に適しています。

URL ベースのコラボレーション

コラボレーションは URL クエリパラメータを介して行われます。ダイアグラムの全状態が URL に直接エンコードされるため、ユーザーは、サーバー側のストレージやデータベースの記録を必要とせずに、他のユーザーが全く同じダイアグラムを見ることができるリンクを共有できます。

プライバシーとクライアントサイド処理

すべてのダイアグラムのレンダリングおよびレンダリングプロセスは、完全にユーザーのブラウザ内で実行されます。ダイアグラムがユーザーのデバイスを離れることはないため、ツール自体によるトラッキングがゼロであるプライバシー優先のアプローチを保証します。

サポートされているダイアグラムの種類

このエディタは、最新の Mermaid レンダラーを使用して、以下を含むすべてのコアダイアグラムタイプをサポートしています：

• Flowcharts と C4 スタイルのダイアグラム: アーキテクチャやシステム設計において、サービスの接続を説明するために使用されます。

• Sequence Diagrams: API やデータフローをマッピングするために、リクエストのライフサイクルをマッピングするために使用されます。

• Entity-Relationship Diagrams: データモデルやデータベーススキーマを、ER ダイアグラムやクラスダイアグラムを介して表現するために使用されます。

• Gantt Charts と Mindmaps: ロードマップ、タイムライン、およびオンボーディングプロセスに使用されます。

• その他のタイプ: 円グラフ、ステートダイアグラム、および gitGraph を含みます。

Moxie Docs との統合

このエディタは、より大きなエコシステムの一部ですが、無料のエディタはスタンドアロンで利用可能です。自動化されたドキュメント作成を必要とするチーム向けに、Moxie Docs は GitHub リポジトリに接続して、ソースコードからアーキテクチャダイアグラムを自動生成し、マージのたびにそれらを更新するサービスを提供しており、コードベースの変更に合わせてドキュメントが常に最新の状態に保たれることを保証します。