# 初めてのマイクロビット (micro:bit) v2の利用について(Chromebook)




本ドキュメントは、初めてマイクロビット(micro:bit)v2を利用する際に、必要な機材、必要な事前準備、操作等を詳しく紹介します。初心者の方でも扱えるように、細かい操作等も記載しています。
また、Chromebookを使用する前提の手順であり,ご注意ください。

※ Windowsご利用の方は「利用方法(Windows)」をご覧ください。
※ MacOSご利用の方は「利用方法(MacOS)」をご覧ください。
※ タブレット・スマートフォンご利用の方は「利用方法(iOS、Android)」をご覧ください。







# 1. 必要な機材


No. 名称 個数 HW/SW 用途 補足
01 マイクロビット セレクト ベースキット (opens new window)
または、
マイクロビット ベーシック (opens new window)
1 HW micro:bit本体、micro:bit保護ケース、micro:bit用電池ボックス、マルチUSBケーブル
02 単4型乾電池 2 HW micro:bitへの電源供給
03 Chromebook 1 HW MakeCode操作用
04 Google Chrome 1 SW MakeCodeアクセス用 Chromebookでは、標準でインストールされています。

※ HW:ハードウェア、SW:ソフトウェア
※ Google Chromeは、Google社が提供しているブラウザ。Chromebookでは、標準でインストールされています。
※ MakeCodeは、MicroSoft社が提供しているmicro:bitプログラミングできるオンラインソフトウェアです。詳細は「micro:bitのプログラミングで利用するソフトウェア」をご参照ください。


参考:micro:bitは、イフティニー ストアでお買い求めいただけます



当社はmicro:bitの公認正規販売店です。国内のmicro:bit利用推進を行っております。

micro:bit専門ストア「イフティニー ストア(iftiny store)」 (opens new window)にて、各種micro:bit関連製品の販売をしております。

micro:bit専門ストア (opens new window)







# 2. 概要と所用時間


実施項目 概要 所用時間
事前準備 事前に必要な準備と確認 5分
購入後デフォルト状態の確認 購入直後の状態でmicro:bit各種機能を確認 10分
初めてのプログラミング 簡単なゲームをプログラミングし、micro:bitに動作させる 20分
利用後 プログラミング完了後の作業 5分
合計時間 40分






# 3. 事前準備


注意事項

操作する前に「micro:bitの扱い方と注意事項」をご覧ください。

  • micro:bit(マイクロビット)、電池ボックス、USBケーブルを用意する

  • micro:bit(マイクロビット)の故障を防ぐため、micro:bit(マイクロビット)にケースを装着する

  • 電池ボックスの蓋をスライドして開ける

  • 電池ボックスに市販の単4型乾電池をセットし、電池ボックスの蓋を閉める

  • 電池ボックスのケーブルをmicro:bit(マイクロビット)の電池バッテリーコネクター(白)に挿入

  • 電池ボックスの電源スイッチをON







# 4. 購入デフォルト状態の確認


No. 概要 手順 確認
01 オープニング 電池ボックスの電源スイッチをオンにすると、オープニングの音声と合わせて、動的にディスプレイLEDが光る。 「HELLO」とスマイルマークが表示される。
02 ボタンのテスト 「←」と「A」が表示され、「Aボタン」を一回押す。 リアクションの音声とLEDの変化がある。
03 ボタンのテスト 「→」と「B」が表示され、「Bボタン」を一回押す。 リアクションの音声とLEDの変化がある。
04 加速度センサーを使ったシェークゲーム LEDに「SHAKE!」が表示され、micro:bit本体をシェークする、シェークすると、リアクションの音声とLEDの変化がある。 3回思いっきりシェークすると、リアクションの音声が最大限になり、確認が終了。
05 加速度センサーを使った傾きゲーム LEDに「TILT」が表示され、ゲームが始まります。micro:bit本体を様々な角度に傾けながら、LEDディスプレイに表示されているドットを、目標地点とする点滅のドットに移動。 3回成功する。
06 マイクを使った手を叩くゲーム LEDに「CLAP!」が表示され、マイクのランプが光ります。マイクが拍手の音を検知できるようになります。拍手のように、両手を一回叩き、LEDディスプレイが「1」と表示し、それを5回繰り返す。 5回成功すると「WOW!」が表示される。
ボタンAまたは、ボタンBを押して、micro:bit本体を様々な角度に傾けながら、LEDディスプレイに表示されているハート型の全てのドットを消す。
07 加速度センサーを使ったドットゲーム micro:bit本体を様々な角度に傾けながら、LEDディスプレイに表示されているドットを、目標地点となる点滅のドットに移動する。目標地点のドッドに当たると、ドットがくっ付いて列となって一緒に動く。繰り返し4つのドットをくっ付けるとゲームが終了。 ゲームが終了すると、「GAME OVER!」と「SCORE:4」が表示されます。以降このゲームが繰り返す。
08 リセットボタンを使ってリセット micro:bit本体背面の「リセット・電源ボタン」を一回クリック。 問題なく状態がリセットされ、No.01のオープニングに戻る。
09 電源OFF 電池ボックスの電源スイッチをOFF。 LEDディスプレイの表示が消える。
10 電池ボックスの抜取り 電池ボックスのケーブルをmicro:bit(マイクロビット)の電池「バッテリーコネクター」(白)から取り外す。






# 5. 初めてのプログラミング


ここから、いよいよmicro:bit(マイクロビット)を使ったプログラミングを行います。
MakeCodeでブロックを動かして、ビジュアルプログラミングを行い、その結果をmicro:bitに転送し、micro:bitでハートビート表示を実現させます。




# 5.1. 実現したいこと

本手順では、LEDディスプレイにハートビートのように、大きなハートマークと小さなハートマークを交互に表示するプログラミングをします。




# 5.2. 接続とプログラミング手順

No. 画像                                     手順 確認
01 chromebook_programming-01 Google Chromeを開き、https://makecode.microbit.org/ (opens new window)にアクセス。 makecodeのmicro:bit用画面が表示される
02 chromebook_programming-02 新しいプロジェクトをクリック。 プロジェクト名前の入力ウィンドウを表示。
03 chromebook_programming-03 プロジェクトの名前に「初めてのプログラミング」を入力し、「作成」ボタンをクリック。 プロジェクトを作成されることを確認。
04 chromebook_programming-04 MakeCodeでプロジェクト「初めてのプログラミング」の画面が表示されます。またデフォルトでは、ブロック(ビジュアルプログラミング)モードとなっています。 プロジェクト名を確認して、この画面でプログラミングを行なっていく。
05 chromebook_programming-05 ブロックエリアの「基本」のブロックの中から、「アイコンを表示」ブロックを選ぶ。
06 chromebook_programming-06 「アイコンを表示」ブロックをプログラミングエリアの「ずっと」ブロックの中にドラッグ&ドロップ。 「アイコンを表示」ブロックが「ずっと」ブロックの中に嵌め込んだことを確認。
07 chromebook_programming-07 もう一度ブロックエリアの「基本」のブロックの中から、「アイコンを表示」ブロックを選ぶ。
08 chromebook_programming-08 もう一度「アイコンを表示」ブロックをプログラミングエリアの「ずっと」ブロックの中にドラッグ&ドロップ。 「アイコンを表示」ブロックが「ずっと」ブロックの中に嵌め込んだことを確認。
09 chromebook_programming-09 No.8で操作した「アイコンを表示」ブロックのアイコンを小さいハートマークに変更。
10 chromebook_programming-10 「アイコンを表示」ブロックが正しく変更されたことを確認。
11 chromebook_programming-11 プログラミングエリアの「最初だけ」ブロックを削除。
12 chromebook_programming-12 「最初だけ」ブロックが削除されたことを確認。
13 USBケーブルのmicroUSB側を、micro:bitのmicro USBコネクターに接続する。 microUSBは方向性があるため、挿入する方向が正しいことを確認。
14 USBケーブルのTypeA側を、ChromebookのUSBに接続。 USBケーブルの接続口がChromebook対応していない場合、USB変換コネクターを装着するなど、接続口の変換が必要。
15 chromebook_programming-15 micro:bitの接続が認識され、「リムーバブル デバイスが検出されました」通知が表示される。「設定を開く」にて外部ストレージ(micro:bit)の接続許可を行う。 外部ストレージの設定画面に遷移したことを確認。
16 chromebook_programming-16 外部ストレージの設定画面で、スイッチ型ボタンを操作し、該当microbitの接続を許可。 スイッチに青色がついたことを確認。
17 chromebook_programming-17 MICROBITドライブの接続を許可できたことを確認し、外部ストレージの設定画面を閉じる。
18 chromebook_programming-18 「ファイル」アイコンをクリックし、ファイル管理画面を起動する。 ファイルのウィンドウが表示されます。
19 chromebook_programming-19 MICROBITドライブをクリックして開く。 ドライブの中が表示される。
20 chromebook_programming-20 ドライブの中が問題なく表示されたことを確認し、ファイル管理画面を閉じる。
21 chromebook_programming-21 「・・・」ボタンをクリックし、メニュー表示される。 「デバイスを接続する」のメニューが表示される。
22 chromebook_programming-22 「デバイスを接続する」をクリック。 「接続してワンクリック書き込み」のウィンドウが表示される。
23 chromebook_programming-23 「デバイスを接続する」をクリックし、ブラウザのWebUSB機能を使ってブラウザとmicro:bitの接続設定を行う。 Chromeのウィンドウが表示される。
24 chromebook_programming-24 「デバイスを選択し、「接続」を押します」のメッセージが表示される。
25 chromebook_programming-25 Chromeのウィンドウが表示され、接続するデバイス「BBC micro:bit CMSIS-DAP」をクリックして選択。 「BBC micro:bit CMSIS-DAP」が選択されたことを確認。
26 chromebook_programming-26 「接続」ボタンをクリックし、ブラウザのWebUSB機能を使って、ブラウザとmicro:bitを接続。 メニューが消える。
27 chromebook_programming-27 「・・・」ボタンをクリックし、メニューが表示されます。 「micro:bitに保存する」メニューがあることを確認。
28 chromebook_programming-28 「micro:bitに保存する」をクリックし、プログラムをmicro:bitに保存。 メニューが消える。
29 chromebook_programming-29 MakeCodeの画面に「ダウンロードしています...」が表示され、完了すると元の画面に戻る。
ここで、プログラミングとプログラムのmicro:bitへの書き込みが完了。
参考 windows-programming-31 MakeCode(ブラウザ)にプロジェクト「初めてのプログラミング」が保存されたため、次回MakeCodeにアクセスする時に、再び作成したプロジェクトを開くことが可能。 一度作成したプロジェクトは、一時的にブラウザに保存されている。
ブラウザに保存されているデータ(Cookieと他のサイトデータ)を削除すると、過去作成したプロジェクトも全部削除される。
保存したいプロジェクトは、都度hexファイルとしてPCに保存することをお勧めする。






# 5.3. 接続解除手順

ここからは、Chromebookとmicro:bitの接続を安全に切断するための操作を行います。


# 5.3.1. マイクロビット(micro:bit)の接続解除について

ChromebookにUSBケーブルを使って接続してご利用の場合、MakeCodeを使った直後の段階では、ブラウザーがmicro:bitと接続(WebUSB)しており、また、ChromebookのOSでは、micro:bitを外部ストレージとして認識し、接続されたままの状態です。
このままChromebookからUSBケーブルを取り外すとデータの破損や次回接続時のトラブルに繋がる恐れがあります。
また、学校など、不確定多数のmicro:bitを同じ端末に接続する場合、過去の接続情報を残ったままで新規接続が増えるため、高い確率でトラブルが起きることがあります。
そのため、取り外す前に、安全に接続を解除する必要があります。

下記該当する手順にて、ご利用されているブラウザーでMakeCodeエディターのWebUSB接続を切断した後、ChromebookのOSレベルでmicro:bitの接続解除を行ってください。


# 5.3.2. MakeCodeとmicro:bit接続(WebUSB)の切断

No. 画像                                     手順 確認
01 after-use-chromebook-01 Chromeブラウザアドレスバーの鍵マークをクリックし、「BBC micro:bit CMSIS-DAP」の右の「✖️」をクリックすることで、ブラウザとデバイスのWebUSB接続を切断させます。 ※ 「更新後の設定をこのサイトに適用するには、このページを再読み込みしてください。」と表示された場合、「再読み込み」ボタンをクリックしてください。
02 after-use-chromebook-02 ブラウザの「×」ボタンをクリックし、ブラウザを終了。 ここで、MakeCodeとmicro:bit接続(WebUSB)の切断が完了。



# 5.3.3. Chromebookとmicro:bit接続(USB)の切断

No. 画像                                     手順 確認
01 after-use-chromebook-03 安全にmicro:bitをChromebookから取り外すために、micro:bitとChromebookの接続切断操作を行う。「ファイル」アイコンをクリックし、ファイル管理画面を起動する。 ファイルのウィンドウが表示されます。
02 after-use-chromebook-04 MICROBITのドライブが接続中であることを確認。
03 after-use-chromebook-05 を起「MICROBIT」右の「停止マーク」をクリックし、Chromebookとmicro:bitの接続を切断。
04 after-use-chromebook-06 MICROBITの表記が消えることを確認。
05 Chromebookとmicro:bitから接続用USBケーブルを取り外す。 作業完了。






# 6. 利用後


  • 電池ボックスの電源スイッチがOFFになっていることを確認し、電池を取り出します。

  • micro:bit(マイクロビット)、電池ボックス、USBケーブルを収納ケースに収納します。

  • 必要に応じて、ブラウザの終了(Chromebookの場合)、Chromebookのシャットダウンを実施します。






Last Updated: 10/5/2023, 9:36:44 AM