DiagramPreview

ツールディレクトリ

開発者向け図表

アーキテクチャ、API フロー、依存関係、技術文書向けの図表を作成します。

利用可能なツール

16

シーケンス図プレビュー

シーケンス図プレビュー をオンラインのワークスペースで扱い、サンプル、検証、エクスポート操作を利用できます。

OpenAPI to Sequence Diagram

Convert OpenAPI paths into a Mermaid sequence diagram locally.

package.json 依存関係図

Visualize package.json dependencies, devDependencies, peerDependencies, and optionalDependencies.

Docker Compose 図

Convert Docker Compose services and dependencies into a readable architecture diagram.

Graphviz DOT プレビュー

Graphviz DOT プレビュー をオンラインのワークスペースで扱い、サンプル、検証、エクスポート操作を利用できます。

D2 プレビュー

D2 プレビュー をオンラインのワークスペースで扱い、サンプル、検証、エクスポート操作を利用できます。

Kubernetes Manifest ビジュアライザー

Inspect Kubernetes manifests as resource trees for deployments, services, ingress, labels, and namespaces.

Terraform Architecture Diagram

Visualize Terraform resource blocks and references as a software architecture diagram.

Regex Railroad 図

Turn regular expressions into simple railroad-style diagrams for documentation and code review.

GitHub Actions Workflow Diagram

Turn GitHub Actions YAML jobs, needs, and steps into a readable workflow diagram.

Dockerfile Visualizer

Visualize Dockerfile build stages and instructions as a step-by-step diagram.

Helm Values Visualizer

Inspect Helm values.yaml as an expandable structure for chart review and documentation.

Nginx Config Visualizer

Visualize nginx server, location, proxy_pass, and upstream relationships.

OpenTelemetry Trace to Sequence

Convert OpenTelemetry spans JSON into a Mermaid sequence diagram for request flow review.

Log to Sequence Diagram

Turn simple service call logs into a Mermaid sequence diagram.

AsyncAPI Event Flow Diagram

Convert AsyncAPI channels into producer, channel, and consumer event flow diagrams.

計画中のツール

Architecture Diagram PreviewFlowchart PreviewSQL ER Diagram