松下メディアネットオフィス|歌って踊ってプログラミングコンテンツへスキップ松下メディアネットオフィス|歌って踊ってプログラミングスクラッチプログラミングの仲間や、現代創作舞踊と社交ダンスの仲間や、青春ポップスとシャンソンの仲間や、アンサンブルコンサートの仲間が集う楽しいサイトです。開発され、、おもちゃ、ゲームの枠を超えた、新しい価値を生み出すためのロボットを使った新しいあそびのプラットフォームです。コアキューブ」が2台。リング」により構成されます。カートリッジ」と専用のマットを組み合わせて使用します。これらのあそび方はここでは省略させていただきます。「toio」では、アンプラグドプログラミングや、パソコン上でScratchと同じブロックを使ってプログラミングできるビジュアルプログラミング、JavaScript言語など、プログラミングをはじめたばかりの初級者から中級・上級者まで、「あそびを通じて楽しく学べる環境」が用意されています。頭文字を取ったもので、これら4つの学問の教育に力を注いで、IT社会とグローバル社会に適合した国際競争力を持った人材を多く育てていこうという考えをベースにして、2000年代に米国で始まった教育システムです。21世紀型の新しい教育「STEAM教育」が世界各国で導入され始めています。「Scratch(スクラッチ)」は、STEAM教育に適したビジュアルプログラミング言語です。創造力等を培い、国際競争力を持った人材を多く育てていこうという教育システムです。日本で2020年度から始まる「小学校でのプログラミング教育の必修化」もその一環といえるでしょう。★★★★★ビジュアルプログラミング言語「Scratch(スクラッチ)」は、テキストではなくブロックを組み合わせて視覚的にプログラムができる仕組みで、世界中の学校やプログラミング教室で積極的に採用されています。ここでは、ビジュアルプログラミング言語「Scratch(スクラッチ)」の学習を行います。コアキューブ」と専用マットを使ったプログラムを作成します。操作はとても簡単で、ドラッグ&ドロップでブロックをつなげるだけ。直観的にプログラムが組めるので、プログラミングをはじめたばかりのお子さまでも、気軽にプログラムを作ってあそぶことができます。コアキューブ※toio本体セット付属のキューブでもOKです。1.3.0(macOSの場合)インターネット接続環境(プロキシを介さない接続が必要です)toio専用マット(付属のプレイマットを使えば、toioならではの座標を使ったプログラミングを楽しむことができます)はじめかた1.ソフトウェアをインストールPCの設定画面で、「BlueTooth」が有効(オン)になっていることを確認してください。PCに必要なソフトウェアをインストールします。Linkをダウンロード&インストールしてください。Linkを起動します。Linkのアイコンが表示されていることを確認します。3.コアキューブの電源を入れます。コアキューブの電源ボタンを押し、電源を入れます。電源が入るとコアキューブのランプが点灯します。4.ビジュアルプログラミングを立ち上げます。下図の「ビジュアルプログラミング(ベータ版)をはじめる」をクリックします。ここがプログラムのあるサイトです。https://toio.github.io/toio-visual-programming/beta/ビジュアルプログラミングの画面が表示されます。サンプルプログラムを作成して見ました。ステージの画面の大きさは、横座標は(-250〜0〜+250ピクセル)、縦座標は(-180〜0〜+180ピクセル)です。5.ビジュアルプログラミングの画面toioのマークが表示されないときに、上図画面の左下の部分をクリックした場合は、下図の画面が表示されます。PCの設定画面で、「BlueTooth」が有効(オン)になっていることと、「Wi-Fi」が有効(オン)になっていることを改めて確認してください。6.接続画面を表示する。コアキューブとパソコンが接続されていないときは、!(ビックリマーク)が表示されます。!(ビックリマーク)をクリックします。7.コアキューブを接続する。画面の中から「接続する」ボタンをクリックします。コアキューブから音が鳴れば接続完了です。※電源の入った状態のコアキューブが複数あると、複数のコアキューブが画面に表れますが、一度に接続できるコアキューブは1つまでです。※コアキューブがPCの近くにあると電波強度が強くなります。8.エディター画面にいきます。コアキューブとパソコンが正常に接続されているときは、「レ点」が表示されます。エディターでプログラムを作成します。エディターを使用中に上図のような画面になったときは、コアキューブの電源を入れ直して、「再接続」をクリックして下さい。9.いよいよ、プログラムを実行します。専用マットにコアキューブを置きます。「フラッグ(旗)」マークをクリックすると、プログラムが実行します。★★★★★10.開発者向けのビジュアルプログラミングここがプログラムのあるサイトです。上図画面の左下の部分をクリックした場合は、下図の画面が表示されます。下図の画面のように、2台のコアキューブのプログラム開発が出来ます。1台目のコアキューブが2台目のコアキューブを常に追いかけ回すようになります。2台目のコアキューブの中心を常に追いかけてしまうので、止める場合は2台目のコアキューブをマットから取り外してみてください。同じ動きをさせる場合、この様にプログラミングすることも出来ます。★★★★★ここがサンプルプログラムのあるサイトです。https://toio.io/programming/visual-programming.html注意:サンプルプログラムは該当するページの最後辺りにあります。矢印(→、↑、↓、←)キーボードでコアキューブが移動します。★★★★★toioコアキューブに関する、「ハードウェア仕様」と「通信仕様」のページがありますので、参考にして下さい。「ハードウェア仕様」には、各コンポーネントの説明、形状やサイズ、コアキューブの基本性能などのハードウェア関連の情報を公開しています。コアキューブに取り付ける工作物を制作する際の情報としてご参照下さい。「通信仕様」には、コアキューブを制御するための通信プロトコルの仕様を公開しています。コアキューブを走らせる、ランプを光らせる、音を鳴らすといったプログラムを制作する際の情報としてご参照下さい。ここを参照してください。https://toio.github.io/toio-spec/【重要】通信概要(通信仕様)ここを参照してください。★★★★★JavaScriptでtoioコアキューブを動かそう!toioでプログラミングのページの上級編を参照して下さい。https://toio.io/programming/「toio」の技術仕様とJavaScriptライブラリが公開されました。具体的に公開された情報は-Cubeのハードウェア仕様-BLEの通信仕様-node.jsを用いたJavaScriptライブラリの3つです。ペリフェラル(Peripheral)として起動することや、ServiceやCharacteristicsなどのBLE通信仕様が記載されています。Caracteristicsをみると以下の機能を持つようです。toioコアキューブを動かそうとしましたが、力量不足のため途中で挫折してしまいました。★★★★★ブラウザでtoioコアキューブを動かそう!toio.jsをブラウザで動かしてみた。https://snoguchi.github.io/toio-browser-example/dist/Node.jsは使わないで、ブラウザだけでtoioを制御しています。cube」をクリックすると、下図のような画面が表示されます。(注意)上図の画面ではなく、下図のような画面が表示された場合は、コアキューブの電源が入っていないことが考えられます。「ペア設定」をクリックすると、コアキューブとの接続が正常に行われたときは、下図のような画面が表示されます。矢印(→、↑、↓、←)キーボードでコアキューブが移動します。LED(Red、Green、Blue)が点灯します。