初めてのプログラミング(iPad編)

LED画面にオリジナルアイコンを表示するプログラムを作って、micro:bitにダウンロードします

4ステップで行います

  1. micro:bitとアプリのペアリングを行う
  2. プログラミング画面を開く
  3. プログラムを作る
  4. micro:bitにプログラムを書き込む

用意するもの

※詳しくは、開発環境:タブレットを使う場合をチェック


1. micro:bitとアプリのペアリングを行う

まず、用意した電源を micro:bit につなぎ、電源をONにします。※micro:bit のLEDが光ったり、音がなっても大丈夫です。

電池ボックスを使う場合

コネクターには向きがあります。注意して接続しましょう。


ワークショップモジュールを使う場合


次に、micro:bit のアプリ(無料)をインストールしましょう。



App Store
デベロッパ:Micro:bit Educational Foundation


以降は、動画の手順を紹介しています。


アプリを起動します。Bluetoothの使用を求められた場合は「OK」をえらびます。



メニュー「micro:bitを選ぶ」をタップ。



画面下「新しいmicro:bitをペアリング」をタップ。


micro:bit をペアリングモードにします。

ボタンAとボタンBを押したまま

リセットボタンを押して、リセットボタンだけ離します。

 ボタンAとボタンBはずっと押したままにします。

LEDが順番に点灯をし始め

パターンが表示されたら、ボタンから指を離します。
※パターンは micro:bit ごとに違います。

 パターンが表示されない場合は、トラブルシューティングを確認しましょう。



アプリに戻り、画面下「次」をタップ。



micro:bit のパターンと同じになるように、アプリ画面 5 × 5 の□をタップして「次へ」をタップします。

※パターンは micro:bit ごとに違います。



もう一度、画面右下「次へ」をタップ。



ペアリング要求のウィンドウが表示されたら、「ペアリング」をタップしましょう。



ペアリングが始まります。「ペアリングに成功しました」と表示されたらペアリング完了です。
画面下「OK」をタップします。



画面左上「Home」をタップして、メニュー画面に戻りましょう。


「Error」になったら、もう1回 micro:bit をペアリングモードにして、試してみてください。それでもダメな場合はトラブルシューティング「パターンが表示されない:ステップ2」を確認しましょう。

2. プログラミング画面を開く


メニュー「プログラムを作る」をタップ。



これがプログラミングソフト「MakeCode」(メイクコード)です。


 外国語だったら

画面右上「歯車」マーク → 「地球儀」マークを選んで

「日本語」を選びましょう。



「+新しいプロジェクト」をクリックしましょう。



名前を入力して、「作成」ボタンをクリック

※どんなプロジェクトか、わかりやすい名前をつけましょう。



初回アクセス時は、このようなメッセージが表示されるかもしれません。

初めての人は、「次へ」をクリックしてエディターの紹介を確認しましょう。


プログラムを作る画面が表示されます。MakeCode エディターです。この先は「エディター」と呼びます。
※ウィンドウやタブレットのサイズによって画面レイアウトが違うかもしれません。

シミュレーター:

作ったプログラムの動きを確認できる場所です。

ツールボックス:

プログラミングで使うブロックが入っている場所です。
機能ごとに整理されています。

ワークスペース:

<プログラミングする場所です。ツールボックスからブロックをドラッグ&ドロップして、ここでプログラムを組み立てます。

ホームボタン

ホーム画面に戻ります。作っているプログラムはローカル(ブラウザのクッキー)に自動保存され、ホーム画面から再度アクセスできます。

共有ボタン

作ったプログラムを他の人と共有することができます。詳しくはプログラムの共有方法を確認してください。

サインイン

Microsoftアカウント、もしくは、Googleアカウントにサインインすることができます。サインインした状態で作ったプログラムはクラウドに保存され、別の端末やブラウザからアクセスすることが可能です。

※サインインした状態で作ったプログラムはローカル(ブラウザのクッキー)には保存されないので、サインアウトするとアクセスできません。

保存ボタン

ローカルの任意の場所にプログラムファイル(hex)を保存することができます。


3. プログラムを作る


micro:bitのLED画面にアイコンを表示するプログラムを作ります。


プログラムの作り方


新しくプロジェクトを作った直後は、プログラミングエリアに「最初だけ」ブロックと「ずっと」ブロックが置かれています。今回は「ずっと」ブロックを使います。



ツールボックス「基本」の中にある「LED画面に表示」ブロックをえらんで



プログラミングエリアにドラッグ&ドロップします。



ドロップした「LED画面に表示」ブロックをえらんで、「ずっと」ブロックの出っぱりにつなぎます。



それぞれの四角をタップすると、LED のオン/オフを変えられます。micro:bit に表示したいアイコンを作ったら完成です。


4. micro:bitにプログラムを書き込む


micro:bit の電源がONになっていることをチェックします。
電源ONのとき、ウラのLEDが光ります。



micro:bit をペアリングモードにして=パターンが表示されている状態にします。
※ペアリングモードのしかたはこちら
※パターンは micro:bit ごとに違います。



アプリ画面左下「ダウンロード」をタップ



「続行」をタップ



「continue」をタップ
※パターンは micro:bit ごとに違います。



プログラムの書き込み(ダウンロード)が始まります。バーが埋まるまで待ちましょう。



完了したら「書き込みに成功しました」と表示されます。画面下「OK」をタップしましょう。



micro:bit にアイコンが表示されていたらOKです!


何回試してもプログラムをダウンロードできない場合は、トラブルシューティングを確認しましょう。