【保存版】ビジュアルプログラミングってなに？をSEが解説しました

こんにちは。子だくさんエンジニアのにしひこです。

子供をプログラミング教室に通わせているとよくビジュアルプログラミングについて質問を受けます。

普通のプログラミングは知っていましたが、ビジュアルプログラミングは全く知りませんでした。

子供をプログラミング教室に通わせることでビジュアルプログラミングを子供と一緒に経験しました。
また、教室とは別にビジュアルプログラミングプログラミングを勉強しました。

勉強を通じて理解した、

を解説していきます。

これを読めばビジュアルプログラミングがどんなものか理解できるようになります。

2020年から小学校でプログラミング必修化になりますので、小学生の子供をお子さんがいる家庭は必見です！

ビジュアルプログラミングとは

よくプログラミングでイメージされるのは、キーボードで入力するものだと思います。

ビジュアルプログラミングは全く違います！
基本的に画面操作だけでプログラムをつくれるプログラミングの方法です。

実際に作る動画を用意しました！
見てもらえればほぼマウスだけで作っていることがわかります！

ビジュアルプログラミングはテキストプログラミングと違ってマウスだけ

ビジュアルプログラミングと比較されることが多いのが「テキストプログラミング」です。

テキストプログラミングはキーボードで入力して作っていくプログラミングです。

ビジュアルプログラミングの特徴

ビジュアルプログラミングとテキストプログラミングはそれぞれ特徴があります。

ビジュアルプログラミングのメリット

ビジュアルプログラミングは本当に多くのメリットがあります。
そのメリットのおかげでどんどん広がりを見せています。

ビジュアルプログラミングのメリット：①入力が簡単

ビジュアルプログラミングは基本的にマウス操作だけで作ることが出来ます。

そのため、

ができれば、ビジュアルプログラミングは出来ます。

ビジュアルプログラミングのメリット：②作るのが簡単

入力が簡単にも近いですが、どの処理を組み込んでいくかをマウスで選ぶだけ作れちゃいます。

そのマウスで選ぶのも工夫がされていて、

という親切な作りになっているので迷うこともありません。

ビジュアルプログラミングの利点：③馴染みやすい

ビジュアルプログラミングは大体のソフトでキャラクターがいます。
そのキャラクターを動かしたりするため、馴染みやすいです。

ビジュアルプログラミングの利点：④実用性が高い

ビジュアルプログラミングは子供だけでなく、大人の世界でも使われています。

本当に様々なところで使われていて、

などの分野で使われています。

ビジュアルプログラミングのデメリット

簡単に作れる、馴染みやすいという一方でデメリットもあります。

ビジュアルプログラミングのデメリット：①簡単な処理でも工夫がいる

出来ることを限定しているためやれることが限られます。
そのため簡単に思えることでも作るのに工夫が必要になります。

「右に90度回転する」という処理しかない場合、
反対方向に向きたいときは「右に90度回転する」を2回使う必要があります。

ビジュアルプログラミングのデメリット：②前作ったものをコピーするのが手間

ビジュアルプログラミングで前作ったものを使いまわしたい時、少し手間がかかります。

パソコンで文字をコピーするときは「右クリック→コピー→貼り付け」で出来ます。
ビジュアルプログラミングの場合は、

1. コピーしたい処理を一度ファイル保存する
2. 保存したファイルをプログラムから開く

という作業を行う必要があります。

簡単にコピーができないのが多少手間ですね。

ビジュアルプログラミングのデメリット：③変更するのが大変

4秒動くとか、3秒止まるとかなどをそれぞれ入力していきます。
作ったあとで直したいと思ったときに、一括で修正ができず一つずつ修正が必要です。

ビジュアルプログラミングは子供に本当におすすめ

子供にプログラミングは本当におすすめで、私の子供にもプログラミングを習わせています。
ビジュアルプログラミングを通じて学べることは大きく分けて3つあります。

ビジュアルプログラミングを子供が行うメリット：①論理的思考力

プログラミングは処理をつなげて1つの動作を作っていきます。

例えば「リビングから玄関を通って外に出る」までの動作を考えてみます。

普段の動作も、一つずつ書き出していくと意外とたくさんのことをしています。
書き出した動きのどれか1つでも足りないと思った通りにいきません。

1つの動きを分解して、処理のつながりを考える力が論理的思考力です。

ビジュアルプログラミングを子どもが行うメリット：②創造力

ビジュアルプログラミングでは自分らしく自由に作っていくことができます。

自分が発想して考えたものを自分で作るという、ものづくりを通じて「創造力」を伸ばします。

ビジュアルプログラミングを子どもが行うメリット：③見てマネする力

プログラミングを進めていると「見てすごいと思うけど、やり方がわからない」ということにぶつかることが多いです。

そういう時にみんながするのは「たくさん見てやり方を考える」というやり方です。

「そりゃそうでしょ」と思いますが、見てやり方を考えるというのはとても効果があります。

動きをマネするためには

ということが必要で、これを身につけれます！

ビジュアルプログラミングを子供に習わせる順番

ビジュアルプログラムをこれから初めて勉強する子供は、

と進めていくのがオススメです！！

ビジュアルプログラミングで子供が作ったサンプル

ビジュアルプログラミングで作ったものがここで公開されています。
どんなものを作ることが出来るようになるのか見てみてください。

ビジュアルプログラミング言語の種類は多くある

ビジュアルプログラミング言語で世の中に出回っているのは数多くあります。
どのビジュアルプログラミング言語もかわいいキャラクターが多く、子供がとっつきやすいものになってます。

ビジュアルプログラミングソフトは他にもたくさんあるので別の記事でもまとめます！

ビジュアルプログラミングのアプリ：1.スクラッチ

スクラッチはビジュアルプログラミングで一番有名なアプリです。

スクラッチはアメリカのマサチューセッツ工科大学(MIT)が2006年に開発しました。

子供が簡単にプログラミング出来ることを目的と作られています。
そのため、小学生でも簡単にプログラミングができるソフトです。

一番普及しているビジュアルプログラミングアプリで、関連するサイトや本がたくさんあることも特徴です。

スクラッチ公式サイト

ビジュアルプログラミングのアプリ：2.タイルズ

タイルズは最近急激に注目を浴びているビジュアルプログラミングです。

タイルズの最も特徴的な部分は「6コの命令のみ準備されている」というところです。

ということが心配になると思いますが、心配いりません。

プログラミングは基本的な命令である6コがあれば、大体の動きが作れます。

基本機能だけ準備して、あとは工夫して動きを作ることを大事にしているのがタイルズです。

タイルズ公式サイト

ビジュアルプログラミングのアプリ：3.ビスケット

スクラッチなどのビジュアルプログラミングとはすこし違います。

ビスケットは「動かす条件」と「動かした後の状態」を準備します。
言葉よりも動きを見た方がわかりやすいのでまずは動画を見てみてください！

虫眼鏡の左側が動かす条件
虫眼鏡の右側が動いた後の状態です。

このように魚などを直感的に動かすことが出来るので勉強しなくても使えるようになります！

ビスケット公式サイト

ビジュアルプログラミングのアプリ：4.Code Studio

アメリカ発のビジュアルプログラミングのアプリです。

ブラウザからそのまま起動できるので、すぐに出来るようになります！

code studioはキャラクタとのコラボレーションがとっても多いです。

子供に身近なキャラクターを使うことで親近感をもって進めることができます

code studio公式サイト

ビジュアルプログラミングのアプリ：5.プログラミン

文部科学省が作ったプログラミングアプリです。
2020年のプログラミング必修化に向けて政府が独自で作りだしたものです。

子供が主体的に勉強できることを重要視しているため、プログラミングが簡単にできるようになっています。

28種類の処理を使って1つの動きを作っていくようなつくりになっています。

プログラミン公式サイト

ビジュアルプログラミングのアプリはスクラッチがおすすめ

5つ紹介しましたが、私がオススメするのはスクラッチです。

おすすめする理由は3つあります。

とはいえ、自分が一番楽しみやすいものを選ぶのが良いと思うので、
それぞれ試してみると良いと思います！

ビジュアルプログラミングの勉強方法は3通り

ビジュアルプログラミングはわかりやすいと言ったものの、最初は動かし方を勉強する必要があります。

勉強するための方法は

と3種類の方法ががあります。

それぞれ長所短所があるので家庭に合う勉強方法を見つけてください！

ビジュアルプログラミングの勉強方法：①プログラミング教室に通う

最近はプログラミング教室も増えてきています。
ロボットを使ったプログラミングや、アプリを作るプログラミングなど様々なスタイルでプログラミングを教えてくれます。

ビジュアルプログラミング勉強方法：プログラミング教室のメリット①本人の理解度に合わせた勉強

これまでの経験上わかることですが、プログラミングはつまづくポイントがみんな違います。
プログラミング教室では個別対応で教えてくれるため、つまづいたところを個別に教えてくれます。

ビジュアルプログラミング勉強方法：プログラミング教室のメリット②理解するまで質問できる

プログラミングを勉強して1つ覚えると、派生して色々なことが知りたくなります。
プログラミング教室の先生は教えるプロで質問にわかりやすく回答してくれます。

また、何度質問してもちゃんと答えてくれるので本人が続けるモチベーションになりやすいです！

ビジュアルプログラミング勉強方法：プログラミング教室のメリット③理解が早くグングン成長する

個別対応で教えてくれて、派生した質問にも回答してくれるというサイクルを回すことで出来ることが増えてきます。
「出来ることが増える」という体験が子供をグングン成長させてくれます！

ビジュアルプログラミング勉強方法：プログラミング教室のメリット④競争相手が見える

勉強内容だけでなく、周りに同じことを勉強している仲間も大事です。

一緒に勉強する仲間がいることで、

ということを必ず意識するようになります。

ビジュアルプログラミング勉強方法：プログラミング教室のデメリット①お金がかかる

教室に通うことになるのでどうしてもお金がかかります。
プログラミング教室はスポーツなどの習い事よりも、多少お金がかかります。

【2019年版】ロボット教室の金額ランキング！ロボット教室の金額ランキングを紹介しています！ロボット教室にかかる学費を分類すると4種類あります。ロボット教室にかかる学費のうち初期費用はお得になりやすい。ロボット教室別の費用は1位～3位まで紹介。...

ただ、成長スピードは明らかに教室に通わせる方が早いので、通わせることが良いと考えます！

ビジュアルプログラミングの勉強方法：②本を買う

勉強方法として本が一番スタンダードな勉強方法だと思います。

2020年のプログラミング授業必修化が決まったこともあり、最近本が増えてきています。
プログラミング言語別で本があるので、興味があるものを選んでみると良いと思います。

↑
この本は「Kindle Unlimited」の対象なので入っている人は無料で読めます！

ビジュアルプログラミング勉強方法：本のメリット①順序立てて書いてあるため理解しやすい

勉強する内容が順番に書かれています。
一つずつ順番にやっていくことで徐々に出来ることが増えてきます。

また、書かれている内容も基礎的なことからが多いため、初心者におすすめです。

ビジュアルプログラミング勉強方法：本のメリット②自分のペースで勉強できる

自分が勉強するスピードにあわせて進めることができます。

ビジュアルプログラミング勉強方法：本のメリット③お金があまりかからない

プログラミングの本は、基本的な内容を網羅的に書かれています。

本1冊をやりこむことで基礎的な勉強し、その後は自分で応用してプログラミングを身に着けていけます。

ビジュアルプログラミング勉強方法：本のデメリット①質問ができない

プログラミングで一番困るのは、エラーが起きたときの対応です。

本の通り作ったとしても、何かがたりないことがよく起きます
(実際は何かが足りない/多いことがほとんどですが)

プログラミング初心者はエラー解消に時間がかかり、プログラミングが難しいと思い込んじゃうケースが多いです。

手助けするのは親がほとんどで、その時の親の負担はかなり労力を使います。

ビジュアルプログラミング勉強方法：本のデメリット②継続しずらい

プログラミングが出来るようになると楽しくなってきます。
ただ、最初は慣れないためなかなか大変です。

大変なことはなかなか続かず、継続出来ないことが多いです。

ビジュアルプログラミング勉強方法：本のデメリット③ソフトと本で絵が違うことがある

ソフトは機能が追加されていくため、日々進歩しています。
それに伴い画面が多少変わることがあります。

本はどこかのバージョンで止まっていて画面が違うことが多々あります。
その時混乱して進める事ができないということがどうしても発生します。

ビジュアルプログラミングの勉強方法：③インターネットの情報を見る

最近はプログラミング情報をまとめているサイトも出てきています。
その情報を見ながらプログラミングを進めることも最近は増えてきています。

おすすめサイト

ビジュアルプログラミング勉強方法：インターネットのメリット①お金がかからない

インターネットの情報なので基本的に無料です。
その情報だけで進めることができれば無料でプログラミングの勉強が出来ます。

ビジュアルプログラミング勉強方法：インターネットのメリット②動画で動きがあるため理解しやすい

まとめているサイトによりますが、勉強する教材として動画も増えてきています。
動画で勉強資料がまとまっていると文字だけよりも理解がしやすくなります。

ビジュアルプログラミング勉強方法：インターネットのメリット③有識者へ質問できる

サイトへの投稿やSNSなどで質問をすると、知っている人が回答をくれることがあります。
詳しい人が悩みに乗ってくれることで、自分だけで悩む状態を防ぐことができます。

ビジュアルプログラミング勉強方法：インターネットのデメリット①教材がまとまっていない

各サイトに情報があるだけで、順序立てられていません。
そのため勉強する順番が定まらず理解するのに時間がかかります。

ビジュアルプログラミング勉強方法：インターネットのデメリット②継続しずらい

本と同じですが、自分一人で進めることになり継続が難しいです。

ビジュアルプログラミングの勉強はプログラミング教室がオススメ

成長スピードを考えるとプログラミング教室がオススメですが、プログラミング教室にも種類があります。

プログラミング教室には教える内容、通う回数など様々です。
自分の子供にあったプログラミング教室を探してください。

私の子供はロボット教室の自考力キッズに通っています。
理由は簡単でプログラミングを小学校1年生から教えてくれる教室は自考力キッズのみだったためです。

【徹底解説】自考力キッズの口コミ・授業内容を全部見せちゃいますアーテックが運営している自考力キッズで学べる内容です。自考力キッズはパズル、ロボット、プログラミングの授業から構成されています。自考力キッズに通った経験に基づく口コミや、自考力キッズの評判や、自考力キッズの料金もまとめています。...

ビジュアルプログラミングを始める時期

ビジュアルプログラミングは、ひらがなを読むことができれば作れます。
また、プログラミングの力は作りながらつけていくので、早ければ早いほど伸びると思っています！

そのため可能であれば早めからやらせてあげましょう！

小さい頃は、作ったものが目の前で見れる方が小さな頃はわかりやすいです。
小学校1～3年生はロボットを使ったプログラミングをオススメします。

小学校4年生以降はどちらでも良いので、

が良いと思います。

ビジュアルプログラミングは大人がやっても効果あり

子供がプログラミングをするので一緒にやってみたいという親さんが多くいます。
自考力キッズに通っていることを知った親さんから

ということをよく聞かれます。

ビジュアルプログラミングを大人がやる効果：①プログラミングへ苦手意識が減る

今の30～40代の親さんはプログラミングに馴染みがないと思います。
そのためプログラミングって難しい。。。という苦手意識があります。

プログラミングを体験し、「意外と簡単」と理解することで意識が変わります。

ビジュアルプログラミングを大人がやる効果：②子供と楽しく学べる

今から始める親さんであれば子供と一緒に学べます。

親と子でそれぞれ作ったものを持ち寄って、それぞれ発表すると

などという感想を言い合う時間になって、意外と楽しくなります。

ビジュアルプログラミングを大人がやる効果：③頭が柔らかくなる

新しいことを学ぶということと、自由に発想して作るということを通じて、頭が柔らかくなります。

普段生活しているだけでは自由に発想することが少ないため、とても良い刺激になります。

ビジュアルプログラミングまとめ

プログラミング必修化に伴い、学校や社会でプログラミング能力が求められます。
プログラミング教室へ先駆けて通い、まわりの人より一歩先に進んでおくと安心ですね！