子供向けプログラム言語Googleブロックリーで大人も勉強しよう

2014年12月11日2015年1月19日

この記事は最終更新日から11年経過しています。内容が古い可能性があります。

12月14日に「第1回 CoderDojo 八王子」という子供向けプログラミングイベントを開催します。1日目はscratchという言語で勉強をする予定ですが、子供向けにプログラムを学習するための環境は他にもいくつかあることを教えてもらいました。

今回はその中の「子供向けビジュアルプログラミング言語 Googleブロックリー(blockly)」というものを試してみましたのでそれについて書きます。

記事をざっと見る

子供向けビジュアルプログラミング言語 Googleブロックリー　とは

現在は開発者向け、と体験者向けが別れているようでそれぞれ

Developers looking for the Blockly library should go here:（開発者向け）

Parents and teachers looking for educational games should go here:（親、教師向け：教育用ゲーム）

となっています。今回はまず体験しようということで下の親、教師向けの方を見てみます。

このようにできることが一覧されています。最初の　パズル　から初めて最後の　JS Pond までやるという順序になっているようです。

一番最初の課題　パズル

ということでまず　パズル　をクリックしてみます。

このように何をするのかがまず書かれています。いきなりコンテンツと翻訳が合っていない感じがしますが、国＞生き物、国旗＞picture(絵)、言語＞legs(脚の数)、都市＞traits(特徴)なようです。

このように４つの生き物に対してそれぞれ選んでいくようなので、

こんな感じにくっつけて、

答え合わせボタンを押して、全問正解だとこんな表示になります。
＊ももも、もちろんネットで翻訳したり間違えたりもしました(^_^;

パズル ではGoogleブロックリーでこんなことができるよ、という感じしかわかりませんが子供の心をわしづかみするにはこのあたりで上手くのせていくといいかと思いました。英語の勉強にもなりますし。

いきなり最後のブロックに挑戦してみた

ということで、いきなり最後の　JS Pond に挑戦してみます。

JS Pondをクリックします。

canonコマンドをつかって大砲を当てる、という課題のようです。とりあえず今の状態で実行するとどうなるか、見てみます。

プログラムを実行 をクリックします

黄色い大砲が右向きに大砲を発射しました。どうもこの　0,70　が　x,y　の向きを表してるのではないかと思われます。

そこで、

最初の数字を50にして　リセット　をクリックしてから、

プログラムを実行 をクリックします

少し赤い大砲に近づきました。ということは最初の数字を90にすれば、

当たりました。

Documentation というボタンをクリックすると、この画面で勉強できることについての解説が出てきます。

Pond　というのが　Angle(角度)であり、最初の数字が垂直方向の角度、2つめの数字が水平方向の角度のようです。

Math というのが　数字　ってこうやって使うんだよ、というような解説のようです。

なるほど、これはちょっとプログラムっぽくて面白いなと思ったので

次の課題をやってみようと思います。１の隣の○をクリックします。

ターゲットは何度も撃たないといけないので While を使ってみよう、的な課題のようです。Whileとはある条件の間そこに書いてある命令を実行し続ける、というプログラムではよく使うロジックです。

Documentation　を見ると、新しく　Logic　と　While　について説明がありました。Logicは　true（真）、false（偽）について書いてあります。Whileで何かを実行するとき、ある条件の間＝ある条件が真の間、実行するということについて説明しているようです。

なにをすればよくわからないのでとにかく実行してみました。