開発者ツール

Mermaid Diagram Generator — テンプレートと構文

フローチャート、シーケンス、ガント、クラス、状態図のテンプレートを選んで編集し、ブラウザ内で Markdown ドキュメント向けの Mermaid 構文を出力、または .mmd ファイルとしてエクスポートできます。README や技術図に役立ちます。

MermaidMarkdown

このツールをお気に入りに

お気に入りの保存方法がまだ選ばれていません。

クイック操作

このツールの URL をコピーするか、対応端末ではシステムの共有シートを開けます。

利用シーン

  • ドキュメント向けに API のシーケンス図を描く
  • フローチャートで分岐ロジックを説明する
  • 外部レンダラー向けに .mmd をエクスポートする

使い方

  1. 図のタイプを選び、テンプレートを読み込む
  2. 用途に合わせてノードやラベルを編集する
  3. 生の構文または Markdown コードブロックをコピーする

入出力サンプル

タイプ

sequence

スニペット

sequenceDiagram\n  A->>B: request

FAQ

ページ上で図を描画しますか?

ソース生成に焦点を当てています。最終的な描画はドキュメントプラットフォームや IDE に依存します。

どの図タイプに対応していますか?

フローチャート、シーケンス、ガント、クラス、状態図のテンプレートを用意しています。

ツール

関連ツール

近い用途の翻訳済みツールへ続けて進めます。

README ジェネレーター

README Generator — オープンソースドキュメントスケルトン

利用可能

プロジェクト名と概要を入力し、Installation、Usage、API、Contributing、License の各セクションを切り替えて、ブラウザ内で構造化された README.md のスケルトンを生成できます。リポジトリや npm パッケージの立ち上げに役立ちます。

README Markdown ドキュメント

変更履歴ジェネレーター

Changelog Generator — Keep a Changelog テンプレート

利用可能

バージョン、日付、Added/Changed/Deprecated/Removed/Fixed/Security の各項目を入力し、ブラウザ内で Keep a Changelog 形式の Markdown を生成できます。リリースノートの整理に役立ちます。

Changelog リリース Markdown

Carbon コードビューア

Carbon Code Viewer — テーマ付きコード共有カード

利用可能

調整可能なテーマ、ウィンドウスタイル、影でコードをプレビューし、ブラウザ内でコードのコピー、SVG のコピー、または SVG のエクスポートを行えます。ドキュメント、SNS 投稿、チケットでスクリーンショットが適さない場合に役立ちます。

コード共有 SVG デザイン