この記事は J2complexed Advent Calendar 2016 の14日目の記事です。 みなさんはパグと仲良くできていますか？ パグはかわいいですね。なによりもマークアップの効率が良くなります！ Pugは以前までJadeと名乗っていましたが、Pugの方がいいですね。いいセンスをしてます。 詳しくは公式を見ていただいたほうが、いいと思います！ Getting Started - Pug Pugの簡単な紹介 PugはJST (JavaScript Templates)って言われてるJavaScriptで動くテンプレートエンジンです。 Expressでも動かすことができます。（動かしたことはありませんが） Express でのテンプレート・エンジンの使用 Githubに載っている例を見てみると、書き方がわかると思います。 doctype html html(lang="en") h
Tag attributes look similar to html, however their values are just regular JavaScript. a(href='google.com') Google a(class='button', href='google.com') Google <a href="google.com">Google</a><a href="google.com" class="button">Google</a> All the normal JavaScript expressions work fine too: - var authenticated = true body(class=authenticated ? 'authed' : 'anon') <body class="authed"></body> If you h
最近Jadeにハマってます。で、書いてると時々エラーで引っかかることがあるのでメモ。 includeやextendのパス includeやextendで読んでくるファイルのパスは、コンパイルするルートディレクトリのパスからじゃなくて、呼び出し元のファイルからの相対パス。 つまり、/hoge/fuga/piyo.jadeを編集していて、このファイルから/include/_sugoi.jadeをincludeする場合、 include ../../include_sugoi とする。 特にextendはレイアウトとかを書いておいて、すべてのファイルで使いまわす場合がほとんどな気がするので注意が必要。 mixinは外部ファイルに定義しといても大丈夫 mixinも定義するファイルを別にしておいて、includeして使える。当たり前といえば当たり前だけど。 /mixin/_saikounomixin
Jadeのテンプレート継承を使ってみたnode.jsの数あるテンプレートエンジンのうちJadeというのものがあり、expressで使っているのですが、0.16辺りでテンプレート継承をサポートしてたみたいなので使ってみた。 使い方extendsとblockを使うことによってテンプレート継承を行う。 継承元となるテンプレートはこんな風に書く。ファイル名は base.jade としておく。 //- base.jade !!! 5 html head h1 My Site block scripts script(src="/jquery.js") body block header header p some header content block content block footer footer p some footer content blockには名前をつけることができる。このコ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
