GitHub Copilotを持っているならvscode-mermAIdを試そう

はじめに プログラマやドキュメント作成者にとって、図は複雑な概念を説明する上で欠かせないツールです。しかし、図の作成は煩雑で時間がかかるものです。Microsoftが開発した「mermAId」というVS Code拡張機能を使うことで、一瞬で図を作ることができるようになります。というわけで、実務で使ってみたので、その使い方をご紹介したいと思います。 Mermaidとは 紛らわしいのですが、Mermaidはテキストベースでフローチャートやシーケンス図などを描けるJavaScriptライブラリです。一方、mermAIdはそのMermaid記法をCopilotを使って自動生成・編集できるVS Code拡張機能です。余談ですが、「mermAId」のうち、なぜAIだけ大文字なんだろうと思ったら、AIと掛けているのですね。 たとえば、下記のテキストをMermaidにして出力すると 以下の通りになります。

[korilog]

VS code使わなくても、ChatGPTに書いてもらってissueやnotionに貼り付ければいい

[yarumato]

“Microsoft製mermAIdというVS Code拡張機能を使うと、一瞬で図を作れる。自然言語の指示で、Mermaid図を生成したり、既存のMermaid図を改善する”

[airj12]

アプリ切り替えるの面倒なのでVSCodeに集約されるのは助かる

[snaflot]

“mermAIdは、VS Codeで使用できるAI支援型のMermaid図作成ツールです。自然言語の説明からMermaid図を生成したり、既存のMermaid図を改善したりする機能を提供しています”

[stabucky]

プロンプトを書くんだったらブラウザで操作するのとさほど変わらないんだよなあ。

[Unite]

いうて拡張機能の連携デモのようだが、Copilot Chat経由なんで画面内表示コードや範囲選択でコンテキスト与えて作成、からの～も出来るよ。ただMermaid Chartの方が最初のワンクッション要らない分いいんでないかな。

[jintrick]

"自然言語の説明からMermaid図を生成" なるほど最初は自然言語でざっくり作ってもらってからの細かい修正が容易にいなりそう。