【ふろーちゃーと】

フローチャート とは?

💡 手順を図形と矢印で見える化した流れ図
📌 このページのポイント
フローチャートの基本 開始 処理A 条件分岐 はい 処理B いいえ 処理C 終了 記号の意味 角丸=開始/終了 四角=処理 ひし形=条件分岐 矢印=流れ
フローチャートのイメージ
ひよこ ひよこ

先輩に「この処理のフローチャートを書いて」って言われたんだけど、何を書けばいいの?

ペンギン先生 ペンギン先生

フローチャートは処理の流れを図形と矢印で表した図のことだよ。四角で処理、ひし形で判断、楕円で開始と終了を書くのが基本なんだ

ひよこ ひよこ

わざわざ図にする意味はあるの?

ペンギン先生 ペンギン先生

文章だけだと複雑な手順は分かりにくいけど、フローチャートにすると一目で流れが分かるんだよ。特に条件分岐があるときに威力を発揮するね

ひよこ ひよこ

プログラミング以外でも使うことはあるの?

ペンギン先生 ペンギン先生

もちろんだよ。業務マニュアルや承認フローなど、手順を整理したい場面ならどこでも使えるんだ。新人研修の資料にもよく登場するよ

ひよこ ひよこ

フローチャートを描くツールって何がおすすめ?

ペンギン先生 ペンギン先生

draw.iodiagrams.net)が無料で使いやすくておすすめだよ。Mermaidという記法を使えばコードからフローチャートを自動生成することもできて、GitHubMarkdownでもそのまま表示されるから便利だね

ひよこ ひよこ

フローチャートってプログラムが複雑になると書き切れなくない?

ペンギン先生 ペンギン先生

いいところに気づいたね。実はフローチャートは処理が10〜20ステップくらいまでが適切で、それ以上になったらサブルーチン(別のフローチャートに分割する記号)を使って分割するのが基本。現代ではUMLアクティビティ図シーケンス図のように、目的に応じて使い分ける設計図の種類がたくさんあるよ

ペンギン
まとめ:ざっくりこれだけ覚えればOK!
「フローチャート」って出てきたら「手順や流れを図形と矢印で表した図のことだな」と思えればだいたいOK!
📖 おまけ:英語の意味
「Flowchart」 = 流れ図
💬 「Flow(流れ)」と「Chart(図)」を合わせた言葉だよ。プログラミングだけでなく業務マニュアルにもよく使われるんだ
← 用語集にもどる