Blockly にカスタムブロックを追加する手順 - Qiita

本記事では Blockly を使ったビジュアルエディタを拡張して、カスタムブロックを追加 する過程をまとめました。 Blockly はコードの編集と生成（テキストコードの書き出し）のための環境であり、Blockly だけではプログラムの実行はできません。例えば Python や JavaScript 等のコードを生成することができます。 Blockly エディタに新しくブロックを追加するには ブロックを追加するまでの手順は大まかに４つに分けられます。 新しい block の構造（見た目、受け取るデータなど）を JSON で定義 作った block からコードを生成するために、generator を JavaScript で記述 （省略可）ブロックに対応する関数を JavaScript で記述 Blockly エディタを表示する HTML ファイル内の toolbox に block を追加