ChatGPT($20課金なし)でフローチャートを描けると知ったので試しました
「ChatGPTを使って簡単にフローチャートができる」というtweetを見ました。@HeyAbhishekkさんの tweetです。
便利そうなので、やってみました。(2024年3月25日)
使ったのは、$20課金していないChatGPT3.5です。
1) ChatGPTに、ロードマップを作ってもらう
「Pythonをマスターするための、段階的なステップ・バイ・ステップのロードマップを作成してください。」
2) ChatGPTに、簡単なフローチャートにしてもらう。
「その手順を簡単なフローチャートに再作成し、サブポイントを並べて配置してください。」
3) ChatGPTに、mermaidの記法でコードを作ってもらう
「このフローチャートを、mermaidの記法を使って、マーメイドコードで作成してください。」
mermaidの記法については、https://qiita.com/t_o_d/items/ac5b04419252f768a535 を参考にしました
4) mermaidに対応しているアプリを使って作図・編集する
使ったのは、オープンソースのアプリ draw.ioです。(@HeyAbhishekkさんがtweetの中で使っているアプリと同じ)
下記、draw.ioでの手順
チャート図形を描くアプリdraw.io のこと
オンラインで使えます。デスクトップ版もあります。
オンラインはここ→https://app.diagrams.net/
ダウンロードはここ→ Release 24.1.0 · jgraph/drawio-desktop · GitHub
ダイアグラム作成画面になったら、
[+]ー[Advanced]ー[Mermaid]をクリック
Mermaidコード入力画面になったら、コードを貼り付けて [Insert]
おまけ。Excalidrawのmermaidで作った図
レイアウトやテキストボックスの位置・色などは、アプリで編集します。
あっという間に描けました。
ChatGPT3.5($20課金していない)で、こんなことができるなんて😆。
追記)描画するとき、mermaidのコードの中に日本語の「、」が入っているとエラーになりました。上の図は「, 」に変更して作図した結果です。
この記事が気に入ったらサポートをしてみませんか?