編集可能なサンプル
Mermaid ユーザージャーニーテンプレート
編集しやすいユーザージャーニーのMermaid例から始め、構文を調整し、ライブプレビューして文書やプレゼン用の画像を書き出せます。
ユーザージャーニーを試す
journey
title Mermaid書き出しの流れ
section 作成
Mermaidコードを貼り付け: 5: ユーザー
図をプレビュー: 5: ユーザー
section 書き出し
形式を選択: 4: ユーザー
画像をダウンロード: 5: ユーザーMermaid ユーザージャーニーテンプレートとは？
Mermaid ユーザージャーニーテンプレートは編集可能なMermaidサンプルページです。構文を確認し、フルワークスペースで編集を続け、PNG、JPG、SVG、PDFとして書き出せます。
使いやすいMermaidの起点構文
書き出し前にライブプレビュー
PNG、JPG、SVG、PDF出力
ブラウザ内レンダリング
Mermaidのオンラインプレビュー以上
Mermaid2Imgはオンラインエディタ、テンプレート、スタイル設定、ローカル履歴、複数形式のエクスポートを1つのワークスペースにまとめています。
Mermaid構文とレイアウトをライブプレビュー
PNG、JPG、SVG、PDFをまとめて出力
文書作成に使いやすい22種類の図表テンプレート
プライベートな図にも使いやすいブラウザ内処理
Mermaidの書き出し形式を選ぶ
同じ図を複数形式で書き出せるため、用途に合うファイルを選んでからダウンロードできます。
PNG
README、チケット、ドキュメント、チャット
多くの場所で扱いやすい鮮明なビットマップが必要なときに使います。
JPG
小さいファイルと手早い共有
透明背景が不要で、軽いプレビュー画像が欲しいときに向いています。
SVG
Web、ベクター資料、デザイン共有
拡大しても崩れない線や後からの調整が必要なときに使います。
PDF
印刷、提案書、プレゼン資料
図を文書として配布したいときに適しています。
構文チェック
1行目に図の宣言を書きます。
書き出し画像が読みやすいよう、ラベルは短く保ちます。
テーマ、方向、倍率、背景設定が必要な場合はフルワークスペースを使います。
使い方
1
ユーザージャーニーの例を開きます。
2
ラベル、ノード、関係を自分の内容に置き換えます。
3
図を書き出すか、ワークスペースで続けて編集します。
よくある質問
Mermaidのユーザージャーニーとは何ですか？
ユーザージャーニーはテキスト構文で書き、文書や計画用の図としてレンダリングできるMermaidの図表タイプです。
ユーザージャーニーテンプレートをPNGに出力できますか？
はい。Mermaid2ImgでPNG、JPG、SVG、PDFとして直接書き出せます。
レンダリングはどこで行われますか？
図のレンダリングとエクスポートはブラウザ内で行われます。
オンラインで編集して書き出す
下の埋め込みエディタを試すか、詳細設定はフルワークスペースで開けます。
Loading editor...