説明
DiagramPreviewは、開発者、プロダクトチーム、アーキテクト、技術ライター向けのオンラインダイアグラムプレビューおよび変換ワークスペースであり、ドキュメント、チケット、プルリクエスト、またはインシデントレポートに掲載される前にダイアグラムを確認する必要があります。テキストと構造化データを視覚的なプレビューにレンダリングし、検査、共有、エクスポートが容易で、プレビューの隣にソースを表示します。
続きを読む
このワークスペースは、Mermaid、PlantUML、Markdown、Graphviz、D2、Draw.io XML、マインドマップ、JSON、YAMLなど、多くの開発者向けフォーマットをサポートしており、MermaidやPlantUMLを編集可能なDraw.io XMLに変換するなど、フォーマット間の変換が可能です。また、JSON Schema、Protobuf、GraphQL、SQL、DBML、Prismaなどのスキーマや契約を視覚化し、OpenAPI、Postman、HARトラフィックをバックエンドレビュー用のシーケンスおよびエラーフローダイアグラムに変換します。
ダイアグラムを超えて、Docker Compose、Terraform、CloudFormation、Kubernetesマニフェスト、GitHub Actions、Helm値などのDevOpsおよび設定用の単目的ユーティリティの大規模なセットを含み、自然言語やメモからMermaid、PlantUML、Draw.ioを生成するAI支援のジェネレーターも提供します。
ほとんどのレンダリングはブラウザ内でローカルに実行され、ドラフトを迅速かつプライベートに保ちます。一方、AI支援のジェネレーターはサーバーサイドAPIを使用するため、プロバイダーキーは公開されません。サポートされているレンダラーは、ワークスペースツールバーからSVG、PNG、および印刷スタイルのPDFをエクスポートします。
- カテゴリーコーディングと開発
- 料金モデル無料
- デプロイクラウド
- プラットフォームWeb
DiagramPreviewの主要機能
Mermaid、PlantUML、Graphviz、D2、Draw.ioダイアグラムのライブプレビュー
Mermaid、PlantUML、編集可能なDraw.io XML間の変換
JSON Schema、SQL、DBML、GraphQL、Prismaのスキーマ視覚化
OpenAPI、Postman、HARからのAPIシーケンスおよびエラーフローダイアグラム
Docker、Kubernetes、Terraform、GitHub ActionsのDevOps設定ビジュアライザー
自然言語やメモからのダイアグラムのAI支援生成
可能な限りローカルで実行されるブラウザファーストのレンダリング
ツールバーからSVG、PNG、PDFにエクスポート
DiagramPreviewの使い方は？
ツールを選択: Mermaid PreviewやMermaid to Draw.ioなどのプレビューまたは変換ツールを選びます。
ソースを貼り付け: ダイアグラムテキスト、スキーマ、API契約、または設定を追加します。
プレビュー: ソースの隣にレンダリングされたダイアグラムを確認し、構文の問題を修正します。
必要に応じて変換: Mermaidから編集可能なDraw.io XMLなど、フォーマット間を移動します。
エクスポート: SVG、PNG、またはPDFをREADMEs、プルリクエスト、またはアーキテクチャドキュメントに送信します。
DiagramPreviewの使用例
- AI Mermaidレビュー
- APIデバッグ
- スキーマ視覚化
- DevOps設定レビュー
- ドキュメント準備
