{cdate:2010-07-25}

{what:groovy,dsl,markdown,javascript}

木構造を markdown スタイルで記述したテキストファイルから groovy を使って生成する

ひさしぶりのHTML+JavaScriptの仕事で
ツリー状のメニューをJavaScriptで書く必要が...

メニュー内容自体は固定なのだが、
記述が煩雑になるので、以下のような作戦で実装することに。

1. 内容は markdown スタイルで記述しておく → menu.markdown
1. menu.markdown をパースして javax.swing.tree.DefaultTreeModel に変換
1. 最後に JavaScript 断片を生成し、本体のHTMLに埋め込み

この方法ならば制作中に内容や階層に変更があっても
苦しみながらJavaScriptをメンテする必要はないはずだ。

このエントリでは、
markdown スタイルで書いたDSLから
javax.swing.tree.DefaultTreeModel に変換する部分をメモしておきます。

> 補足1
> 実際の業務で使うにはリンク先のHTMLファイル名も書いておく必要があります。
>
> 補足2
> markdown形式をパースしていますが、
> groovy ならHTMLBuilderなどを使った方がいいのかもしれないです。
> HTMLBuilderの方がコンテンツ作成時に負荷がかかりますが、その後が楽です。

1. メニュー構造の内容を記述したファイル menuTree.markdown

1. menuTree.markdown をパースして DefaultTreeModel に変換する buildMenuTree.groovy

1. 結果