LoginSignup
15
14

More than 5 years have passed since last update.

Jinja2, Twig, Liquid 系の JavaScript テンプレートエンジンまとめ

Last updated at Posted at 2016-09-19

文法が Jinja2, Twig, Liquid タイプの JavaScript のテンプレートエンジンの各種開発状況 / ツールのまとめです。

文法、実装言語、lint、bundler、test、coverage、メンテナンスの7軸で比較しています。

atpl

  • github: https://github.com/soywiz/atpl.js
  • 文法: Twig
  • 実装言語: TypeScript
  • lint: なし
  • bundler: なし (バンドルしてない)
  • test: mocha
  • coverage: なし
  • メンテナンス: 継続

nunjucks

  • github: https://github.com/mozilla/nunjucks
  • 文法: Jinja
  • 実装言語: JavaScript
  • lint: jshint
  • bundler: webpack + 独自スクリプト
  • test: mocha
  • coverage: istanbul
  • メンテナンス: 継続 (Mozilla)

swig

twig.js

  • github: https://github.com/twigjs/twig.js
  • 文法: Twig
  • 実装言語: JavaScript
  • lint: なし
  • bundler: webpack
  • test: mocha
  • coverage: なし
  • メンテナンス: 継続

liquid.js

liquid-node

  • github: https://github.com/sirlantis/liquid-node
  • 文法: Liquid
  • 実装言語: CoffeeScript
  • lint: coffeelint
  • bundler: なし (バンドルしてない)
  • test: mocha
  • coverage: jscoverage
  • メンテナンス: 不明

shopify-liquid

  • github: https://github.com/harttle/shopify-liquid
  • 文法: Liquid
  • 実装言語: JavaScript
  • lint: なし
  • bundler: なし (バンドルしてない)
  • test: mocha
  • coverage: istanbul
  • メンテナンス: 継続

個人的には開発主体の安定感 (Mozilla) から nunjucks に一番期待していますが、出来たばかりでメンテンナンスもやる気がありそうな shopify-liquid にも期待しています。

15
14
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
15
14