micro:bitプログラミング(2) ボタンを使おう！

ボタンを使おう

前回からの続きです。
micro:bitにはAボタン、Bボタンがついています。今回はそれらのボタンが押されたら、LEDの表示を変更するプログラムを書いてみようと思います。

もちろん、シミュレーターでも実行できますので、今回も無料でお試しできますよ?
実機を買うのは、遊び方や使い方を覚えてからでも遅くないですよ?

まずはお使いのブラウザで次のアドレスにアクセスしましょう。
https://makecode.microbit.org/#lang=ja

画面の復習です。

プログラミング画面説明

（＊なお、命名は私が独自で呼んでいるものです。公式な呼び方をご存知の方、こっそり教えていただけると幸いです）

新規プロジェクトを作成すると、デフォルトで「最初だけ」「ずっと」の命令ブロックが配置されていますが、今回は不要なので消してしまいましょう。

命令ブロックの消し方は次の通りです。

ドラッグすると命令ブロックのところに大きなゴミ箱が表示されますので、そこでマウスを離してください。
こんな↓感じになります。

ゴミ箱に入れる

では、画面が綺麗さっぱりしたところでAボタンが押された場合の命令ブロックを配置していきましょう。
ちなみに、micro:bitのAボタンはシミュレーターの左、Bボタンは右にあります。実機でも同様で、ちゃんとA・Bの印字があるので間違えることはないと思います。

micro:bitのA,Bボタン

では、命令ブロックを配置します。

「入力」をクリックし、出てきたメニューから「ボタン[A▼]が押されたとき」をクリックします。

Aボタンが押されたとき
「基本」をクリックし、出てきたメニューから「アイコンを表示」をクリックします。

命令「基本」からアイコンを表示する
「アイコン表示」をドラッグして「ボタン[A▼]が押されたとき」の内側に入れます。

「Aボタンが押されたとき」の中にドラッグ

「Aボタンが押されたとき」の中にドラッグ（２）
「アイコンを表示」の▼ボタンを押し、表示されたアイコンの中から好きなものを選んでください。

アイコンを選びましょう
こんな感じになればOKです。

アイコンが変更された

次に、Bボタンが押された場合の命令を配置していきます。
基本的にAボタンと同じことの繰り返しですが、「ボタン[B▼]が押されたとき」になることと、ボタンが押されたときに表示されるアイコンをAとは違うものにしましょう。

「入力」をクリックし、出てきたメニューから「ボタン[A▼]が押されたとき」をクリックします。

Aボタンが押されたとき
[A▼]をクリックし、出てきたメニューから[B]を選択します。

「A▼」をクリックする
あとはAボタンを押された場合と同じようにアイコンをセットしてみてください。アイコンはAが押されたときと、Bが押された時で変わるようにしてください。最終的に↓こんな感じになります。

完成図