ここ最近ビジュアルプログラミングが人気になってきました。特に教育目的において、英語からではなくブロックを使ってプログラミングを行える方が入門しやすいでしょう。 今回はそんなビジュアルプログラミング環境をWebベースで提供するMameBlock.jsを紹介します。

MameBlock.jsの使い方

MameBlock.jsのサンプルです。左側にあるブロックをドラッグ&ドロップで配置していきます。

実行するとアラートが出ました。

文字列を修正することもできます。

if文や変数も定義できます。

マウスを動かすといったビジュアルプログラミングも可能です。これはProcessingを使っています。

ボールの色を変更しました。

MameBlock.jsを使うと、簡単なプログラミングを分かりやすく書くことができます。プログラミングというと敷居が高く感じてしまいますが、ブロックを組み合わせるのではあれば子供でもはじめられることでしょう。

MameBlock.jsはJavaScript製のオープンソース・ソフトウェア(MIT License)です。

2016年02月06日:タイトルのtypo修正

MameBlock.js - Javascript library for visual code editing. ycatch/mameblock.js: mameblock.js is very simple Javascript library for visual programming editor.