フローチャート作成を効率化する！
AIよりMermaid Live Editorか！？

まずは失敗をご確認(笑)。

flowchart TD

A[確定申告必要] -->|OK| B{何をやるべきか}

A -->|嫌| D[お力になれません]

B -->|わかる| C[目標を設定する]

B -->|わからない| F{自力か依頼か}

F -->|自力| G[手引やテキスト]

F -->|依頼| H[税理士へ]

1 フローチャート　効率化の手軽なツール？
2 フローチャート　AIよりもMermaid Live Editorか！？
3 フローチャート　目的に応じた手段

フローチャート　効率化の手軽なツール？

込み入った内容を伝えるときにことばだけに頼ると無理があります。

説明する側も大変ですが、説明を受ける側にも負担となります。

図解やイラストの利用に期待がかかりますが、問題はセンス…(笑)。

残念な結果になるかもしれません。

「フローチャート」は文字と矢印など最低限の要素だけで

順序や段階
条件分岐

といった説明を見える化できるツールです。

とっつきにくい説明を手際よく進めるために有効なツールです。

一方で、フローチャートの作成は案外手間がかかります。

有効なツールではあるが作成に手間どりがちなフローチャートには、
作成の効率化の余地があります。

WordPressではプラグイン「WP Mermaid」の導入で
フローチャート作成の効率化できます。
　(WordPressでフローチャートを作成する！)

ことばを補うと、「できるはず」でした。

フローチャート　AIよりもMermaid Live Editorか！？

WP MermaidはMarkdownでの少ない記述でフローチャートなどが作成できます。

フローチャートの作成では有効な手段と言えます。

しかし、WP Mermaidにも問題がありました。

使い手である私の技量です(笑)。

カンタンにフローチャートを作成するつもりがエラーを連発…、
パッとしません。

生成AIを利用する手もあるかと思いChatGPTを頼ってみましたが、
それでもエラーを量産化…

WordPressのエディタ画面上でフローチャートを作成することは、
処理の一元化ではプラスですが、確認では非効率な面があります。

エディタにMermaidのコマンドを入力して別途プレビューで確認と、
作成のテンポはいまいちです。

Mermaidの記述でフローチャートを作成しつつ、出力を確認する
といった環境に期待がかかります。

「Mermaid Live Editor」はそうした面で魅力のあるツールです。

フローチャート作成の記述をしつつ、入力状況を確認できます。

コードの記述と修正の展開を効率化できる点が魅力です。

サンプルのコードや参照サイトへのアクセスも可能です。

作成したフローチャートをデータファイルとしても保存できます。

フローチャート　目的に応じた手段

WordPressでの情報発信とMermaidでのフローチャート作成であれば、
エディタ上でコードをサクッと入力して完成がベストです。

とはいえ、フローチャートの存在はあくまで発信の一要素です。

処理環境にとらわれてもたもたエラーを連発していていは本末転倒です。

Mermaid Live Editor利用で割り切ったフローチャート作成が
かえって効率が向上することもあります。

WordPressのエディタかMermaid Live Editorかといった手段よりも、
フローチャートの説明のツールとして使う目的を優先します。

時間は限られています。

目的の達成が優先とブレなければ、ベストではない手段でも選択がおすすめです。

蛇足
当初カンタンと想定していたフローチャート作成に１時間以上
エラーを連発してしまいました。
Mermaid Live Editorでのフローチャート作成と画像データ保存は
10分未満で完了(笑)。
作成したフローチャートは画像データで記事に貼り付けました。
　(確定申告を毛嫌いしなくする対策とは？)

蛇足2
記事冒頭のエラーは画像ではなく、コードを記述した結果です。