キーボードコントロールでドキドキハート

ブロックベースコーディングのアクセシビリティ向上の一環として、マウスを使わずキーボードだけでコーディングが可能となるキーボードコントロールがリリースされました。ドキドキハートのプログラムを作りながら、キーボード操作を紹介します。
キーボードコントロール(Keyboard Controls)
Micro:bit教育財団(Micro:bit Educational Foundation)では、ブロックベースコーディングのアクセシビリティ向上に努めており、その一環として、マウスを使わずキーボードだけでコーディングが可能となるキーボードコントロール(keyboard Controls)をリリースしました。キーボードコントロールを有効にすることで、ブロックの選択や移動だけでなく、ワークスペースやシミュレーターなどのエリア間の移動もキーボードから行えます。
本記事では、micro:bitのLED画面に小さいハートと大きいハートを交互に表示する「ドキドキハート」というプログラムを作りながら、キーボード操作を紹介します。なお、PC環境はWindows、ブラウザーはGoogle Chromeです。Macでの操作やより詳しい情報は「MakeCode keyboard controls guide」をご覧ください。
新しいプロジェクトを作成する
ブラウザーの起動後、Microsoft MakeCode for micro:bitへアクセスします。[Tab]を押すと、画面の上部に「新しいプロジェクト」と表示されるので、そのまま[Enter]を押します。
過去に作ったプロジェクトを開くには[Tab]を2回押して「プロジェクトを読み込む」を選択して[Enter]を押します。ファイル・共有プロジェクトのURL・GitHubリポジトリーから読み込むことができます。
また、画面中段に表示されているマイプロジェクトから選択する場合は[Tab]を複数回押して、対象のプロジェクトまで移動した後[Enter]を押します。
名前を入力して[Enter]を押します。
新しいプロジェクトのエディター画面が開きました。ようこそ!の画面が表示された場合は、[Tab]で×印、または「次へ」を選択して[Enter]を押します。
キーボードコントロール(Keyboard Controls)を有効にする
エディター画面が開いた直後に[Tab]を押すと、画面の上部に「Enable blocks keyboard controls」と表示されるので、そのまま[Enter]を押します。
キーボードコントロールが有効になると、右側にショートカットの一覧が表示されます。[↑][↓]で上下にスクロールできます。
この一覧は[Ctrl]を押しながら[/]を押すことで、表示・非表示を切り替えることができます。
エリア間を移動するには
MakeCodeのエディター画面は、5つのエリアで構成されています。上段のメインメニュー、中段のシミュレーター・ツールボックス・ワークスペース、下段のツールバーです。このエリア間を移動するには[Ctrl]を押しながら[B]を押して、エリアメニューを表示します。
それぞれのエリアに番号が表示されるので、移動したいエリアの番号を押します。または[Tab]でエリアを選択した後[Enter]を押して移動することもできます。
では、3番のツールボックスに移動しましょう。ツールボックスに移動すると、基本カテゴリーのブロックが表示されているので、その中から「アイコンを表示」を選択します。操作は[→][↓][↓][↓]で移動した後[Enter]を押します。
ブロックを選択すると、ワークスペースへ移動します。この時、ブロックの右上にアイコン(上下左右の矢印)が表示され、移動モードであることが示されます。
[↑][↓][←][→]を使って目的の位置へ移動した後[Enter]で決定します。ここでは「ずっと」ブロックの中へ移動します。
[T]を押してみましょう。これは、直接ツールボックスへ移動するショートカットです。ツールボックスへ移動した後「アイコンを表示」を選択して、ブロックをつなげます。
ワークスペースが選択されているとき、操作の対象となるブロックを示すフォーカス(黄色い枠)を[↓][↑]で移動することができます。
上側の「アイコンを表示」をフォーカスして[→]を押します。そのブロックのパラメーターにフォーカスが移動するので、そのまま[Enter]を押します。
アイコンの一覧が表示されるので[→]で「小さいハート」を選んで[Enter]を押します。
これで「ドキドキハート」の完成です。マウスに触れることなく、キーボードの操作だけでコーディングができました。
ここで紹介したショートカット以外にも、ブロックの削除・移動・複製など、さまざまな操作がキーボードからできます。下の図で一例を紹介します。
プログラムをダウンロードする
[Ctrl]を押しながら[B]を押して、エリアメニューを表示します。[5]を押して、下段のツールバーへ移動します。
ダウンロードボタンが選択されているので、そのまま[Enter]を押します。
[Tab]で「次へ」を選択して[Enter]を押します。
[Tab]で「ペア」を選択して[Enter]を押します。
この手順は使用するブラウザーによって異なる場合があります。Google Chromeの場合、[Tab][↓]の順に押すと、一覧から「BBC micro:bit」が選択できるので、そのまま[Enter]を押します。
[Tab]で「ダウンロード」を選択して[Enter]を押します。あとは、ダウンロードが完了するのを待つだけです。
ホームへ戻る
[Ctrl]を押しながら[B]を押して、エリアメニューを表示します。[1]を押して、上段のメインメニューへ移動します。
[Tab]で「ホーム」を選択して[Enter]を押します。
ホームへ戻りました。