4.1.1 MakeCodeについて

⚠️ 以下の手順はWindowsオペレーティングシステムで操作されています。他のオペレーティングシステムを使用している場合は、参考にしてください。ここではGoogle Chrome / Microsoft Edgeで説明されています。

MakeCodeプログラミング環境:

MakeCodeエディターのオンライン版を開きます。

MakeCodeのメインインターフェース:

Img

コード編集エリアには「on start」と「forever」のブロックがあります。「on start」は電源投入時またはリセット時にコードが一度だけ実行されることを意味し、「forever」はコードが繰り返し実行されることを意味します。

JS JavaScript」をクリックするとJavaScriptコードが表示されます:

Img

または「Python」をクリックしてPythonコードに切り替えます:

Img

言語設定:

Img

手順:

ステップ1: 設定ボタン Img をクリックします。

Img

ステップ2: 「Language」をクリックします。

Img

ステップ3: 希望する言語を選択します。ここでは「English」に設定します。

Img

4.1.2 Makecode拡張ライブラリ

4.1.2.1 ライブラリの追加

⚠️ 各プロジェクトのコードファイル(.hex)を提供していますので、MakeCodeエディターに直接ロードできます。または、必要に応じてコードブロックを自分で構築することもできます。手動で構築する場合はライブラリが必要であることに注意してください。

⚠️ 注: リンクを検索ボックスにコピーして貼り付けます: https://github.com/keyestudio2019/pxt-creative-inventors-kit-master.git

Img

手順:

1. Img をクリックして「Extensions」を選択します。

Img

または、Advancedブロックの上にある「Extensions」をクリックします。

Img

2. キーワードを検索するか、GitHubリンクを貼り付けます。

Img

3. ここでは、URL: https://github.com/keyestudio2019/KEYES-Smart-Gamepad-master.git を検索ボックスに入力し、Img をクリックして「Smart-Gamepad」の拡張機能をロードします。

Img

4. ロード中:

Img

5. ロード完了:

Img

4.1.2.2 ライブラリの更新/削除

⚠️ 通常、ライブラリは不要な場合を除き、削除する必要はありません。

Img

手順:

1. 「JavaScript」をクリックしてテキストコードに切り替えます。

Img

2. 「Explorer」をクリックします。

Img

3. 「Smart-Gamepad」を見つけて、ゴミ箱 Img をクリックして削除します。

Img

4. 「Remove it」をクリックします。

Img

4.1.3 MakeCodeプログラム

4.1.3.1 MakeCodeでのプログラムのインポート

プロジェクト「heartbeat」を例にとります。

Img

手順:

1. micro USBケーブルを使用して、micro:bitボードをコンピューターに接続します。

Img

micro:bitの電源がオンになると、背面にある赤いLEDインジケーターが点灯します。

micro:bitボードには、micro USBを介してコンピューターと通信する際に点滅する黄色のLEDインジケーターがあります。

Finder(Mac) / デバイスとドライブ(Windows)を開くと、「MICROBIT」という名前のUSBドライブが表示されます。ただし、これは一般的なディスクではありません!

Img

2. 「Import」をクリックします:

Img

3. そして「Import File…」を選択します。

Img

4. 「Choose File」をクリックして、必要なファイルを開きます。

Img

5. ここでは「heartbeat.hex」を選択します。

Img

6. 「Go ahead √」をクリックします。

Img

または、hexファイルをMakecodeのメインインターフェースに直接ドラッグすることもできます:

Img

7. インポート済み:

Img

4.1.3.2 コードのダウンロード (WebUSB)

Google Chrome/Microsoft Edgeのようなブラウザでは、WebUSBによりオンラインウェブページを介してmicro USBハードウェアデバイスに直接アクセスできます。「Connect Device」をクリックしてデバイスをペアリングします。その後、「Download」をクリックしてコードをmicro:bitボードにロードします。

Img

手順:

4.1.3.2.1 デバイスのペアリング

1. micro USBケーブルを使用して、micro:bitボードをコンピューターに接続します。

Img

2. 「Download」の横にある3つの点「」をクリックし、「Connect device」を選択します。

Img

3. 「Next」をクリックします。

Img

4. 「Pair」をクリックします。

Img

5. 「Device」に接続し、「Connect」をクリックします。

Img

6. 「Done」をクリックすると接続されます。

Img

4.1.3.2.2 コードのダウンロード

接続後、「Download」をクリックするとコードがmicro:bitボードにダウンロードされ、ImgImg に変わります。

Img

⚠️ ヒント

インターフェースにペアリングするデバイスがない場合は、device-webusb-troubleshootを参照してください。

micro:bitファームウェアの更新が必要な場合は、how-to-update-the-firmwareを参照してください。

4.1.3.3 コードのダウンロード (WebUSBなし)

1. micro USBケーブルを使用して、micro:bitボードをコンピューターに接続します。

Img

micro:bitの電源がオンになると、背面にある赤いLEDインジケーターが点灯します。

micro:bitボードには、micro USBを介してコンピューターと通信する際に点滅する黄色のLEDインジケーターがあります。

Finder(Mac) / デバイスとドライブ(Windows)を開くと、「MICROBIT」という名前のUSBドライブが表示されます。ただし、これは一般的なディスクではありません!

Img

2. ブラウザの場合、次のようにコードをmicro:bitボードにロードします:

Img

手順:

① 「Download」ボタンをクリックすると、「.hex」ファイルがダウンロードされます。これはmicro:bitボードで読み取ることができます。その後、ボードにコピーして貼り付けます。

Windowsの場合、「Send to→MICROBIT」で「.hex」をmicro:bitボードにロードできます。このプロセス中、ボードの背面にある黄色のインジケーターが点滅します。ロードが完了すると、インジケーターは点灯したままになります。

Img

Img

または、直接「.hex」ファイルをMICROBITにドラッグすることもできます:

Img

Img

② その後、micro USBケーブルでmicro:bitボードをコンピューターに接続して電源をオンにすると、オンボードの5 x 5 LEDマトリックスが ImgImg を繰り返し表示するのを確認できます。

Img

⚠️ プログラミング中、MICROBITディスクは自動的に排出されて戻り、コピーした**.hex**ファイルは表示されません。これは、micro:bitボードが最新のアップロードされたプログラムのみを受信して実行し、保存しないためです。