【Android/iOS】教育向けビジュアルプログラミングライブラリ「Blockly 1.0」が公開

教育向けビジュアルプログラミング言語「Blockly 1.0」が公開

教育向けのビジュアルプログラミングライブラリ「Blockly 1.0」のAndoid/iOS版が公開されました。BlocklyはHour of CodeやScratchの次のバージョンで採用されているビジュアルプログラミングライブラリ。開発はGoogleです

ブラウザ版はちょこっと触ったことがありますが、日本語のドキュメントが全くなかったので苦労しました

Google Blocklyはビジュアルプログラミングエディタを構築するためのライブラリ。このライブラリを利用すれば、Hour of...

iOS版はこちらからダウンロードできます
GitHub – google/blockly-ios: Blockly for iOS

3つのサンプルプロジェクトが入っています

  • BlocklyCodeLab-Starter
  • BlocklyCodeLab
  • BlocklySample
スポンサーリンク
Google336 記事下

BlocklyCodeLab

「BlocklyCodeLab-Starter」を元に↓のチュートリアルを実行すれば「BlocklyCodeLab」が完成します

Learning to use Blockly iOS

9つあるボタンのどれかを押すと、コードエディタに移動するので・・・

教育向けビジュアルプログラミング言語「Blockly 1.0」が公開

サウンドのプログラムをブロックを組んで作成します。プログラムが完成したら、前の画面に戻って右上のDoneを押してからボタンを押せば、作成したプログラムが動作します

教育向けビジュアルプログラミング言語「Blockly 1.0」が公開

Blocklyのプログラムは・・・

ブロックでプログラムを組む

ブロックで組まれたプログラムをJavaScriptのソースコードに変換する

JavaScriptのコードをiOSのプログラムから呼び出す

という流れで実行されます

BlocklySample

BlocklySampleには、ブロックのサンプルとタートルプログラムが含まれています

教育向けビジュアルプログラミング言語「Blockly 1.0」が公開

教育向けビジュアルプログラミング言語「Blockly 1.0」が公開

教育向けビジュアルプログラミング言語「Blockly 1.0」が公開

タートルプログラムのソースコードは、英文のドキュメントと格闘するより役に立ちそうです

関連コンテンツ
ブログランキング
  • にほんブログ村 教育ブログ プログラミング教育へ
  • にほんブログ村 子育てブログ 子供の習い事(教室・業者)へ

  • スポンサーリンク
    Google336 記事下
    Google336 記事下

    シェアする

    • このエントリーをはてなブックマークに追加

    フォローする

    トップへ戻る