アナ雪でプログラミング !アワーオブコードのアナ雪で雪の結晶をプログラムしてみよう

ディズニーが好きなお子さんにおすすめの無料プログラミング教材「アワーオブコードのアナ雪(Code with Anna and Elsa)」のプログラムで、雪の結晶を描いてみませんか?後半では、アナやエルサと一緒にプログラミングが学べる本「アナと雪の女王 ディズニーはじめてのプログラミングを紹介しています。

Hour of Code(アワーオブコード)とは?

1時間ほどで完了するプログラミングのチュートリアルが詰まったHour of Codeは、アメリカの非営利団体Code.orgが運営しているプログラミング初心者のためのサイトです。すべてのチュートリアルは無料で、オンラインで学習できます。いちばん人気のアクティビティは、ゲームのマイクラのキャラクターが出てくる「Minecrraft Hour of Code」ですが、アナ雪のキャラクターが出てくる「Code with Anna and Elsa」も人気があります!プログラミングで三角形や四角形、多角形や雪の結晶を描きたいなら、ぜひ挑戦してみましょう!

アナとエルサとコードを書く(Code with Anna and Elsa) に挑戦!

Hour of Codeの公式サイトへアクセスして、「アナとエルサとコードを書く」をクリックしましょう。PCだけではなく、タブレットやスマホでもプレイできますよ。

Hour of Code公式HPの画像

もし、サイトが日本語になっていない場合は、言語を日本語に設定します。詳しいやり方は下の記事で紹介しているので、参考にして下さいね。

Code with Anna and Elsa」のチュートリアルは、20のステージがあります。対象年齢は小学校2年生ですが、図形の性質を理解していないと難しい問題があるので、おすすめは小学校5年生です。正多角形の単元にピッタリの教材ではないでしょうか。
命令ブロックワークスペースへマウスでドラッグしてプログラムしていきます。プログラムが完成したら、画面左の「実行」をクリックすると、氷の上のエルサがプログラム通りに動いて図形を描きます。

アナとエルサとコードを書くの画像2

正しいプログラムだった場合は、ステージクリアになります。「次へ」をクリックして、次にステージへ進みましょう。

アナとエルサとコードを書くの画像3

プログラムが間違っている場合は、不正解になります。「リセット」をクリックして、もう1度挑戦してみましょう!

アナとエルサとコードを書くの画像4

Code with Anna and Elsa 11

ステージ11では、アナがひし形を4こ使って雪の結晶を描きます。ループ(くり返し)を上手く使って、コードを組み立てましょう!

Code with Anna and Elsa 11

Code with Anna and Elsa 12

ステージ12では、アナがひし形を10こ使って雪の結晶を描きます。360度の中にひし型の鋭角の部分が10個あるので、ひし形の鋭角の角度は360÷10で36度です。アナがヒントで、「36度まがるとちょうどいい」と言っていますね。

Code with Anna and Elsa 12

Code with Anna and Elsa 17

ステージ17では、エルサが

  • 大きさ5の円を5こ
  • 大きさ10の円を5こ

使って模様を描きます。大小の円を1セット描いたら、72度まがるのがコツです!

Code with Anna and Elsa 17

Code with Anna and Elsa 20

ステージ20では、命令ブロックを自由に使って好きな図形を描きましょう!たとえば、下図のようなシンプルなコードを作成します。

Code with Anna and Elsa 20

画面右上にある「コードを表示」をクリックして、JavaScriptのコードを表示してみます。

Code with Anna and Elsa 21

ブロックのコードが、JavaScriptで表示されました。JavaScriptのコードは、とてもシンプルですね。

アナと雪の女王 ディズニーはじめてのプログラミング

アナと雪の女王 ディズニーはじめてのプログラミング」は、2019年5月25日にKADOKAWAから発売されたプログラミング教本です。「アワーオブコードのアナ雪(Code with Anna and Elsa)」と連動していて、実際に手を動かして本に書かれている内容を試してみることができます。

無料で試せるステージだけでは物足りない、詳しい解説を見ながら勉強をしたいという人におすすめです。

  • 四角をかいてみよう
  • 三角形をかいてみよう
  • 「くりかえし」を使って階段をかいてみよう
  • 「くりかえし」を使ってダイヤをかいてみよう
  • 「くりかえし」を使って雪の結晶をかいてみよう
  • 「関数」を使ってみよう
  • 関数を使ってお花の模様をかいてみよう
  • 関数を使っていろいろなの模様をかいてみよう
  • お花の模様を重ねてみよう
  • らせんをかいてみよう

など、豊富なラインナップになっています。

まとめ

アワーオブコードのアナ雪(Code with Anna and Elsa)」は、ブロックエディタなのでプログラミング初心者におすすめのプログラミング学習教材です。つまずいても何度もリトライできるので、自分のペースでコツコツ進められるのが魅力です。プログラミングで図形を描くのは便利だな、おもしろいなと思ったら、プログラミングの世界にのめり込んでいけますよ。

フォローしてくれたら嬉しいです(*’-‘*)ノ