toioとmicro:bit v2をM1 Macから動かしてみた（動作確認と連携方法のまとめ）

先日スイッチエデュケーション／スイッチサイエンスさんから発売されたばかりの[micro:bit v2](https://switch-education.com/2020/10/13/#v2![スクリーンショット 2020-12-08 0.31.17.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/33040/223a7ed4-cf11-c437-9b15-4bd017a9c264.png)
)をこちらも出たばかりでちょうど何年ぶりかに開発機として買い替えた[Apple Sillicon M1のMac mini](https://www.apple.com/jp/mac-mini/)(macOS 11.0.1 BigSur)から動かしてみました。
単なる動作確認なので特筆すべき点はあまりないのですが、最近出たものの組み合わせでも動いたというログを残しておきたいと思います。どちらもアーキテクチャの変更などが影響しないか確認しましたが特に問題ありませんでした。



#動作の様子

サクッと動きました。方法は後ほど紹介します。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">Apple Silicon M1のMac mini（macOS11.0.1 BigSur）からmicro:bit v2とtoioをtoioのビジュアルプログラミングを通じて特別な設定なく動かせました（ScratchLink1.3.66経由）。<br>単なる動作確認です。流行りものの組み合わせ感が笑。<a href="https://twitter.com/hashtag/toio?src=hash&amp;ref_src=twsrc%5Etfw">#toio</a> <a href="https://twitter.com/hashtag/microbit?src=hash&amp;ref_src=twsrc%5Etfw">#microbit</a> <a href="https://t.co/cl2f5Io7Gn">pic.twitter.com/cl2f5Io7Gn</a></p>&mdash; Akichika Tanaka (@akichika) <a href="https://twitter.com/akichika/status/1335972966853570560?ref_src=twsrc%5Etfw">December 7, 2020</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

#動作確認に使ったプログラム（コード）

傾きをキューブの前後左右の動きに変えるだけの簡単な条件分岐によるコードです。

![スクリーンショット 2020-12-08 0.31.17.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/33040/6fa1418b-161e-48e0-117d-0b4e021b6368.png)

#micro:bit v2からtoioを動かすには

ここではMacの方法を紹介しますが、基本的にはWindows10でも同じです。
まずこちらからScratchLink1.3.66以上をダウンロードしてください。

https://scratch.mit.edu/microbit

![スクリーンショット 2020-12-08 0.16.49.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/33040/b153241f-ea10-6656-d34c-b6c16f316e04.png)

micro:bit v2は買った状態のままではtoioやScratchと連携して動かせないので、Scratchのサイトからmicro:bit v2を動かすための「HEXファイル」というファイルを同じサイトからダウンロードします。いわゆるファームウェアにあたるものです。
https://scratch.mit.edu/microbit

![スクリーンショット 2020-12-08 0.17.01.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/33040/ad258ddb-89c0-3e32-0ee7-6853d81d8318.png)

micro:bit v2をMac・PCにUSB接続します。

するとUSBメモリのように見えるので、先程のHEXファイルをドラッグ＆ドロップします。一番上の階層でOKです。すると、即座に再起動します。エラーが出ますが、問題ないので気にしないでください。

![スクリーンショット 2020-12-08 8.32.26.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/33040/bb637941-9abf-e0f5-41d2-86cb71d836e6.png)

流れる文字列が出ていたら書き込み成功しています。この文字列はBluetooth（BLE）で通信する時に接続先を識別するためのものです。
![IMG_7811.MOV.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/33040/51fdcca8-11ed-00ab-6b17-15c4ee691fd6.gif)


次に、toioのビジュアルプログラミングを起動します。
このサイトから確認してください。
https://toio.io/programming/visual-programming.html

![スクリーンショット 2020-12-08 0.17.18.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/33040/14ee36f4-9d48-bced-3565-ef673c9fd910.png)

左下の＋ボタンを押すと拡張機能が表示されます。

![スクリーンショット 2020-12-08 0.17.18.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/33040/1c23cd48-c92e-7a67-51c9-26e2997fb9e4.png)

![スクリーンショット 2020-12-08 0.17.25.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/33040/de41a339-46e2-0dfa-8b50-c13e37ee8262.png)


下の方にあるmicro:bitを選択します。


![スクリーンショット 2020-12-08 0.17.53.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/33040/cf394239-9331-bd78-018a-7612f86d8273.png)

すると接続画面が出てくるので「接続する」を押します。

![スクリーンショット 2020-12-08 0.17.38.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/33040/24c56711-5a29-8bf1-f301-7f48b0a19c28.png)
![スクリーンショット 2020-12-08 0.17.46.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/33040/1981e4c9-93dd-430f-36f5-2ff1e7fceca1.png)

これで接続できました。ハートマークのブロックを取り出してクリックするとmicro:bitのLEDが点灯しますので動作確認してみてください。

![スクリーンショット 2020-12-08 0.20.29.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/33040/ccb7bce0-ac7e-2311-33d1-945d4a1995cd.png)

![IMG_7806.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/33040/f2b530db-0cc2-2917-df5a-44cf4bfe1429.jpeg)

(写真では欠けていますがハートに見えています）

次にtoioを接続します。左下からtoioを選択し、右上の「！」マークをクリックするとmicro:bit同様の接続画面になります。toioの電源を入れて接続しましょう。

![スクリーンショット 2020-12-08 0.21.13.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/33040/84c61153-ce06-3fbc-8eae-a8eef5fda9a8.png)
![スクリーンショット 2020-12-08 0.20.55.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/33040/f029a58b-3ae4-21fa-679f-d527e54fb4ed.png)

![スクリーンショット 2020-12-08 8.45.18.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/33040/bba2fc28-348e-3419-3924-e21a5df57931.png)


接続できたら、下記のようなブロックを並べてプログラムを組んでみます。できたらmicro:bitの左側のAボタンを押します。

![スクリーンショット 2020-12-08 0.31.17.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/33040/6fa1418b-161e-48e0-117d-0b4e021b6368.png)

これで冒頭の動作が確認できました。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">Apple Silicon M1のMac mini（macOS11.0.1 BigSur）からmicro:bit v2とtoioをtoioのビジュアルプログラミングを通じて特別な設定なく動かせました（ScratchLink1.3.66経由）。<br>単なる動作確認です。流行りものの組み合わせ感が笑。<a href="https://twitter.com/hashtag/toio?src=hash&amp;ref_src=twsrc%5Etfw">#toio</a> <a href="https://twitter.com/hashtag/microbit?src=hash&amp;ref_src=twsrc%5Etfw">#microbit</a> <a href="https://t.co/cl2f5Io7Gn">pic.twitter.com/cl2f5Io7Gn</a></p>&mdash; Akichika Tanaka (@akichika) <a href="https://twitter.com/akichika/status/1335972966853570560?ref_src=twsrc%5Etfw">December 7, 2020</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>


#おまけ

micro:bit v２は起動シーケンスがやたら豪華になっているので動画を撮っておきました。Scratch用に設定すると消えてしまうので、戻すにはmicro:bit公式サイトから再度元のHEXファイルを書き込む必要があります。

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">一部話題になってましたがmicro:bitの派手な起動画面と音の記録を念のため。音の方が派手です笑。 <a href="https://t.co/L7Wo4mx41h">pic.twitter.com/L7Wo4mx41h</a></p>&mdash; Akichika Tanaka (@akichika) <a href="https://twitter.com/akichika/status/1335975186894450688?ref_src=twsrc%5Etfw">December 7, 2020</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

また、参考として昨年公開した[micro:bitとtoioを組み合わせたライントレースの記事](https://qiita.com/akichika/items/0ad1f0d01ad5cbfe83ad)もみていただければ嬉しいです。

ぜひmicro:bit v2とtoioを組み合わせて色々作って楽しみましょう！！