MameBlock.js - Scratchライクなビジュアルプログラミング環境 MOONGIFT
ここ最近ビジュアルプログラミングが人気になってきました。特に教育目的において、英語からではなくブロックを使ってプログラミングを行える方が入門しやすいでしょう。 今回はそんなビジュアルプログラミング環境をWebベースで提供するMameBlock.jsを紹介します。 MameBlock.jsの使い方 MameBlock.jsのサンプルです。左側にあるブロックをドラッグ&ドロップで配置していきます。 実行するとアラートが出ました。 文字列を修正することもできます。 if文や変数も定義できます。 マウスを動かすといったビジュアルプログラミングも可能です。これはProcessingを使っています。 ボールの色を変更しました。 MameBlock.jsを使うと、簡単なプログラミングを分かりやすく書くことができます。プログラミングというと敷居が高く感じてしまいますが、ブロックを組み合わせるのではあれば子
CoffeeScriptをブロック型エディタで学習できる「Pencil Code」 | catch.jp blog
「Pencil Code」(ペンシルコード)は、ScratchやBlocklyのようなブロック型エディタを使って、プロフェッショナル向けの本格的なプログラミング言語を学習できるサイトです。ブラウザだけで、ブロック型エディタとテキストエディタを交互に切り換えて、気軽にプログラミングを体験したり、結果を共有することができます。 Pencil Code https://pencilcode.net/ Pencil Codeは、GoogleのパートタイムプログラマーであるDavid Bauと、その息子のAnthony Bau、Code.orgのスタッフらによって提供されています。 かなり完成度が高いです。 また、サイトのリソースは、ほとんど全てがオープンソースで公開されているようです。 今回は、このPencil Codeについて簡単に紹介します。 主な機能 Pencil Codeでは、プロフェッシ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
