当サイトは2020年小学生のプログラミング必修化に向けて、関連する情報を纏めています。サイトリニューアルしました。

Micro:bit(マイクロビット)で学ぶ 5

Micro:bit(マイクロビット)で学ぶ 5

 

マイクロビットのホームページにあるレッスンを紹介したいと思います。英語版ですので、日本語で纏めてみました。今回は『サイコロを振る』を取り上げます。

当記事は、シリーズでマイクロビット(Micro:bit)のプログラミングについて紹介しています。初めての方はこちらをご覧ください。

『じゃんけんゲーム』プログラムの改善について
私が気になった点はマイクロビットを振ってグー、チョキ、パーの表示がされるところです。A、B、A+Bボタンを押せば前の表示(グー、チョキ、パー)が消えるので良いのですが、あいこになった時に連続して振りますが、振り方が弱くて表示が変わらなかったのか、偶然同じ表示になったのか分からないところです。次の記事で、解答例を出しますのでご自分で直してみてください。micro:bit(マイクロビット)で学ぶ 4

解答例:全LED点灯から順にLEDが消える部分を関数『start』としました。この関数を揺さぶられたときの最初に組み込みます。他にも色々な方法があると思いますので、参考にしてください。

レッスン『サイコロ』

 

2018年10月26日にブロックエディターが新しくなりました。ブロックの外観は変わりましたが、使い方はほぼ同じです。以下に、今までのV0ブロックエディターと、新しいV1ブロックエディターの開き方を追記しました。当記事の以下手順はV1ブロックエディターに対応済みです。

 

2018/10/26リリースのV1ブロックエディターを開く
2018/10/26リリースのV1ブロックエディターを開く

Micro:bitウエブサイトのトップから『プログラムしましょう』をクリックします。
microbit2-3

次の画面を少しスクロールダウンすると、JavaScriptブロックエディターかPythonエディターを選択できます。初めてなのでJavaScriptブロックエディターを選択してみます。ここから、リファレンス(各ブロックの説明)を見ることができます。レッスンもありますが、残念ながら現時点英語版のみですが、先生用のガイドも揃っています。2018/6/9追記:翻訳参加が認められましたので、徐々に本家サイトを日本語化します。
microbit2-9

『プログラムしましょう』を選択すると、以下の画面になります。
microbit2-10

新しいプロジェクトをクリックすると、以下のような画面となりプログラムができるようになります。その右には自分が作成したプログラムのアイコンが作られています。以前のプログラムを修正したい場合などはそちらをクリックするとエディターが開きます。
microbit2-11

以下は、前のバージョンの画面ですが、ブロックの形状が異なっている以外はほぼ同じですので、使い方を簡単に追記してあります。
microbit2-5

2018/10/25までのV0ブロックエディターを開く
2018/10/25までのV0ブロックエディターを開く

Micro:bitウエブサイトのトップから『プログラムしましょう』をクリックします。

ここから開きます。

 

まず、上の手順でブロックエディターを開いてください。もし、前に作成中のプログラムが表示された場合は、保存してから左上にある『プロジェクト』メニューをクリックして『新しいプロジェクト』をクリックしてください。最初は、『最初だけ』ブロックと『ずっと』ブロックだけがプログラミングエリアにあります。

12のレッスンがありますが、そこから『サイコロを振る』をやってみます。
microbit5-2

レッスン内容

このレッスンでは、『もし…..なら….でなければ….(IF THEN ELSE)』ブロックの使い方と、個々のLEDの制御の仕方を学びます。
Micro:bitを振ると、乱数を使って1から6のサイコロの目を表示するプログラムを作ります。

 レッスン目標 

子供たちは、次のことができるようになります。

  • 『揺さぶられたとき』ブロックを使う
  • ランダムな数字(乱数)を作る
  • 『もし…..なら….でなければ….(IF THEN ELSE)』ブロックを使う(条件処理)
  • 自分で作ったパターンをLEDに表示する
 ステップ1 

1-1.ブロック種類『入力』から 『ゆさぶられたとき』ブロックを選択します。
microbit5-1x

 ステップ2 

2-1.ゆさぶられたときにサイコロの目を保存するための変数を作ります。この変数はLEDに表示するサイコロの目を決めるために使います。変数の名前は『me』とします。ブロック種類の『変数』から『変数を追加』をクリックします。
microbit5-2x

2-2.変数名を入力するメニューが表示されるので、『me』と入力してOKをクリックします。
microbit5-3x

2-3.変数『me』にMicro:bitを振った時に乱数(0~5)を入れるためにブロック種類『変数』から『変数meを0にする』ブロックを選択します。注:乱数は0からxの間で作られますので、サイコロの目の数と違い分かりにくいですが、サイコロの目の1は0、サイコロの目の2は1というふうに対応します。
microbit5-4x

2-4.プログラミングエリアには以下のブロックがありますので、同じように並べてください。
注:プロジェクトを始めた時にある『最初だけ』ブロックと『ずっと』ブロックはドラッグして、ブロック種類メニューの上に持ってい行くとゴミ箱が表示されますので、そこでドロップしてください。
microbit5-5x

2-5.サイコロの目1(0)、目2(1)、目3(2)、目4(3)、目5(4)、目6(5)に相当する乱数0~5を作るため、ブロック種類『計算』から『0から10までの乱数』ブロックを選択します。
microbit5-6x

2-6.『0から10までの乱数』ブロックの10を5に変更します。これで0~5の乱数を作ることができます。修正後、このブロックを『変数meを0にする』ブロックの0のところにドロップします。プログラミングエリアは以下のようになっています。
microbit5-7x

2-7.『変数meを0~5の範囲の乱数にする』ブロックをドラッグして、『ゆさぶられたとき』ブロックにドロップします。プログラミングエリアは以下のようになっています。
microbit5-8x

 ステップ3 

変数『me』の値によって、サイコロの目を表示しますので、条件によってサイコロの目を選択するために『もし…..なら….でなければ….(IF THEN ELSE)』ブロックを使います。

3-1.ブロック種類『論理』から『もし…..なら….でなければ….(IF THEN ELSE)』ブロックを選択します。
microbit5-9x

3-2.プログラミングエリアには以下のブロックがありますので、同じように並べてください。
microbit5-10x

3-3.6つの条件を比較しますので、『もし…..なら….でなければ….(IF THEN ELSE)』ブロックの左下にある+アイコンをクリックします。
microbit5-11x

3-4.以下のように『でなければもし』が追加されますので、+アイコンを後3回クリックします。
microbit5-12x

3-2.プログラミングエリアは以下のようになります。
microbit5-13x

 ステップ4 

4-1.ブロック種類『論理』のくらべるから、『等しい』ブロックを選択します。
microbit5-14x

4-2.ブロック種類『変数』から、変数『me』ブロックを選択します。
microbit5-15x

4-3.プログラミングエリアには以下のブロックがありますので、同じように並べてください。
microbit5-16x

4-4.変数『me』ブロックをドラッグして、『等しい』ブロックの左側の0のところにドロップします。次に『等しい』ブロックをドラッグして、『もし…..なら….でなければ….』ブロックの真のところにドロップします。最後に『もし…..なら….でなければ….』ブロックをドラッグして、『揺さぶられたとき』ブロックの内側にドロップします。プログラミングエリアは以下のようになっています。
microbit5-17x

4-4.『変数meと0が等しい』ブロックを右クリックして、表示されるメニューで複写を選択します。
microbit5-18x

4-5.『meと0が等しい』ブロックが複写されますので、それをドラッグして、最初の『でなければもし』のところにドロップします。
microbit5-19x

4-6.4-4と4-5を後3回繰り返すと、プログラミングエリアは以下のようになっています。
microbit5-20x

4-7.一番上から2番目の『meと0が等しい』ブロックの0を1に変更します。次の『meと0が等しい』ブロックの0は2、次の『meと0が等しい』ブロックの0は3、最後の『meと0が等しい』ブロックの0は4に変更します。プログラミングエリアは以下のようになっています。
microbit5-21x

 ステップ5 

ここでは、meが0と等しい場合は、LEDにサイコロの目1を表示します。meが1と等しい場合はサイコロの目2、meが2と等しい場合はサイコロの目3、meが3と等しい場合はサイコロの目4、meが4と等しい場合はサイコロの目5、それ以外はサイコロの目6を表示します。

5-1.ブロック種類『基本』から、『LED画面に表示』ブロックを選択します。
microbit5-22x

5-2.『LED画面に表示』ブロック内のをクリックするごとに→□を繰り返しますので、サイコロの目1の表示用に以下のようにしてください。プログラミングエリアは以下のようになっています。
microbit5-23x

5-3.サイコロの目1用にした『LED画面に表示』ブロックをドラッグして、『meと0が等しい』ブロックの下の『なら』のところにドロップします。
microbit5-24x

5-4.サイコロの目1用にした『show leds(LED点灯)』ブロックを右クリックして複写し、サイコロの目2にして『meと1が等しい』ブロックの下の『なら』のところにドロップします。
microbit5-25x

5-5.5-4をサイコロの目6まで繰り返します。プログラミングエリアは以下のようになっています。

これで『サイコロ』プログラムは完成です。

 チャレンジ 

これでレッスンは終了ですが、チャレンジとして以下が紹介されていますので、挑戦してみてください。

  1. サイコロの目を表示する前に、サイコロを振ったときのようにサイコロの目が色々変わる様子を追加する
  2. 6面サイコロではなく8面、12面のサイコロを作る

1については、次の記事で解答例を紹介します。

訳者注:当サイトでは、マイクロビットホームページにあるレッスンを順次紹介しています。私の注意不足で紹介順が適切ではありませんでした。こちらの目次記事を見ていただくか以下のリンクを参考にご覧ください。無線とシリアル通信についてはレッスンがありませんでしたので、作成しました。

micro:bit(マイクロビット)で学ぶ 1micro:bit(マイクロビット)で学ぶ 2『温度のアクティビティー』19『アンサリングマシン』20『数当てゲーム』→当記事→ 6『トゥルース・オア・デア』8『マジック8ボール』21『ラブメーター』3『じゃんけんゲーム1』4『じゃんけんゲーム2』7『マジックボタン』無線の紹介シリアル通信の紹介


最後まで記事をお読みいただきありがとうございます。
記事の改善に役立てたいと思いますので、よろしければアンケートにご協力ください。

記事内容についてお伺い


良く解る解る解りにくい部分がある解りにくい 


 

クロームブラウザーをご使用の方へ

当サイトへの訪問ありがとうございます。その際、グーグルクロームブラウザーをお使いの方にお知らせです。グーグルクロームブラウザーでは、2018年7月から、サイトにより以下の表示がブラウザーのアドレスバーに表示されます。当サイトでも表示されますが、心配ありませんのでご安心ください。
SSL案内1
これは、SSLと呼ばれるWebサイトとそのサイトを閲覧しているユーザとのやり取り(通信)を暗号化するための仕組みを使用していないためです。ネットショッピング、銀行サイトではパスワードやクレジットカードの情報を扱いますので、必須の仕組みです。当サイトでは、そのような情報を扱っておりませんので、暗号化は必須ではありませんが、訪問される方により安心していただけるように、SSL化を予定しております。このメッセージはSSL化完了まで念のため表示します。

マイクロビットカテゴリの最新記事