【記号は５つ】フローチャートの書き方【初心者向け簡単マニュアル】

フローチャートを覚えたら、プログラムが理解できるようになります。

理解できるとプログラミング楽しくなるので、スキルアップが加速します。

スキルアップすると年収アップにつながるので、欲しいクルマが買えるかも(^^

とは言え…

『フローチャートは簡単に書けるの？』
『フローチャートの記号の意味が知りたい』

こんな疑問に答えます。

SE歴25年のオッサンが解説するぞい！

ＳＥおっさん

フローチャートの書き方：【基本】箱の意味

フローチャートは、処理の流れを図で表現したもので「流れ図」とも呼ばれています。

流れ図ってナニ？

たろちゃん

ＳＥおっさん

矢印で結ばれた箱や！

箱の意味を教えろや

ＳＥおっさん

箱は処理の内容やで！

箱に書いた処理を矢印の順に実行します。

そして、矢印の向きは上から下。

箱の処理を上から下へ滝が流れるように実行するから「流れ図」って呼ばれるワケです。

ちなみに、箱はボックスとも呼びます。

たろちゃん

あっ、チョットわかってきた！

フローチャートは『習うより慣れろ』です。

なぜかというと…

図で表現されてるので視覚的に、ある程度わかっちゃうからです。

では早速、フローチャートを見てください♪

ＳＥおっさん

だいたい何をしているか
想像できますやろ

フローチャートの書き方も簡単です。

これで、フローチャートは書けます。

といっても、まだピンと来ませんよね。

フローチャートの記号と構造をご説明します！

フローチャートの書き方：５つの記号と３つの構造

プログラミングに必要なフローチャートの記号は５つだけです。

５つの記号を用いて、３つの構造を表現します。
シンプルな記号・構造なので誰でも簡単に理解できます。

５つだけなら
覚えれそうだ

たろちゃん

フローチャートの書き方：コレだけ覚える５つの記号

フローチャートの記号は無数にあるのですが、頻繁に使用するものは５つのみ。
この５つさえ覚えておけばOKです。

ＳＥおっさん

５つ以外は、
無視してエエでぇ！

④　条件／分岐

ひし形のボックス

• ボックスの中に判断条件を書く
• 判断結果をひし形の先端に書く
  （条件を満たす場合はYes、満たさない場合をNo）
• ひし形の先端から他ボックスに線をつなぐ
  （判断結果に基づいて実行したい処理へ線をつなぐ）

フローチャートでIf文を３分マスター！複数分岐もヒシ型で判断♪

プログラムの基本は条件分岐です。 条件分岐の命令をif文といいます。   でも、うーん…   『if文がイマイチ良くわからん』 『複数分岐も.....

⑤　繰り返し（ループ）

台型のような６角形のボックス

• 繰り返しの処理を表現する 

• ボックスの中に処理の繰り返しの条件を記入
  （条件分岐でもループを表現できる） 

フローチャートでは基本的に処理は上から下に流れるように進みます。
しかし、例外として処理が下から上に進む場合もあるのです。

そう、それが繰り返し処理！

同じ処理を繰り返すので、処理を下から上に戻らせる必要がある
というコトじゃ。

フローチャートで簡単にループを抜ける方法！２つの図形と３つの判定

フローチャートは、なんとな～くわかってきたけど… ループの抜け方がわからんゾ 『そもそもループの図形ってあるの？』 『終了条件は、どうやって書くの？』 フローチ.....

記号は以上の５つです。コレさえ覚えれば基本はOK！

続いて、フローチャートの基本構造を説明します。

フローチャートの書き方：３つの構造

フローチャートの基本構造は３つのみです。

５つの記号を３つの構造に当てはめて、フローチャートは作成されます。

もう一度、フローチャートを見てみましょう。

ＳＥおっさん

おわかり頂けたかのぅ？

フローチャートは５つの記号と
３つ構造で作成されているんだね！

たろちゃん

このように、フローチャートはシンプルで理解しやすいのが特徴です。

ひと通りの基本説明は終わりましたので、
冒頭でご紹介した【フローチャートの書き方】を、もう一度みて見ましょう。

５つの記号を使って、３つの構造でボックスをつなげていけば良いだけ。
誰でも簡単にフローチャートは書けます。

あなたもフローチャート基本記号と構造を、是非マスターしてみてください。
フローチャートがサクサク書けるdraw.ioなどの無料ツールもありますよ。

簡単なフローチャート作成方法３つ【無料ツール／エクセル／手書き】

フローチャートの書き方：プログラミング化の実例

冒頭で、フローチャートは『習うより慣れろ』です。
とお伝えしました。

プログラムとフローチャートを見比べると、さらに理解が加速します。

フローチャートとプログラムを見比べると…
プログラム化するイメージがグ～っと湧いてくるはずです。

『あ、プログラムだ。うわぁ～～っ！　吐きそう。』

ってならずに、難しく考えないでくださいね。
（過去の僕もそうだったので、気持ちはわかります）

今まで取り上げてきたサンプルのフローチャートをプログラム化しただけです。
じっくり見ると、スッと頭に入ってくるかと思います。
では、サンプルのフローチャートとプログラムを見比べましょう♪
※サンプルのプログラム言語はVBAを取り上げます

n = 1
do
    if n > 5 then
        exit do
    end if
    s = s + n
    n = n + 1
loop

ＳＥおっさん

いかがじゃったかのぅ。
おわかり頂けたかのぅ？

フローチャートとプログラムが
構造で対応してるのがイメージできたよ！

たろちゃん

初心者のうちは、プログラム言語の構文が解らないコトも多いと思います。

でも、どの言語の構文も基本はフローチャートの構造である分岐・ループです。

つまり、フローチャートはプログラムそのもの。

『フローチャートがわかればプログラムがわかる』

と言っても過言ではありません。フローチャートを学んで損はありませんよ。

プログラミング初心者にフローチャートは必要【実証済のメリット５つ】

お子さんが小学生・中学生・高校生の場合は、子供向けプログラミングスクールで学ぶのも良いかもしれませんね

やめとけって本当？現役講師が子供のプログラミングスクールを解説！

我が子をプログラミングスクールに通わせたい。 でも、本当に通わせていいのだろうか… その気持ちよくわかります。私も子を持つ親ですので。 願うのはただ１つ「子供の.....

フローチャートの書き方：まとめ

いかがでしたでしょうか？

フローチャートの書き方を５つの記号と３つの構造で説明いたしました。
振り返ってポイントをまとめてみましょう。

最後に…

フローチャートは誰でも簡単にかけて、プログラムを理解を深める素晴らしいツールです。
フローチャート書き方を是非マスターしてみてください。

基本をマスターしたら、「線形探索」や「バブルソート」をフローチャートで書いてみましょう。
プログラミングの楽しさが、段々とわかってくると思います。

【まじ簡単？】バブルソートのアルゴリズムをフローチャートで解説

Hello! プログラミング楽しんでますか？ 今回はバブルソートについて解説しますyo！ 『バブルソートがよくわからん』 『ソート処理の基礎を学びたい』 『フロ.....

更に…

フローチャートをマスターしたら、関数に挑戦してみてください。
フローチャートと関数を理解できたら『鬼に金棒』。
どんな言語でも対応できるプログラミングの基本の力がつきますよ。

プログラミングの関数とは？｜作り方とメリットをわかりやすく解説♪

プログラミングで関数って良く聞くけど… 『そもそも関数って何？』 『どうやって関数を作るの？』 『関数を作るメリットは？』 『引数・戻り値って何？』 『関数とメ.....

あなたがフローチャートと関数を学んで、素晴らしいプログラマーへの階段を歩むことを切に願っています。

ＳＥおっさん

ここまで読んでくれてありがとう！

「記事を読んでもわからないトコがある」「内容が変だよ」
という時は、お気軽にコメントください♪

「もっとＳＥおっさんに詳しく聞きたい。何かお願いしたい！」
という時は、ココナラまで。メッセージもお気軽に♪

LINEでのお問合わせも受付中！
LINE公式アカウント

メッセージをお待ちしています！

Follow @koisyo_ok