MIT App Inventorでモバイルアプリを開発する際に、作成したアプリを実際のデバイスで即座にテストできることは、開発プロセスをよりダイナミックにします。そのためには、MIT App Inventorコンパニオンアプリが必要です。このガイドでは、PlayストアまたはApp StoreのQRコードを使用して、コンパニオンアプリをダウンロードしてインストールする方法を説明し、アプリの開発中にライブプレビューできるようにします。
ステップ1：App StoreからMIT App Inventorコンパニオンアプリを入手する
最初のステップは、AndroidまたはiOSのスマートフォンまたはタブレットにMIT App Inventorコンパニオンアプリをダウンロードしてインストールすることです。このアプリは、コンピューター上のApp Inventor開発環境とモバイルデバイスを繋ぐ架け橋となります。
アプリをすばやく見つけるには、以下のボタンを使用してGoogle PlayストアまたはApple App Storeに直接アクセスできます。
デバイスの種類に応じたボタンをクリックしてください。アプリストアのページが表示されたら、ダウンロードとインストールを進めます。コンパニオンアプリは一度インストールするだけで、今後のすべてのApp Inventorプロジェクトで使用できます。
さらに高速な方法として、デバイスのオペレーティングシステム専用のQRコードをスキャンすることもできます。スマートフォンまたはタブレットのカメラ、またはQRコードスキャナーアプリを使用して、以下の適切なQRコードをスキャンすると、iOS App StoreまたはGoogle Playストアのアプリに直接アクセスできます。これは、特にPlayストアアプリのダウンロードにQRコードを使用することに慣れている場合、アプリにアクセスする迅速な方法です。
コンパニオンアプリのAndroid版とiOS版にはわずかな違いがあります。iOS版に関する具体的な詳細とヒントについては、こちらのページをご覧ください。
ステップ2：コンピューターとデバイスを同じWi-Fiネットワークに接続する
ライブテスト機能を動作させるには、App Inventorを実行しているコンピューターと、コンパニオンアプリがインストールされているモバイルデバイスの両方が同じ Wi-Fiネットワークに接続されていることが重要です。この共有ネットワークにより、App Inventorは開発中のアプリをデバイスに即座に表示できます。
この接続について不明な点がある場合は、Wi-Fi接続プロセスの詳細な説明はこちらをご覧ください。両方のデバイスが同じネットワーク上にあることを確認することは、ライブテストを成功させるための重要なステップです。
ステップ3：App Inventorプロジェクトをデバイスに接続する
次に、コンピューターでApp Inventorプロジェクトを開きます。プロジェクトが開いていない場合は、プロジェクト > 新しいプロジェクトを開始 に移動して、プロジェクトに名前を付けます。
プロジェクトの準備ができたら、ブラウザの上部にあるメニューで「接続」をクリックし、ドロップダウンメニューから「AIコンパニオン」を選択します。
MIT App InventorメニューでAIコンパニオンに接続する。
QRコードが表示されたダイアログボックスが画面に表示されます。モバイルデバイスで、MIT AI2コンパニオンアプリを開きます。アプリ内に「QRコードをスキャン」ボタンが表示されるので、このボタンをタップし、デバイスのカメラを使用して、App Inventorウィンドウ内のコンピューター画面に表示されているQRコードをスキャンします。
ほぼ瞬時に、作成中のアプリがモバイルデバイスに表示されます。これが「ライブテスト」の力です。App Inventorでアプリのデザインやブロックを変更すると、それらの変更がデバイスにライブで反映されます。
QRコードをスキャンできない場合、またはデバイスにQRコードスキャナーがない場合は、別の方法があります。コンピューター画面のダイアログボックスに、「コードは」の下に6文字のコードが表示されます。デバイスのコンパニオンアプリにもテキスト領域があります。この6文字のコードを、コンピューター画面に表示されているとおりにコンパニオンアプリに入力し、オレンジ色の「コードで接続」ボタンをタップします。6文字を入力して接続ボタンを押すだけで、EnterキーやReturnキーを押す必要はありません。
接続の問題のトラブルシューティング
アプリがデバイスに表示されない場合は、一般的な問題とその解決策を以下に示します。
- 古いコンパニオンアプリ: 最新バージョンのMIT App Inventorコンパニオンアプリがインストールされていることを確認してください。ステップ1で提供されているリンクから最新バージョンをダウンロードしてください。
- デバイスのWi-Fi接続: デバイスがWi-Fiに接続されていることを確認してください。接続されている場合、AIコンパニオンアプリの画面下部にIPアドレスが表示されます。
- 同じWi-Fiネットワーク: コンピューターとデバイスの両方が同じ Wi-Fiネットワーク名に接続されていることを再確認してください。
- ネットワークの制限: 学校や組織などの一部のネットワークでは、このタイプの接続を妨げるプロトコルが設定されている場合があります。この場合は、エミュレーターを使用してApp Inventorを使用するか、USBケーブルを使用してデバイスを接続できます。これらの代替設定オプションの詳細については、メイン設定ページをご覧ください。
接続に成功したら、リアルタイムでアプリの構築とテストを開始できます。
