jadeを知る - LIFULL Creators Blog
こんにちは、@nazomikanです (この記事はNode.js Advent Calendar 2013の10日めの記事です) nodeでテンプレートエンジンといえばjade その一方で公式ドキュメントで書かれていることだけではだいたい痒い所に手が届かないのでissueから拾い集めたノウハウとか将来的な話とかを書きます 属性の存在が条件によって分かれるケースの書き方 urlが存在するときdata-url属性をつける //truthy: <p data-url="xxx"> //falsy: <p> in jade: p(data-url=(url ? url : false)) 属性の値が条件によって分かれるケースの書き方 boolがtruthyの時はclass="is-show"を、そうでない時はclass="is-hide"をつける //truthy: <p class="is-sh
javascript HTML templateエンジン Jade の4つの呪文を使いこなそうの巻 - Qiita
jadeの文法ドキュメント、githubのreadme読めってちょっと雑なのでは… なんか読みにくいので、日常的にテンプレートエンジンを使ってるよって人向けに、特徴的なところだけ把握しやすいようにまとめておく。 ここで一通りの機能がサンプルコードと共にライブデモで触れるようになってるらしいのでこちらもオススメ。 http://naltatis.github.io/jade-syntax-docs/ extends filename 上位テンプレートを指定して継承するための呪文。 多重継承もできる。 block blockname, block prepend blockname, block append blockname 継承した先でblockを上書きしたり、前後に内容を追加したりするための呪文。 上位テンプレートでblock hogeと指定しておいた部分に、下位テンプレートでbloc
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日本のドメイン登録業者(レジストラ)（「ICANNがレジストラとして認定した企業」一覧（InterNIC提供）内に「Japan」の記載があるもの）を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年10月時点の調査。
Jadeテンプレートをクライアントサイドとサーバサイドで共有する
Jadeテンプレートをクライアントサイドとサーバサイドで共有する今ちょうど、Node を使ったあるプロジェクトで、Express 上でテンプレートエンジンとして Jade を使ってWebサービスを作っているんだけど、サーバサイドとクライアントサイドでテンプレートを共有させる必要がでてきた。 サーバサイドとクライアントサイドでテンプレートの共有というと、ここ のような requires.js を使って動的に生成したものを共有したりなど、いろいろ素敵な方法がある。 こんなそんな風に既にあるものを使って共有してみてもいいんだけど、Jade のプリコンパイル機能で Javascript コードとして生成したものを static な .js ファイルとして配信する方法で十分なので、それでやってみた。 共有するテンプレート共有するテンプレートのサンプルとしてはこんな感じ。 mixin person(n
Jadeのテンプレート継承を使ってみた
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には名前をつけることができる。このコ
Jadeで便利なmixinの機能
Jadeで便利なmixinの機能Jade に mixin というテンプレートをモジュール化する機能があるんだけど，Jade の github の issues 上で自分が探している機能が pull-request されていないかどうか探していたら，ここ で mixin の面白い機能があったので，ちょっとブログに書いて共有してみる． mixin のシンタックスシュガー通常 mixin は下記のように定義したら mixin <name>[(arg1, arg2, ...)] のように使う． //- msgboard define mixin msgboard(msg) p #{msg} //- use mixin msgboard('Hello World') + を定義した mixin 名の前に書くだけで，わざわざ mixin というキーワードを指定しなくても利用することができる． +msg
Node.jsテンプレートエンジン。Jade と EJSの比較 - laiso
LinkedInのnode.js developersのディスカッションのイタコ訳。翻訳ではなくて読んで俺の脳内に届いた内容 まとめると(まとめた上に俺の意見もいれる) EJS ほぼHTMLなので簡単 PHP,JSP使いとか クライアントでも動く HTML,Web制作環境向けのコーディング支援がそのまま使えてよいよね Jade コードが完結きれい ロジック入れ過ぎない HAMLerとか エディタ支援つくないといけないけどその分シンタックス簡単だからイケるよね Jade vs EJS | LinkedIn トピ主: JadeとEJSについてどう思う？ JadeにはHTML2JadeがあるけどEJSにもある？ Ben: 仕事で両方使ってる。EJSドキュメント少ない。Expressでblocksとlayoutsの使い方がよくわからん。新規ExpressプロジェクトではJade使う。 John:
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Jade Template Syntax Documentation by Example
A Node in Nodes
Jade について。