読者です 読者をやめる 読者になる 読者になる

webhack / 猫とウェブ技術が好き

javascriptやcssやHTML5とかサーバーサイドの技術やプロジェクトマネジメントとかウェブに関するマーケティングとかWEBを取り巻く全般を好きに書くブログ

「javascript-in-one-pic / JavaScriptを一枚で学習する」が進化してた

1週間ほど前に記事に書いた"javascript-in-one-pic"が進化していたので再度紹介です。

f:id:tkosuga:20150705230403p:plain


以下前回の記事の続きです。

webhack.hatenablog.com

jsMindを使ったデモページURLです。

Javascript in one picture

"Javascript in one pic"はjavascriptの構文/シンタックス/型と基本的なコンセプトなどを1枚のマインドマップにまとめるプロジェクトです。

github.com

マインドマップで見ると要素間の親子関係が明確なため、オブジェクトとシンタックスの関係が理解しやすいです。ハンドブックやリファレンスで見ると章立てされていて分かりやすいですが、どうしても関連する説明と説明が離れてしまいます。

マインドマップを使うとノードとノードをつなげることができるので、リファレンスの補助的な役割で重宝するかも知れません。

python3の1枚絵もプロジェクトになって進行中です。

github.com

Ruby on RailsとかElixirのPhoenixなど各種アプリケーションフレームワークにこのx-in-one-picがあると便利そうです。