キーボードコントロールでドキドキハート
ブロックベースコーディングのアクセシビリティ向上の一環として、マウスを使わずキーボードだけでコーディングが可能となるキーボードコントロールがリリースされました。ドキドキハートのプログラムを作りながら、キーボード操作を紹介します。
キーボードコントロール（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］を押します。
ホームへ戻りました。
