Today's One Archive

Mermaidで手順書から流れ図を作れる?

2026.09.03

Mermaid

公式サイトを見る (外部サイト)

For Whom

こんな人向け

業務フローやゲーム仕様を、文章から簡単な図にしたい企画・開発担当向けです。

The Answer

結論

文章で書いた順番や分岐を、フローチャートなどの図に変えるツールです。

How to Use

やり方/確認方法

例えば、ミニゲームの「開始・挑戦・成功・失敗・再挑戦」を整理する場面に。各状態と移動条件を短く書き、Mermaidのフローチャート構文へ直してLive Editorなどで表示します。図を見ながら、失敗から戻る矢印や終了条件を企画担当が確認し、図の元テキストと決定事項を開発担当へ渡します。最初は1ステージ分だけに絞り、成果物は分岐図と未決定事項のメモ。AIに構文の下書きを頼む場合も、ゲームのルールを決めるのは人です。

Why Today

なぜ今日はこれ?

ゲームの仕様は、成功する道筋だけが決まり、失敗後の戻り先が会話から抜けがちです。分岐をテキストで書いて図として読み返せるMermaidなら、実装前にその抜けを話し合えます。

Cautions & FAQ

注意点・FAQ

Mermaidが描くのは記述した構造です。内容の抜けや業務判断の正しさは、元の手順を知る人が確認してください。

Mermaidが手順の内容まで自動で正しく考えてくれますか?

いいえ。記述したテキストを図として描画します。手順の順番や分岐条件は、図にする前に確認して書き分けます。

Primary Sources

公式ソース

Recommended For

誰に持たせたい?

たかけん
MMC-003

たかけん

ゲーム制作部長 ゲーム制作部

ゲーム制作部長のたかけんに、1ステージ分の進行図を任せたいです。成功・失敗・再挑戦の条件を実装前にそろえれば、遊びの意図と処理の食い違いを見つけやすくなります。

プロフィールを見る

Kei's Note

ケイのひとこと

ケイ ケイ|広報部長

矢印が増えるほど立派には見えるけど、読めなくなったら打ち合わせで使えませんね。まず「失敗したらどこへ戻る?」に答えられる一枚にしたいです。

メガホン、ノート、虫眼鏡のコラージュ
KEI'S NOTE伝える前に
確かめる。

Basic Information

基本情報

種別
OSS
確認日
料金
Mermaid本体はMITライセンスのOSSで、無償利用できます。
ライセンス
MIT License
補足
2026-09-07に活用例と利用条件を追記・再確認しました。活用例は公式情報に基づく想定で、実機検証は未実施です。