masalibの日記

システム開発、運用と猫の写真ブログです

jade(JavaScript Templates)は覚えるは辛いのでhtml2jadeで逃げる

珍しくどんな言語でも開発してもいいよと
言われたので勉強している「node.js」にした

GOでもよかったが
node.jsならjavascriptを知っている人なら
読むことができるのが(理解できるとは言っていない)利点かな

仕様としてHTTPのリクエストがあったらパラメータに従って
画像変換するという物でした

node.jsなのでサーバーは超有名なexpressにした
ただexpressは「jade」というテンプレートエンジンを採用している
変更はたぶん可能けど、標準から外れるのは嫌なのでそのまま
「jade」で行くことにした

Jade は JST (JavaScript Templates) の一つであり、HTML を書くための軽量マークアップ言語
である Haml に影響を受けた JavaScript テンプレートエンジンでもあります

引用
もとHTML

<!doctype html>
<html>

<head>
    <link type="text/css" rel="stylesheet" href="/site.css" />
    <title>Hello</title>
</head>

<body>
    <h1>Hello world!</h1>
</body>

</html>
           

jade形式のhtml

doctype html
html
  head
    link(type='text/css', rel='stylesheet', href='/site.css')
    |     
    title Hello
  body
    h1 Hello world!

テンプレートエンジンの仕様を覚えるがめんどくさいので
html2jadeという変換ツールで逃げる事にした

HTML 2 Jade - a converter for HTML


ちなみに「jade」以外に
EJS
EJS - JavaScript Templates

Handlebars.js
Handlebars.js: Minimal Templating on Steroids

Hogan.js
Hogan.js

あるらしいが
調べたらやっぱりjadeが平和的になるらしい

新しい言語は楽しいね~

はじめてのNode.js -サーバーサイドJavaScriptでWebアプリを開発する-

はじめてのNode.js -サーバーサイドJavaScriptでWebアプリを開発する-