mizu.js
mizu.jsは簡単に使える軽量且つシンプルなHTMLテンプレートエンジンです。ビルド手順も設定も面倒な作業は一切不要で、基本的には読み込むだけで使えるようになります。
<script src="https://mizu.sh/client.js" defer></script>
レンダリングは以下の指令に基づいて行われます。
<tag *name[tag].modifier[value]="expression" />
*name部分は他にも#nameや@name、:name、%nameなど、.modifierにはbooleanやstringなどが用意されている、といったようにそれぞれ様々な指令法があります。
例えば以下のように書きます。
<main *mizu *set="{ foo: 'こんにちは！' }">
<div *text="foo"></div>
</main>
結果、以下のように出力されます。
指令の手段は非常に多く用意されているので多少の学習コストはかかりそうですが導入が楽なので覚えておいて損は無いかと思います。
