構文木を可視化するサイトを作った

ブラウザの上でJavaScriptの構文木をリアルタイムで可視化するサイトを作りました。構文木っていうプログラミング言語の基本的な概念を、特に何かをインストールしたりすることなく簡単に実験・観察できます。

http://nhiro.org/learn_language/AST-Visualization-on-browser.html

TODO

• ツリーのレイアウトの方法があんまり気に入っていない。論文を読んで実装したものがLazyK-on-browserの方にあるのでその内に差し替える
• LISPやPythonの構文木も表示できるようにする