Closure TemplateがJavaScriptのテンプレートエンジンでいい気がしてきた - Lush Life
Closure TemplateをEclipseで簡単に自動ビルドさせる方法を見つけた。Eclipse上でJavaScriptの開発を行うなら、これが最高のJavaScriptのテンプレートな気がしてきた。 JavaScriptを生成する Closure Templateを使うとテンプレートからJavaScriptが生成されるので、JavaScriptが読めれば、動作を確認することができる。 例えば、 {namespace sample} /** * Sample Template * @param name */ {template .helloWorld} <div> {$name} Hello World. </div> {/template} をコンパイルすると以下のJavaScriptが生成される。 goog.provide('sample'); goog.require('so
Hogan.js
Getting started Hogan.js is a 3.4k JS templating engine developed at Twitter. Use it as a part of your asset packager to compile templates ahead of time or include it in your browser to handle dynamic templates. If you're developing with Node.js, just use NPM to add the Hogan package. $ npm install hogan.js Alternatively, drop hogan.js in your browser by adding the following script. <script src="h
Pure JavaScript Template Engine - mixi engineer blog
はじめましてhirokiです。こんにちは。新卒で弊社に入って一年が経過しようとしているので、そろそろエンジニアブロガーの仲間入りをしてみようかと思っています。 今回はJavaScriptのお話です。ハードボイルドなバックエンド側技術のご紹介が多い当ブログですが、スイーツ（笑）なフロントエンド技術もおもしろいんだよ！ということをアピってやろうという魂胆です＞＜。 HTML.Template(JavaScript) 弊社では、サーバサイドによるHTMLの出力テンプレートエンジンにCPANモジュールであるHTML::Template::Proを使用しています。今回はそのJavaScript実装をオープンソースとして開発しましたので、紹介をさせていただきます。 HTML::Templateは貧弱で、冗長で、洗練されていないシンタックスでお馴染みのテンプレートエンジンですが、高速で必要以上のロジック
jQBinder, ブラウザー側でのHTML templateを可能にするjQuery plug-in
一昨日はMVCの話で妙に盛り上がってしまったが、考えてみるとModel/View/Controller間の分離が不十分という話はサーバー側だけの話ではなく、クライアント側にも言える事。事実、私自身も div.innerHTML = "<span class='red'>" + message + "</span>"; みたいなHTMLが混ざったJavaScriptコードを書く事は良くある。特に、最近はJSONとして取得して来たデータセットをリストとして表示するケースが増えて来たが、そんな時に「サーバー側のようなHTMLテンプレートが使えたらいいな」と思う事は良くある。手っ取り早くとりあえず動くものを作るのにはHTML埋め込み型のJavaScriptで良いのかも知れないが、後々のメンテナンスを考えると少なくともModelとViewぐらいはキチンと切り話しておいた方が良い事は確か。 ということ
超簡単なテンプレートエンジンをJavaScriptで実装する。 - 設計と実装の狭間で。
話題としては、まぁ、何かどこにでも転がってる感じなのだろうけど、 余りに簡単に出来たので、自分用にメモ書き。 function emit(template,map) { return template.replace(/\$\{[^\$\{\}]*\}/g,function(key) { var v = map[key.substring(2,key.length-1)]; return v ? v : ''; }); } 使い方はこんな感じ。 ${パラメータ名}がプレースフォルダになっていて、 そのパラメータ名で、二番目の引数のmapから値を取り出して置換する。 var tmplt = "<div>hoge ${hoge} ${fuga}</div>"; var newone = emit(tmplt,parseParams()); console.log(newone); f
pure.js - Javascript Template Engine
Write your templates in pure HTML Clean of any inline logic or special tags CSS selectors are used to bridge the HTML with Javascript actions Providing a radical separation between the representation and the logic Here we explain why we did pure.js back in 2008 And you can ask your questions to the user group Download pure.js on Github We have been happily using pure.js since 2008 for our own web
LTemplate
もっとも簡単な出力例です。 <script type="text/javascript" src="./LTemplate.js"></script> <script type="text/javascript"> var tpl = new LTemplate("[%= context.message %]"); var result = tpl.applyTemplate({message:"Hello World!"}); alert(result); // Hello World! </script>
JSmartyとは？ - Thousand Years
概要 JSmartyはPHPのSmartyを模したJavaScriptで動くテンプレートエンジンです。テンプレートAPI部分についてはSmartyを準拠しており、それ以外にも文字列処理が便利になるようにAPIを提供します。 デモ http://www.starmsg.net/samples/JSmarty/plugin.html ダウンロード http://code.google.com/p/jsmarty/downloads/list Hello World!! <script src="JSmarty.js"></script> <script src="JSmarty/Compiler.js"></script> var smarty = new JSmarty(); smarty.assign("foo", "Hello World!!"); smarty.display("str
軽量なJavaScriptテンプレートエンジンを作った - cloned.log
LTemplate http://clonedoppelganger.net/javascript/LTemplate.html デモ http://clonedoppelganger.net/javascript/LTemplateDemo.html JavaScriptのテンプレートエンジンには、簡単なものだとAjax Pagesとか、テンプレート文法までもっているものだとJSmartyとかTrimPathとか、まぁ色々ある。 何かのAPIとかを使ってサクっと遊んでみたいときとかに、JavaScriptで文字列結合してHTML整形するのは嫌だけど、かといってテンプレート言語使ってまできっちり書く気もないような、中途半端な場面で向いている軽量なテンプレートエンジンが欲しかったけれど、見当たらなかったので。 リンク先にドキュメント書いたけれど、使い方などを簡単にご紹介。 まず、テンプレート
Mjt: an In-browser Web Framework
Template-Driven Webapps in Javascript Mjt is a Javascript application framework that runs entirely in a web browser, based on a HTML templating engine. It was built for the Freebase service, but it can be used for many other web services. It is distributed as open source. If you can get your data from a JSON-aware web service, creating a Mjt application is the quickest way to get that data display
mjtemplate
Mjt mjt は、ブラウザ上で使えるJavascriptのテンプレートエンジンです。 Freebaseというサービスのために作られたらしいですが、その他のWebアプリケーションでも使えます。 オープンソースで、BSDライセンスです。 htmlの属性を使っている点は、KidテンプレートやGenshiなどによく似ています。 動かす準備 以下のコードがベースになります。 bodyタグの中にテンプレートを記述します。 <html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"></meta> <script type="text/javascript" src="http://mjtemplate.org/dist/latest/mjt.js"></script> </head> <body on
sprintf() for JavaScript | alexei
There are a lot of libraries out there and, invariably, they do a lot of things that you don't need or in a manner that you don't like. Thus, they feel bloated. One example would be Prototype. Recently, I discovered it has a Template class. At first, I thought it was a template engine similar to Smarty for PHP, but it turned out I was wrong. It's just a method of returning formatted strings wrappe
XML2JSON+javascriptテンプレートエンジンでRSS表示
drk7.jp さんでXML2JSON serviceという面白いサービスが開始されました。 ということで早速ハックしてみました。 前のエントリーで書いた Javascriptテンプレートと組み合わせてめちゃくちゃ簡単にRSSを表示できます。 サンプルはこちら 使い方ですが、多分ソースをみてもらったほうが速いです。 サンプルHTMLから抜粋 1Event.observe(window, "load", function(){ 2 new XML2JSON("<a href="http://feeds.feedburner.com/Inforno">http://feeds.feedburner.com/Inforno</a>", {container: "test", template : {element:"template"}}); 3}); 初期化コードはｺﾚだけです。 contai
naoyaのはてなダイアリー - Jemplate で JavaScript でもロジックとビューを分離する
JSON を Template-Toolkit で展開する Jemplate という記事を書いたんですが、Jemplate を使うと何がいいかってのをもう少し詳しく書いてみます。 Jemplate は TT で JavaScript 上の JSON を展開できるんですが、それだけ聞いてもしかすると「これで普段サーバーサイドでやってるテンプレートの展開をクライアントサイドに持って行けて負荷がクライアントに移ってウマー」っていうのが使いどころのようにも思えちゃいますけど、そうじゃない。検索エンジンに引っかからなくなったりとか、アプリケーションの使い勝手が悪くなったりとか色々弊害があります。 そうじゃなくて、Jemplate は JavaScript のためのテンプレートとして使います。 試しに Catalyst で簡単なアプリケーションを作ってみました。ちょっと動かしておく環境がないのでソース
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Google Code Archive - Long-term storage for Google Code Project Hosting.
tpython.com