Markdownのお供にMermaidで作図することってありますよね？
そう、AIに食わせる時に構造化したテキストとしてもMermaidは重宝します。
ただ、はじめはなんとなくとっつきにくいと言うのも正直なところです。
そこで思い切ってAIを使ってダウンロード不要なWebブラウザだけで動くMermaid作図ツールを開発して公開しました！
https://tossie85.site/tools/mermaid-gui-studio.html
Mermaid GUI Studioの特徴
記法を知らなくても書ける
1番の特徴は記法がわからなくてもGUI操作でノードを作成していくだけ！というところです。
1箇所の間違いでプレビューがエラーを出すイライラからも解放されるでしょう
SVGやHTML、Markdown形式など幅広いアウトプットができる
ブラウザで作ってお好みのアウトプットボタンを押せば、その形式で出力できます
もちろんプロジェクトとして保存して再編集することもできます(外部ツールで編集してしまうと再編集はできなくなります)
プロジェクトとして保存する機能は、出力時にデータのハッシュ値をファイルに内包することで、ツールによって出力したファイルであることを確認する仕組みをとっています。
色も容易にカスタマイズ可能
色をつけるのは意外と面倒だけど、このツールを使えば、線と塗りつぶしの色を自由に設定できます(一部非対応な図もあります)
使い方
大まかな使い方はこちらの記事に記載しました💁
https://tossie85.site/article.php?slug=how-to-use-mermaid-gui-studio
Mermaid GUI Studioのリンク
ツールについて
このツールはサーバーにデータを残さない仕組みにしていますので安心してお使いいただけます。
ただし、ホームページのプライバシーポリシーに記載の通り、アクセスカウンターのためにIPアドレスだけ記録しています。
プライバシーポリシー
MermaidのレンダリングにはMermaid.jsを用いています
https://github.com/mermaid-js/mermaid
もしよければご活用ください！