Scratchには、現在V1.4、V2.0、V3.0がありますが、それぞれ外部デバイスと接続する仕組みが準備されています。今回はV2.0オフラインエディターとアンドロイドアプリとの接続について紹介します。
Scratch2.0にはHTTPで通信する仕組みが組み込まれています。この仕組みを利用するにはHTTPサーバーを同じパソコンの中に準備する必要があります。当初サーバー作成も考えましたが、この記事では、コントローラースマホアプリとScratch2.0を接続するウインドウズアプリがありましたので、それを利用した手順を紹介します。使用していないアンドロイド端末があれば、それに導入してお子様に使ってもらうことができるのではないでしょうか。前提としてウインドウズ、スマホは同じ無線LANに接続されている必要があります。接続は以下のようなイメージです。
準備（ウインドウズ用）
Scratch2.0の導入
V2.0オフラインエディターが導入されていない場合は、こちらの記事で導入してください。V1.4が導入されていても、別のアプリとして導入できます。
アンドロイドスマホアプリ(Scratch2.0対応英語版)の導入
１．当記事を導入したいアンドロイドスマホで閲覧していただき、以下のアプリファイルをダウンロードしてください。導入しますかというメッセージが表示されると思いますので、その画面に従って下さい。また、前の記事で既にScratch1.4用を導入済みの方は事前に削除してください。
当アプリは、以前http://khanning.com/scratchercontrol/で公開されていましたが、現在サイトにアクセスできません。また、グーグルプレイでも見つかりませんでした。アンドロイドOS4.4と7.0でテストしました。また、セキュリティ対策ソフトでも問題ないことを確認済みです。
ウインドウズアプリ HackEducaConecta の導入手順
このアプリは、ブラジルの方が作成されたものです。このアプリだけでスマホ接続、Micro:bit接続、Arduino接続をサポートしている優れものです。但し、Scratch DesktopはサポートされておらずScratch2.0用です。開発者の方と連絡をして日本語テキストを提供して日本語サポートをしていただきましたので導入手順を紹介します。注：アプリをダウンロードするために、ユーザー登録が必要です。
１．こちらにアクセスすると、以下の画面になります。
２．右上のLOGINメニューから以下を選択します。
３．以下のようなログイン画面が表示されますので、①名前Taro Yamada、②メールアドレスxxxx@yyyyを入力して、③に✔を入れて④をクリックします。登録完了すると登録したメールアドレスにメールが送られます。
４．届いたメールにアクセス用のリンクがありますので、クリックします。
５．以下のように、自動的に作られたパスワードが表示されますので、①必要なら変更して②をクリックします。
６．以下のような画面になりますので、①をクリックします。
７．ログイン画面が表示されますので、①登録したメールアドレス、②登録したパスワード、③に✔を入れて④をクリックします。
８．トップページが表示されますので、メニューの『DOWNLOAD』をクリックします。
９．ダウンロードページが表示されます。
１０．少しスクロールダウンすると、以下のようなフォルダーのようなアイコンが並んだところがありますので、上から２番目の『Conecta』をクリックします。
１１．フォルダーが開いて『HackEduca Conecta』が表示されますので、クリックします。
１２．ダウンロード画面が表示されますので、少しスクロールダウンすると『DOWNLOAD』アイコンがあります。クリックするとダウンロードが始まります。少し時間がかかりますので、完了するまで待ちます。
１３．ダウンロードフォルダーに『HackEducaConecta_v3.0.0.3.zip』が保存されますので、適当なフォルダーに解凍してください。（ファイル名のv3.0.0.3は現時点の最新ですので、今後変わる場合があります）
１４．解凍すると『HackEducaConecta_v3.0.0.3』フォルダーが作成され、その中に『HackEducaConecta_v3.0.0.3.exe』がありますので、それをダブルクリックすると導入が始まります。
１５．導入の最初にライセンス同意を求められますので、『I accept the agreement』を選択して『Next>』をクリックします。
１６．次にデスクトップにショートカットを作るかどうかの確認です。不要であればチェックを外して『Next>』をクリックします。
１７．『Install』をクリックします。
１８．導入が始まります。パソコンの性能によりますが私は数分かかりました。完了前に次のステップのメッセージが表示されます。
１９．私のパソコンには既に『Adobe AIR』が導入されていますので以下のようなメッセージが表示されますが、導入されていない場合は『Adobe AIR』の導入メッセージが表示されると思いますので、必要に応じて答えてください。（Scratch2.0を導入済の方は、Adobe AIRも導入済みと思います）
２０．続いてScratch2.0を導入する画面が表示されますが、導入済みの方はキャンセルしてください。今までScratch2.0を導入されていない方には異なるメッセージが表示されると思いますので、適切に答えて導入してください。
２１．導入が終わると以下のメッセージが表示されますので、『Finish』をクリックします。Hackeduca Conectaが起動します。
２２．ポルトガル語が選択されて起動しますので、日本の国旗をクリックします。
２３．日本語になりました。これで導入は完了です。
アンドロイドアプリとScratch2.0をつなぐ
１．HackEducaConectaを立ち上げると以下のウインドウが表示されます。
２．左下の３つの猫のアイコンをクリックすることで、Arudino、Micro:bit、アンドロイドアプリにそれぞれ接続することができます。この記事では、『サンプルを開く』に☑をいれてアンドロイドアプリ用アイコンをクリックします。
３．Scratch2.0が『その他』のところにアンドロイドアプリ用のブロックが追加されて開きます。
４．併せてHTTPサーバーのウインドウが開きます。HTTPサーバーとScratch2.0が接続されてConnectedになります。まだ、アンドロイドアプリを接続していないのでXのままです。
５．アンドロイドアプリで必要ですので、まずウインドウズでIPアドレスの確認をします。ウインドウズ左下の『ここに入力して検索』があります。
６．ここに『cmd』と入力すると選択メニューが開き、コマンドプロンプトというアプリが見つかると思いますので、クリックします。
７．以下のような画面が開きますので、『ipconfig』と入力してエンターキーを押します。
８．以下の内容が表示されますので、『Wireless LAN adapter Wi-Fi』の下の『IPｖ４アドレス．．．192.168.1.18』の 192.168.1.18 部分をメモしておきます。
９．スマホで、アプリアイコン
をタップし起動すると、最初に『Scratch Connection』画面が表示されますので、前の手順でメモしたIPアドレスを入力してConnectをクリックします。
１０．左上に『Connected』と表示されて、ボタンコントローラーが表示されます。
１１．HTTPサーバーのウインドウは、以下のようにScratcher Control AppもConnectedになります。
１２．これでアプリの準備完了ですが、もし、接続メニューが開かない場合は右上のアイコンをタップして開くメニューで『Connection』をタップします。アプリを終わる場合は『Exit』をタップします。
Scratchでプログラムする
ここでは、例としてスマホを前後左右に傾けたら猫が前後左右に動くプログラムを作りたいと思います。
１．スマホを傾けると右上のｘ、ｙ、ｚの数字が変わります。左に傾けるとｘが－９、右に傾けると＋９前後になります。以下は右に傾けたときです。
２．まず、画面にｘとｙの値を表示するために『その他』の中の『Accelermeter X』と『Accelermeter Y』に☑を入れます。ステージにそれぞれの値が表示されます。
３．プログラムは簡単です。緑の旗が押されたら、ずっと猫の座標をXとYの値で変更していきます。
４．スタートをクリックしてスマホを動かすと、以下のように猫が動きXとYの値が表示されます。
次の記事ではScratch2.0とMicro:bitの接続を紹介します。
最後まで記事をお読みいただきありがとうございます。
記事の改善に役立てたいと思いますので、よろしければアンケートにご協力ください。
