Scratch(スクラッチ)３とMicro:bit(マイクロビット)をつないでみる

ベータ版ではありますがScratch3にMicro:bit用の拡張機能が追加されていますのでWindows10 での手順を紹介します。Micro:bitからスクラッチのキャラクターを動かしたり、スクラッチからマイクロビットにメッセージを表示したりできます。ただし、ブラウザーはGoogle　Chromeが必要です。

2019/1/2更新：正式版Scratch3.0がリリースされました。Micro:bitとのブルートゥース接続方法が変わりました。この記事の手順ではなく、今後はこちらの記事を参照してください。

1. １．Windows10　Google　Chromeの準備
2. ２．BLESrever　の入手と設定
3. ３．Micro:bitの準備
4. ４．Scratch3からMicro:bitを使う
5. ５．Scratch３から実際にMicro:bitをコントロールする

１．Windows10　Google　Chromeの準備

この手順では、Google Chrome　にブルートゥース用の拡張機能である『Windows 10 Web Bluetooth Polyfill』を導入します。手順の原文はこちらの記事になります。（注：私はMacを持っていませんので確認できませんが、Macでは簡単にMicro:bitと接続できるようです）

A．Windows10 の前提バージョンを確認する

A－１．Windows10 が　version 1703 / build 15063　以上である事を確認します。左下のウインドウアイコンを右クリックします。

A－２．以下のようなメニューが表示されますので、『ファイル名を指定して実行』をクリックします。

A－３．以下のようなウインドウが開きますので、『cmd』と入力してOKをクリックします。

A－４．以下のようなウインドウが開きますので、『winver』と入力してエンターキーを押します。

A－５．以下のように、ウインドウのバージョンが表示されます。この例はversion 1803 / build 17134 ですので、version 1703 / build 15063に比較して数字が大きいので次のステップにいけます。そうでない場合は、動きませんのでウインドウのアップデートを先にしてください。（マイクロソフトからの自動アップデートを毎月やっていれば1703以上になっていると思います）

B．Visual C++の再配布可能パッケージを導入

今回の拡張機能はこのパッケージが必要です。私はVisual Studio 2017を導入済みでしたので、『Visual Studio 2015 の Visual C++ 再頒布可能パッケージ』を導入しなくても問題ありませんでしたが、一般的には導入が必要です。他のソフトを導入したときに同時に導入されているかもしれませんので、不明な場合は導入してみてください。既に導入済みであれば、そのメッセージが表示されますので、そこでキャンセルすれば良いです。

B－１．Visual Studio 2015 の Visual C++ 再頒布可能パッケージはここにあります。以下のようなメニューが表示されますので、ダウンロードをクリックします。

B－２．以下の画面が表示されますので、vc_redist.x86.exeに☑をして『次に』をクリックします。

B－３．ダウンロードが完了すると以下のような画面になります。ダウンロードした『vc_redist.x86.exe』を実行してください。

B－４．以下のようなライセンス同意メッセージが表示されますので、同意するに☑して『インストール』をクリックします。この先は表示されるメッセージに従い導入してください。導入済みのメッセージが表示されたらキャンセルしてください。（申し訳ありませんが、私の環境では既に２０１７版が導入されているので導入できないため実際の画面をお見せすることができません）

C．Windows 10 Web Bluetooth Polyfill　の入手と設定

C－１．このサイト(Github)開いてください。以下のような画面が表示されますので、右側にある『Clone　or download』をクリックして開いたメニューから『Download　ZIP』をクリックします。

C－２．ファイル名『web-bluetooth-polyfill-master.zip』がダウンロードフォルダーにありますので、右クリックして適当なフォルダーに解凍してください。

C－３．解凍先に指定したフォルダーに『web-bluetooth-polyfill-master』というフォルダーが出来上がっていますので、このフォルダーを選択して右クリックで『名前を変更』を選択し、名前を『Web Bluetooth Polyfill』にして下さい。大文字小文字スペースも含めて同じにしてください。この名前が間違っていると動きません。

C－４．名前を変更したフォルダーをドラッグして、C:\Program Files (x86)にドロップして移動します。C:\Program Files という似た名前がありますので、間違えないようにしてください。注：この作業中に管理者権限が必要ですとメッセージが表示された場合は、一旦続行をクリックします。それでもダメな場合は管理者（ご家庭の場合は、保護者の方）に作業をお願いしてください。

C－４．Google Chromeを立ち上げて、右上のメニューをクリックして『その他のツール』→『拡張機能』を選択します。

C－５．拡張機能のメニューが表示されますので、右上の『デベロッパーモード』をONにします。

C－６．新しいメニューが追加されますので、『パッケージ化されていない拡張機能を読み込む』をクリックします。

C－７．『拡張機能のディレクトリー（フォルダーのこと）を選択してください』メッセージが表示されますので、先ほど移動した『C:\Program Files (x86)\Web Bluetooth Polyfill』の中にある『extension』フォルダーを選択して、OKをクリックします。

C－８．以下のように拡張機能が追加されますので、『詳細』をクリックします。

C－９．今追加した拡張機能の詳細が表示されますので、その中にあるIDが後で必要になります。後のDの手順で必要になった時この画面を開いてIDをコピーしてください。

２．BLESrever　の入手と設定

２－１．BLEServerのサイトを開くと、以下の画面になりますので、『BLEServer-0.4.0.1-b867fe1.zip』をクリックしてダウンロードします。注：随時修正されているようですので、ファイル名は異なっている場合があります）

２－２．ダウンロードフォルダーに『BLEServer-0.4.0.1-b867fe1.zip』がありますので、右クリックして適当なフォルダーに解凍します。

２－３．解凍先に指定したフォルダーに『BLEServer-0.4.0.1-b867fe1』フォルダーがありますので、開きます。（解凍が終わると、自動的に開きますが、開かなかった場合）以下の４つのファイルがありますので、その中の『manifest.json』をいつも使っているエディターソフトで開きます。

２－３．エディターで開くと７行目の『chrome-extension://joeddpfhohdknijmlmomdhealbjfbgem/』赤字部分を、先ほどのC－９手順で調べたIDでこの部分に書き換えて保存します。

２－４．『BLEServer-0.4.0.1-b867fe1』フォルダー内の４つのファイルを選択しドラッグして、前のステップで作った『C:\Program Files (x86)\Web Bluetooth Polyfill』に移動（もしくはコピー）します。作業中に次のメッセージが表示される場合があります。

２－５．前のステップで以下のメッセージが表示された場合は、続行をクリックします。それでダメな場合は、管理者（ご家庭なら保護者の方）に作業を依頼してください。

２－６．『C:\Program Files (x86)\Web Bluetooth Polyfill』フォルダー内にある、『register.cmd』をダブルクリックして実行してください。一瞬、黒い画面が表示されすぐ閉じてしまいます。これで、Googl Chromo側の作業は完了です。確認のため、一度Googl　Chromeを閉じて終わって下さい。

２－７．再度、Googl　Chromeを立ち上げて、右上のメニューをクリックして『その他のツール』→『拡張機能』を選択します。

２－８．今回追加した拡張機能の『バックグラウンドページ』をクリックします。

２－９．下のような画面が表示されますので、『Connected to server』と表示されていればOKです。そうでない場合は今までの手順を見直してください。

３．Micro:bitの準備

ここでは、マイクロビット用のソフトを入手して、マイクロビットにロードします。

３－１．こちらのサイトを開くと、以下の画面が表示されますので、scratch-firmware-combined.hex をクリックしてダウンロードします。ダウンロードしたら、scratch-firmware-combined.hex をUSBでパソコンにつないであるマイクロビットにロードしてください。