本ツールは、C言語の構造体や複雑な型定義を、ブロックを組み立てることで視覚的に学習できるWebサイトです。
画面は次の3つの領域で構成されています。
基本型、配列、ポインタ、構造体などを組み合わせて、独自の「型（設計図）」を組み立てるワークスペースです。
左側で作った型を使用して、「変数（実体）」を宣言するワークスペースです。
型定義エリアと変数宣言エリアで配置したブロックに対応する、C言語のソースコードが自動生成されます。
int, double, char：int, double, char[ ]：配列型を作ります。要素数を指定できます。*：ポインタ型を作ります。struct：コの字型のブロックで構造体を作成できます。上部にタグ名を入力し、内部にメンバを配置します。宣言した構造体は変数宣言エリアで使用できます。enum：コの字型のブロックで列挙型を作成できます。上部にタグ名を入力し、内部にメンバを配置します。メンバには値を指定することもできます。宣言した列挙型は変数宣言エリアで使用できます。typedef：型に別名をつけます。型定義に誤りなどがあると警告の三角形がブロック中に表示されます。クリックすると詳細が表示されます。
struct person）を完成させます。画面右上にある「保存」ボタンを押すと、現在の作業状態をJSON形式で保存できます。「読み込み」ボタンを押してJSONファイルを読み込めます。