Template Engine Night 2014/10/17 の資料です
![Xslate振り返り](https://cdn-ak-scissors.b.st-hatena.com/image/square/edfd8a34e2232f0c345b8c50ff9b4dbd7f5877a8/height=288;version=1;width=512/https%3A%2F%2Ffiles.speakerdeck.com%2Fpresentations%2Ff2707590382701322c8976e1a203b64c%2Fslide_0.jpg%3F3740407)
いい感じのスライド、作るのむずいので、大体いい感じになるKeynoteテンプレート作った。ここからダウンロードできる。 Azusa - 大体いい感じになるKeynoteテンプレート解説サンプルも兼ねた解説スライド作った。 Introducing Azusa // Speaker Deckだいたいスライドに書いたけど要約すると下記のようなことを考えた。 スライド作るの難しい色とか難しいかっこよくしたいAzusaっていうのを作ったAzusaは、大体いい感じになるKeynoteテンプレートです Azusaの特徴大体いい感じになるカラースキーム大体いい感じになるフォント大体いい感じになるマスタースライド色カラースキーム考えた 白っぽい色(白っぽいクリーム色とか白っぽいねずみ色) 黒っぽい色(赤っぽい黒とか青っぽい黒とかそういうの) 緑とか青とかピンクとかのアクセントカラー1色 原色すぎないほうがイ
Semantic templates Handlebars provides the power necessary to let you build semantic templates effectively with no frustration. Mustache-compatible Handlebars is largely compatible with Mustache templates. In most cases it is possible to swap out Mustache with Handlebars and continue using your current templates. Fast execution Handlebars compiles templates into JavaScript functions. This makes th
※1)Xslateではテンプレートのコンパイル結果をキャッシュできる ※2)デフォルトは$ENV{HOME}/.xslate_cacheだが、$ENV{HOME}が書き込み可能でなければほかのディレクトリも試す ※3) テンプレートの構文によってデフォルトは変わる。これらはデフォルト構文Kolonのデフォルト値 リスト8 オプションを指定する(hello_xslate2.pl) use strict; use Text::Xslate; my %vpath = ( header => "- - - - - - - - - - -\n", footer => "- - - - - - - - - - -\n", hello => "Hello, Xslate world!\n", ); my $tx = Text::Xslate->new( path => \%vpath, header =
I’ve had a little utility that I’ve been kicking around for some time now that I’ve found to be quite useful in my JavaScript application-building endeavors. It’s a super-simple templating function that is fast, caches quickly, and is easy to use. I have a couple tricks that I use to make it real fun to mess with. Here’s the source code to the templating function (a more-refined version of this co
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
を振り返る機会があったので、ブログにも載っけてみます。一言で言うと「SEに聞いたり ドキュメント見たりしつつ自分で書いてみた」です。 そもそもなんでDjangoを採用したのか、の経緯についてはよくわかりません。 Wikipedia曰く「コンポーネントの再利用性と'pluggability'、素早い開発、DRY (Don't Repeat Yourself)の原則に力点を置いている」そうなので、「素早い開発」あたりが(プロジェクト責任者に)刺さったんだろうなーと推察します。いや、「Djangoを推奨した人が、『素早い開発』を売りに刺しにいったら刺さった」なんでしょうか。 前提 Djangoテンプレートを触る前に知ってたこと プログラミング言語とはなんぞや フレームワークとはなんぞや MVCとはなんぞや データベースとはなんぞや 「知ってた」と言っても、詳しくはわかりません。「概念はわかった」
結構前に公開していたんですが、きちんとした紹介を書いてなかったので改めて。Githubにて、T.jsという名前のJavaScript用テンプレートエンジンを公開しています。 T.js - DOMBuilder-like template engine for JavaScript T.jsとは JavaScriptでHTMLを書くためのライブラリ(一種のテンプレートエンジン)です。 T.table("#addressbook")({style:{borderCollapse:"collapse"},border:"5"}, T.thead( T.tr( T.th("name"), T.th("address"))), T.tbody( T.tr(".odd")( T.td("alice"), T.td("a street")), T.tr( T.td("bob"), T.td("b str
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
Welcome to Jarty project page! Jarty is a Smarty-like template engine for JavaScript.
はじめに この記事では、JavaScript 用のテンプレートエンジン Jarty を紹介します。 Jarty (じゃーてぃー) とは、PHP の有名なテンプレートエンジンである Smarty を JavaScript に移植したものです。ただし、完全に再現しているわけではなく、いくつかの機能は制限されています。 Jarty には以下のような機能があります。書式の多くは Smarty 互換です。 変数の置換 {$foo} => "abc" {if} {else} {/if} などの条件分岐 {foreach} {/foreach} などのループ {$foo|upper|escape} などのフィルタ (パイプ) etc. ソースコードは The MIT License として公開しています。 GitHub 上のリポジトリ: http://github.com/kotas/jarty また、
HTML をレンダリングするのに継承ベースのテンプレートエンジンがいけてる風な風潮があるけれど、どうも継承ベースってのはとっつきづらい気がしてる。INCLUDE していく方がデザイナーちゃんにはわかりいいんじゃないかとおもってる。 そもそもテンプレートの継承って、そんなに多段に継承するものなのかな?自分は一段ぐらいしか継承しないんだけど。そして、継承が一段とかなら、base.html みたいなのをつくっておいて、DOM エンジン + テンプレートエンジンの組み合わせをもちいて、以下のようなかんじでレンダリングした方が管理が楽なんじゃないかなーとおもった。だいたい継承ベースのテンプレートエンジンは DOM で選択できる個所を指定してるしね。 HTML::Zoom->from_html('base.html') ->select('title')->replace_content('ジョンのホ
Introducing Text::Xslate Text::Xslate is one of the latest inventions by Goro Fuji. It's yet another template engine -- and since it is yet another template engine, I could easily see everybody going "oh, *another* one....". Yeah, I get the idea. I feel the same for most new template engines. But I have to say, this time... this one /is/ worth looking at. First off, it's blazing fast. For trivial
Text::MicroTemplate::Extended Perlで唯一継承をサポートしたテンプレートエンジン 2009.12.08 Perlのテンプレートエンジンとしては長らく Template-Toolkit がデファクトスタンダードとしての座に座っていましたが、その独自のSyntaxや巨大なテンプレートエンジンということからそのパフォーマンスが問題になったりと最近では疑問の声も多く見られるようになっています。 そこで登場したのが軽量かつ高速に動作する Text::MicroTemplate と言うテンプレートエンジンです。 この Text::MicroTemplate::Extended はこの Text::MicroTemplate をベースにして、テンプレート継承などのさまざまな機能を付け加えた新しいテンプレートエンジンです。 テンプレートを継承すると言う概念は Python
追記: Yokohama.pmで話してきました。 http://e8y.net/blog/2010/03/06/p287.html - http://search.cpan.org/perldoc?Template::Semantic Upした。 benchmarkとってみたけど、TTよりは速い。Text::MicroTemplateには届かない。 http://github.com/tomi-ru/Template-Semantic/commit/570e295d3fb03ce34f94272e8940fd4311fc0992 ただ「元のHTMLにテンプレート言語を埋め込んでいる時間」を考えるとずっと効率的なテンプレートエンジンだと思う。デザイン→HTML→テンプレート の過程の最後の部分を飛ばせる。 なんとか.pm が近く開催されたら宣伝しよう。 podにも書いたけどまだAPI変えても
Jemplate-runtimeのjs Jemplateを使うためにはまずは、(x)html側でJemplate.jsを読み込む必要があります。 % jemplate --runtime > Jemplate.js このようにして作成できますので(x)htmlで <script src="Jemplate.js" type="text/javascript"></script> のように読み込んであげましょう。 Hello Jemplate では実際にJemplateエンジンを作ってみましょう。 hello.tt Hello [% engine %]! とりあえずこんな感じで簡単なテンプレートを作成してみます。 で、このテンプレートファイルをjemplateでコンパイルします。 % jemplate --compile hello.tt > hello.js そうするとhello.jsの中
« MySQL の order by 〜 limit を高速化する方法 | メイン | MySQL Conference & Expo 2009 で Q4M の話をします » 2008年12月16日 Text::MicroTemplate - テンプレートエンジンのセキュリティと利便性 先月開催された Shibuya.pm #10 でプレゼンテーションがあった MENTA や NanoA では、Mojo 由来のテンプレートエンジンを拡張して使用してきたのですが、Perl モジュールとして独立させるべきだよね、ということになり、このたび Text::MicroTemplate として CPAN にアップロードしました。 そのことを告知するとともに、作業の過程で興味深く感じた、テンプレートエンジンのセキュリティと利便性に関する話題をブログに書いておこうと思います。 テンプレートエンジンのエスケ
なんでいままで気がつかなかったんだろう orz たとえば、こんな感じでずれる html.tt2 ---- <html> <head></head> <body> <div> [% content %] </div> </body> </html>content.tt2 ---- [% WRAPPER html.tt2 -%] <h1>hello</h1> <p>ああああああああああ</p> [%- END %]結果 ---- <html> <head></head> <body> <div> <h1>hello</h1> <p>ああああああああああ</p> </div> </body> </html> こうすれば良かったんだ! html.tt2 ---- <html> <head></head> <body> <div> [% content | indent(' ') %] </div>
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く