ビジュアルプログラミング言語「ビスケット」で5歳児と遊んでみた

こんにちは、ワーママpicaco(@wmpicaco_)です。

楽しく遊びながらプログラミングを学べる、ビジュアルプログラミング言語「ビスケット(Viscuit)」というものがあることを知って、5歳（年長）の息子と一緒に楽しんでいるのでその様子を紹介します。

1.「ビスケット」とは？
2.なぜ、やってみようと思ったか
3.とりあえずインストールしてみたら…
3.簡単な遊び方例
4.子供の反応

1.「ビスケット」とは？

「ビスケット」は、スマホやタブレット、ブラウザで絵を描いて遊びながらプログラミングを学べる、ビジュアルプログラミング言語。

ビスケットを使うと次のようなことが期待できる。（ビスケットであそぼう園児・小学生からはじめるプログラミング (ぼうけんキッズ)より引用）

■コンピュータでプログラムを自由に作れることのできるすばらしさを短時間で知ることができる。

■思いついたことがあれば、すぐに試して動かし、自分が満足するまで何度でも改良ができる.

■作っていく過程で、コンピュータがどのようなものかという直感が少しずつついていく

2.なぜ、やってみようと思ったか

生まれた時からスマホが身近にある世代の子供たち。我が家でも、スマホをそんなに触らせないようにしてはいても、子供たちは自然と操作が身についていて、気が付けばyoutube動画ばかり見たがるように…　赤ちゃんから遊べるようなスマホのアプリも沢山出ていて、やらせれば必ず熱中するだろうなと容易に想像ができる。

でも、どうせスマホを使って遊ぶなら、プログラミングが学べるアプリのほうが、まだいいかな、と思った。今後、プログラミングが義務教育の教科の一つとして取り入れられるとか、られないとか…？　そのことはさておいても、プログラミングの考え方は知っていて損はない、と私も考えている。

3.とりあえずインストールしてみたら…

だいたい、スマホアプリ、ツールはインストールすれば直感的に操作できて簡単に使えるものが多い。「ビスケット」も、使ってみればなんとかなるかな、と思って入れてみたのだが、直感だけでは全然わからなかった！私が使い方がわからないようでは、息子も「なにこれ？」といった感じで、はじめは全然食いついてくれなかった。

そこで、1冊本を買ってみることに。「ビスケットであそぼう」という本で、簡単な課題から難しいものまで順番に、画像をふんだんに使って丁寧にやり方が説明されている本なので、これを読みながら、やっと楽しむことができるようになった。

ビスケットであそぼう園児・小学生からはじめるプログラミング (ぼうけんキッズ)

created by Rinker

¥1,980 (2024/04/26 07:07:02時点 Amazon調べ-詳細)

どんな感じで遊べるのか、一番簡単な例を紹介してみる。

①アプリ「viscuit」をインストール

（「ビスケット」とカタカナより、「viscuit」を英字のほうが探しやすかった）

②アプリを起動後「みんなでつくる」を選択し、好きな背景画像を選択、その後下に表示されるペンのボタンを選択する。

③表示された画面の左下から再びペンのボタンを選択し、好きな絵を描く。

今回、説明用に私が上の魚の絵を描いたが、ちなみに息子が描いたものはこちら….（ヘリコプター。）下のパレットで直感的にペンの色や太さ、濃淡を変えて、絵が描ける。

絵が完成したら、画面真ん中左の、「〇」のボタンを選択。

④いよいよ、描いた絵を動かす指示をする画面になる。

まず、下のメガネマークを真ん中の空いているグレーゾーンにドラッグアンドドロップ。

つづいてメガネマークの横にある、おさかな（自分が描いた絵）を上の背景画像に好きな数だけドラッグアンドドロップ。

次に、メガネの左側にもおさかなを一匹ドラッグアンドドロップ。

最後にメガネの右側におさかなを一匹ドラッグアンドドロップ。この最後にメガネの右側におさかなを置く位置が、おさかなの動きの肝となる。メガネレンズの真ん中より左側に置くと、上の3匹のおさかなが左側に動き出し、レンズの真ん中より右側だとおさかなは右側に動き出す。上下も同様。この部分でお魚の動きについて指示をしている、というわけだ。

以上の手順が完了したら、画面左下の「提出」的なボタンを押し、最後にその上に出てくる「〇」ボタンを選択！

すると…同時刻に同じ背景にお絵描きをして動かしていた他の人の絵と一緒にお魚を泳がすことができる！

この時、たまたま他の人の絵が少なかったのだが、多い時はこんな風にさまざまな絵が、いろいろな動きをしている。

以上が簡単な、遊び方の例だが、これを応用して、もっともっと複雑なプログラムを作ることができる。まだまだ、うちでは簡単なものしか実行していないが、本を読み進めていくと、音を鳴らしたり、ゲームを作ったりすることもできる模様。すごい！進めていくのが楽しみだ。

4.子供の反応

息子に初めてこのアプリを触らせてみたのは4歳後半だった。その時は、そんなに集中できず、お絵描きだけを楽しむ感じで、動きの部分にはそこまで理解を示していなかった。無理に進めることはせず、しばらくほっておいたのだが記憶には残っていたようで、たまに、「あのおさかなのやつ、やりたい！」と言い出すことがあった。

5歳半になった今、「ここに置いたら、こういう動きになる」ということも少しずつ理解できているようなので、徐々に難易度を上げた動きにも挑戦できたらいいな、と思っているところ。

スマホ、タブレット、パソコンのブラウザ経由、どれでも遊ぶことができるが、一番おススメはタブレット。画面がある程度大きく、タッチパネルのほうが絵が描きやすいためだ。タッチパネルでないパソコンの場合は、マウスかキーボード下のタッチパッドで絵を描くことになるが、これは子供にはやりにくい。絵が思うように描けないとそれだけで「もういや！」となってしまうので、ぜひタッチパネルでのお絵描きをおススメする。ちなみにうちには適当なタブレットがないので、今のところスマホでやらせている。

【2019年9月追記】

息子が小１になって、夏休み。たまたま近所でビスケットのワークショップをやっていたので参加してきたところ、親の私も含めて理解が深まり、とても有意義な機会だった。かんたんなゲームを作って、他の参加者に自分の作ったゲームで遊んでもらう、また他の人の作ったゲームも楽しめるようなワークショップになっていた。

ワークショップでは開発者の「原田博士」にも会えて、息子は本で原田博士の写真を見ては嬉しそう。

その後、家でもこんな感じのゲームを（親と一緒にではあるが、）息子から発案して作れるようになってきた。

小1息子とビスケットプログラミングでクレーンゲーム的なものを作った！1人で動きを作るのはまだまだだけど、自分で作る楽しさに気づいてくれたらいいな。
そしてビスケットを間違えて「クッキー」と呼んでいた笑#viscuit #ビスケット #プログラミング pic.twitter.com/XN6ACQd8kt
— ワーママpicaco🏠 (@wmpicaco_) September 14, 2019

今日も息子とビスケットでゲーム作った。初心者向けの本は大体マスターしたから、もう少しレベルを上げていきたいな。他に本はあまりなさそう、サイトとか見て研究せねば。#ビスケットプログラミング #viscuit pic.twitter.com/NGLlsC6TCq
— ワーママpicaco🏠 (@wmpicaco_) September 15, 2019