Blocklyで関数を利用できるようにする

更新日：2024-03-16

Blocklyで関数ブロックを設置します。

変数ブロックを使用するためにはBlocklyでツールボックスのブロックをカテゴリ分けしてみるで行いましたブロックのカテゴリ分けを行う必要があります。

Blocklyでツールボックスのブロックをカテゴリ分けしてみるで作成しましたコードを下記のように修正します。

const toolbox = {
	"kind": "categoryToolbox",
	"contents": [
		{
			"kind": "category",
			"name": "Control",
			"contents": [
				{
					"kind": "block",
					"type": "controls_if"
				},
				{
					"kind": "block",
					"type": "controls_repeat_ext"
				},
			]
		},
		/** 他のカテゴリの記述は省略 **/
		{
			"kind": "category",
			"name": "Variables",
			"custom": "PROCEDURE"
		}
	]
}

一つのカテゴリのような扱いでcustomの値がPROCEDUREのオブジェクトを追加します。

ツールボックスの変更後にブラウザで表示の確認をしてみると、

関数が使用できるようになっています。