Blokkuzu ブロック図作成Webアプリ

はじめに
Blokkuzu
使い方
まとめ

はじめに

ブロック図作成Webアプリ「blokkuzu」を作成しました。
ロジック回路のブロック図を作成することを目的にしています。

Blokkuzu

下記リンクから使用できます。

Blokkuzu

使い方

jsonフォーマットでブロック、接続を記述します。

ブロックの定義

作成するブロックをmodulesに与えます。
name: ブロック名
type: ブロックタイプを指定。module/and/or/notを選択可能
ports: リストでポートを定義

module

{
  "modules": [
    {
      "name": "moduleA",
      "type": "module",
      "ports": [
        "data_out"
      ]
    }
  ]
}

and

{
  "modules": [
    {
      "name": "A",
      "type": "and",
      "ports": [
        "in1","in2",
        "out"
      ]
    }
  ]
}

or

{
  "modules": [
    {
      "name": "A",
      "type": "or",
      "ports": [
        "in1","in2",
        "out"
      ]
    }
  ]
}

not

{
  "modules": [
    {
      "name": "A",
      "type": "not",
      "ports": [
        "in",
        "out"
      ]
    }
  ]
}

接続

connectionsに
“ブロック名”.”出力ポート名” > “ブロック名”.”入力ポート名”
をリストで与えることで接続されます。

{
  "connections": [
    "moduleA.data_out > moduleB.data_in"
  ]
}

サンプル

{
  "modules": [
    {
      "name": "moduleA",
      "type": "module",
      "ports": [
        "data_out"
      ]
    },
    {
      "name": "moduleB",
      "type": "module",
      "ports": [
        "data_in"
      ]
    },
  ],
  "connections": [
    "moduleA.data_out > moduleB.data_in"
  ]
}

完成イメージ

まとめ

ブロック図作成Webアプリを作成しました。