You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Backbone.js でアプリケーションを作る場合、ついつい手軽さを求めてUnderscore.js の template()を使うことが多いのですが、少し凝った造りのページを作る場合、より専門的なテンプレートエンジンを使いたくなります。 そこで今回は、最近マイブームのHandlebars.jsを Backbone と組み合わせて使ってみました。 このエントリでお伝えしたいこと。 Backbone.js with Handlebars.js!! ここでもやっぱり Grunt 最高 Handlebars.js とは 詳細は Google 先生の方が詳しいです(ごめんなさい)。 数あるクライアントサイドのテンプレートエンジンの 1 つです。個人的にはプリコンパイルすることでパフォーマンス的に優位なところを注目しています。 [jsperf]Precompiled Templates 最近話題の
Maybe you don't need them for simple web apps, but it doesn't take too much complexity before embracing JavaScript templates becomes a good decision. Like any other tool or technique, there are a few best practices that you should keep in mind, when using templates. We'll take a look at a handful of these practices in this tutorial. 1. Underscore for Simple, Handlebars for Complex If you need some
今回は、Meteorアプリケーションのビューを作成する上で必要とされるHandlebarsについて解説します。 前回お伝えした通り、MeteorのHTML内ではHandlebarsを用いたテンプレートが利用できます。MeteorにおけるHandlebarsは、Meteorと緊密に統合されており、特別なインストール作業などを必要とする事なく利用できます。 式の実行 前回もお伝えしていますが、テンプレート内では{{式}}という構文で式を実行し、結果をテンプレート上に書き出すことができます。たとえば、「personName」という変数を参照するための記述は以下のようになります。 {{personName}}さん、こんにちは! また、ピリオドを用いて入れ子になっている変数を参照することもできます。以下のコードを実行すると、personという変数のnameプロパティを参照します。 {{person
「ナタリー」「ゼゼヒヒ」「ポリタス」 カタカナ4文字のモノばかり、作って来ました。 現在はスマホ向けRTS「カラクリ合戦伝」を開発中。 Rails + Backbone.js + JavaScriptテンプレートエンジンでのアプリ開発を行う中で、Railsとクライアント側で共通のテンプレートエンジンを使えないかと色々しらべてみました。 最初は、RubyとJavaScript両方の実装があるMastacheを考えていたのですが、Mastacheとテンプレートの記述に上位互換を持ちつつ機能を拡張したHandlebars.jsには、テンプレートをJavaScriptにコンパイルして高速化する機能などがあるということで、まずHandlebars.jsから着手。 「Rails handlebars.js」とかでググるといろんなツールが出てきて頭がクラクラすると思います。ぼくもクラクラしながら状況をま
I really like the handlebars template system, it’s straight to the point, efficient, and the added logic layer to mustache makes it practical for most scenarios. One limitation i’ve found was that if block helpers can’t actually evaluate an expression, it only tests if the passed value is already true or false, there’s no evaluation of it. so this: {{#if unicorns == ponies }} That's amazing, unico
Handlebarsを理解するにあたり、最小構成サンプルによる始めの一歩。 Handlebarsとは HandlebarsはJavaScriptによるテンプレート変換エンジン。JavaでいうところのVelocityのようなもの。 AjaxでJSONオブジェクトを受け取ってHTMLタグを生成するときなどに使える。クライアントサイドにJSP置いてるイメージ。 参考サイト http://handlebarsjs.com/ http://jquery.com/ 用意するもの handlebars.js Handlebarsのコアモジュール。最新のものをダウンロードして使用 jqurery.js テンプレートテキストの取得および変換結果の表示で使用。オプション サンプルコード <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Ha
Handlebars.jsのヘルパーを独自に定義することができます。 参考:Handlebars.js registerHelperを使い、ヘルパーを自作する Expressionヘルパーと、Blockヘルパーの2種類がある。 Expressionヘルパーはテンプレート中の{{Expression}}を使って呼び出す。 Blockヘルパーはテンプレート中のブロック{{#blockName}}...{{/blockName}}から呼び出す。 Expressionヘルパーをつくってみる。 // ヘルパーの定義 // greatという名前のヘルパーを定義 Handlebars.registerHelper("great", function(fN, lN) { return "Hello, " + fN + " " + lN + "!"; }); // テンプレートの中の記述 // 引数"fir
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く