概要

ミッション

Mermaid2Img は、開発者、テクニカルライター、チームが Mermaid コードを高品質な画像へ簡単に変換できるようにするために作られました。

できること

Mermaid2Img は、Mermaid 図を PNG、JPG、SVG、PDF に変換するブラウザベースのワークスペースです。ライブプレビュー、構文検証、ワンクリック書き出しに対応しています。

技術スタック

ライブレンダリング、高解像度書き出し、多言語 SEO、プライバシー重視の利用を中心に構成されています:

• Next.js 16 + App Router — Powers localized routing, static content pages, and SEO metadata
• React 19 + TypeScript — Keeps the workspace interactions, node editing, and export state maintainable
• Tailwind CSS 3 — Provides the responsive styling system across pages, blog, workspace, and brand UI
• Mermaid.js 11.14 — Handles official diagram rendering plus theme, look, and flowchart node parsing
• jsPDF + SVG/Canvas export pipeline — Supports PNG, JPG, SVG, and PDF output formats
• Browser-side processing — Diagram code is primarily rendered and exported locally, reducing upload dependency and preserving privacy

オープンソースの考え方

Mermaid2Img は Mermaid.js を基盤にし、diagram-as-code ワークフローの実用的なガイドを提供します。

プライバシー重視

データはあなたのものです。通常利用では Mermaid コードはブラウザ内で処理されます。

お問い合わせ

フィードバック、機能要望、ご質問があればこちらまでご連絡ください: