Template Engine Night 2014/10/17 ã®è³‡æ–™ã§ã™
Xslate振り返り
Template Engine Night 2014/10/17 ã®è³‡æ–™ã§ã™
大体ã„ã„æ„Ÿã˜ã«ãªã‚‹Keynoteテンプレート「Azusaã€ä½œã£ãŸ - MEMOGRAPHIX
ã„ã„æ„Ÿã˜ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã€ä½œã‚‹ã®ã‚€ãšã„ã®ã§ã€å¤§ä½“ã„ã„æ„Ÿã˜ã«ãªã‚‹Keynoteテンプレート作ã£ãŸã€‚ã“ã“ã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãる。 Azusa - 大体ã„ã„æ„Ÿã˜ã«ãªã‚‹Keynoteテンプレート解説サンプルも兼ããŸè§£èª¬ã‚¹ãƒ©ã‚¤ãƒ‰ä½œã£ãŸã€‚ Introducing Azusa // Speaker Deckã ã„ãŸã„スライドã«æ›¸ã„ãŸã‘ã©è¦ç´„ã™ã‚‹ã¨ä¸‹è¨˜ã®ã‚ˆã†ãªã“ã¨ã‚’考ãˆãŸã€‚ スライド作るã®é›£ã—ã„色ã¨ã‹é›£ã—ã„ã‹ã£ã“よãã—ãŸã„Azusaã£ã¦ã„ã†ã®ã‚’作ã£ãŸAzusaã¯ã€å¤§ä½“ã„ã„æ„Ÿã˜ã«ãªã‚‹Keynoteテンプレートã§ã™ Azusaã®ç‰¹å¾´å¤§ä½“ã„ã„æ„Ÿã˜ã«ãªã‚‹ã‚«ãƒ©ãƒ¼ã‚¹ã‚ーム大体ã„ã„æ„Ÿã˜ã«ãªã‚‹ãƒ•ã‚©ãƒ³ãƒˆå¤§ä½“ã„ã„æ„Ÿã˜ã«ãªã‚‹ãƒžã‚¹ã‚¿ãƒ¼ã‚¹ãƒ©ã‚¤ãƒ‰è‰²ã‚«ãƒ©ãƒ¼ã‚¹ã‚ーム考ãˆãŸ 白ã£ã½ã„色（白ã£ã½ã„クリーム色ã¨ã‹ç™½ã£ã½ã„ããšã¿è‰²ï¼‰ é»’ã£ã½ã„色（赤ã£ã½ã„é»’ã¨ã‹é’ã£ã½ã„é»’ã¨ã‹ãã†ã„ã†ã®ï¼‰ ç·‘ã¨ã‹é’ã¨ã‹ãƒ”ンクã¨ã‹ã®ã‚¢ã‚¯ã‚»ãƒ³ãƒˆã‚«ãƒ©ãƒ¼1色 原色ã™ãŽãªã„ã»ã†ãŒã‚¤
Handlebars
Semantic templatesHandlebars provides the power necessary to let you build semantic templates effectively with no frustration. Mustache-compatibleHandlebars 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 executionHandlebars compiles templates into JavaScript functions. This makes the t
第5回　Xslate　次世代テンプレートエンジン（2） | gihyo.jp
※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 =
John Resig - JavaScript Micro-Templating
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
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
デザイナーã®ç§ãŒDjango(v1.0)ã®ãƒ†ãƒ³ãƒ—レートã«æ…£ã‚Œã‚‹ã¾ã§ : ã¾ã‚Šã£ãºã¶ã‚ã
を振り返る機会ãŒã‚ã£ãŸã®ã§ã€ãƒ–ãƒã‚°ã«ã‚‚載ã£ã‘ã¦ã¿ã¾ã™ã€‚一言ã§è¨€ã†ã¨ã€ŒSEã«èžã„ãŸã‚Š ドã‚ュメント見ãŸã‚Šã—ã¤ã¤è‡ªåˆ†ã§æ›¸ã„ã¦ã¿ãŸã€ã§ã™ã€‚ ãã‚‚ãã‚‚ãªã‚“ã§Djangoを採用ã—ãŸã®ã‹ã€ã®çµŒç·¯ã«ã¤ã„ã¦ã¯ã‚ˆãã‚ã‹ã‚Šã¾ã›ã‚“。 Wikipediaæ›°ã「コンãƒãƒ¼ãƒãƒ³ãƒˆã®å†åˆ©ç”¨æ€§ã¨'pluggability'ã€ç´ æ—©ã„開発ã€DRY (Don't Repeat Yourself)ã®åŽŸå‰‡ã«åŠ›ç‚¹ã‚’ç½®ã„ã¦ã„ã‚‹ã€ãã†ãªã®ã§ã€ã€Œç´ æ—©ã„開発ã€ã‚ãŸã‚ŠãŒï¼ˆãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆè²¬ä»»è€…ã«ï¼‰åˆºã•ã£ãŸã‚“ã ã‚ã†ãªãƒ¼ã¨æŽ¨å¯Ÿã—ã¾ã™ã€‚ã„ã‚„ã€ã€ŒDjangoを推奨ã—ãŸäººãŒã€ã€Žç´ æ—©ã„開発ã€ã‚’売りã«åˆºã—ã«ã„ã£ãŸã‚‰åˆºã•ã£ãŸã€ãªã‚“ã§ã—ょã†ã‹ã€‚ å‰æ Djangoテンプレートを触るå‰ã«çŸ¥ã£ã¦ãŸã“㨠プãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã¨ã¯ãªã‚“ãžã‚„ フレームワークã¨ã¯ãªã‚“ãžã‚„ MVCã¨ã¯ãªã‚“ãžã‚„ データベースã¨ã¯ãªã‚“ãžã‚„ 「知ã£ã¦ãŸã€ã¨è¨€ã£ã¦ã‚‚ã€è©³ã—ãã¯ã‚ã‹ã‚Šã¾ã›ã‚“。「概念ã¯ã‚ã‹ã£ãŸã€
JavaScriptã®ãƒ†ãƒ³ãƒ—レートエンジン「T.jsã€ã‚’公開ã—ã¾ã—ãŸ
çµæ§‹å‰ã«å…¬é–‹ã—ã¦ã„ãŸã‚“ã§ã™ãŒã€ãã¡ã‚“ã¨ã—ãŸç´¹ä»‹ã‚’書ã„ã¦ãªã‹ã£ãŸã®ã§æ”¹ã‚ã¦ã€‚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
aruko.net - ã“ã®ã‚¦ã‚§ãƒ–サイトã¯è²©å£²ç”¨ã§ã™ï¼Â - aruko リソースãŠã‚ˆã³æƒ…å ±
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.
Jarty
Welcome to Jarty project page! Jarty is a Smarty-like template engine for JavaScript.
JavaScript 用テンプレートエンジン Jarty ã®ç´¹ä»‹ - ドワンゴ ç ”ç©¶é–‹ç™ºãƒ–ãƒã‚°
ã¯ã˜ã‚ã« ã“ã®è¨˜äº‹ã§ã¯ã€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 ã¾ãŸã€
継承ベースã®ãƒ†ãƒ³ãƒ—レートエンジンã£ã¦ã»ã‚“ã¨ã«ã„ã‘ã¦ã‚‹ã®? - tokuhirom's blog
継承ベースã®ãƒ†ãƒ³ãƒ—レートエンジンã£ã¦ã»ã‚“ã¨ã«ã„ã‘ã¦ã‚‹ã®? HTML をレンダリングã™ã‚‹ã®ã«ç¶™æ‰¿ãƒ™ãƒ¼ã‚¹ã®ãƒ†ãƒ³ãƒ—レートエンジンãŒã„ã‘ã¦ã‚‹é¢¨ãªé¢¨æ½®ãŒã‚ã‚‹ã‘ã‚Œã©ã€ã©ã†ã‚‚継承ベースã£ã¦ã®ã¯ã¨ã£ã¤ãã¥ã‚‰ã„æ°—ãŒã—ã¦ã‚‹ã€‚INCLUDE ã—ã¦ã„ãæ–¹ãŒãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã¡ã‚ƒã‚“ã«ã¯ã‚ã‹ã‚Šã„ã„ã‚“ã˜ã‚ƒãªã„ã‹ã¨ãŠã‚‚ã£ã¦ã‚‹ã€‚ ãã‚‚ãもテンプレートã®ç¶™æ‰¿ã£ã¦ã€ãã‚“ãªã«å¤šæ®µã«ç¶™æ‰¿ã™ã‚‹ã‚‚ã®ãªã®ã‹ãª?自分ã¯ä¸€æ®µãらã„ã—ã‹ç¶™æ‰¿ã—ãªã„ã‚“ã ã‘ã©ã€‚ãã—ã¦ã€ç¶™æ‰¿ãŒä¸€æ®µã¨ã‹ãªã‚‰ã€base.html ã¿ãŸã„ãªã®ã‚’ã¤ãã£ã¦ãŠã„ã¦ã€DOM エンジン + テンプレートエンジンã®çµ„ã¿åˆã‚ã›ã‚’ã‚‚ã¡ã„ã¦ã€ä»¥ä¸‹ã®ã‚ˆã†ãªã‹ã‚“ã˜ã§ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã—ãŸæ–¹ãŒç®¡ç†ãŒæ¥½ãªã‚“ã˜ã‚ƒãªã„ã‹ãªãƒ¼ã¨ãŠã‚‚ã£ãŸã€‚ã ã„ãŸã„継承ベースã®ãƒ†ãƒ³ãƒ—レートエンジン㯠DOM ã§é¸æŠžã§ãる個所を指定ã—ã¦ã‚‹ã—ã。 HTML::Zoom->from_html('base.html') ->select('ti
Introducing Text::Xslate - D-6 [相変ã‚らãšæ ¹ç„¡ã—]
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
é¢ç™½ãƒ©ãƒœBM11(ブッコミイレブン) 2009: Text::MicroTemplate::Extended
Text::MicroTemplate::Extended Perlã§å”¯ä¸€ç¶™æ‰¿ã‚’サãƒãƒ¼ãƒˆã—ãŸãƒ†ãƒ³ãƒ—レートエンジン 2009.12.08 Perlã®ãƒ†ãƒ³ãƒ—レートエンジンã¨ã—ã¦ã¯é•·ã‚‰ã Template-Toolkit ãŒãƒ‡ãƒ•ã‚¡ã‚¯ãƒˆã‚¹ã‚¿ãƒ³ãƒ€ãƒ¼ãƒ‰ã¨ã—ã¦ã®åº§ã«åº§ã£ã¦ã„ã¾ã—ãŸãŒã€ãã®ç‹¬è‡ªã®Syntaxや巨大ãªãƒ†ãƒ³ãƒ—レートエンジンã¨ã„ã†ã“ã¨ã‹ã‚‰ãã®ãƒ‘フォーマンスãŒå•é¡Œã«ãªã£ãŸã‚Šã¨æœ€è¿‘ã§ã¯ç–‘å•ã®å£°ã‚‚多ã見られるよã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ ãã“ã§ç™»å ´ã—ãŸã®ãŒè»½é‡ã‹ã¤é«˜é€Ÿã«å‹•ä½œã™ã‚‹ Text::MicroTemplate ã¨è¨€ã†ãƒ†ãƒ³ãƒ—レートエンジンã§ã™ã€‚ ã“ã® Text::MicroTemplate::Extended ã¯ã“ã® Text::MicroTemplate をベースã«ã—ã¦ã€ãƒ†ãƒ³ãƒ—レート継承ãªã©ã®ã•ã¾ã–ã¾ãªæ©Ÿèƒ½ã‚’付ã‘åŠ ãˆãŸæ–°ã—ã„テンプレートエンジンã§ã™ã€‚ テンプレートを継承ã™ã‚‹ã¨è¨€ã†æ¦‚念㯠Python
Template::Semantic - トミールã®æŠ€è¡“系日記
追記： 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 - Template-Toolkit like ãªJavaScriptã®Templateエンジン - JPerl Advent Calendar 2009
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ã®ä¸
Template::Toolkit ã§è¤‡æ•°ãƒ•ã‚¡ã‚¤ãƒ«ã«ã™ã‚‹ã¨ã‚¤ãƒ³ãƒ‡ãƒ³ãƒˆãŒãšã‚Œã‚‹ã®ã‚’ç›´ã™æ–¹æ³• - IT戦記
ãªã‚“ã§ã„ã¾ã¾ã§æ°—ãŒã¤ã‹ãªã‹ã£ãŸã‚“ã ã‚ㆠ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ページを開ã
GitHub - sanographix/azusa-keynote: 大体ã„ã„æ„Ÿã˜ã«ãªã‚‹Keynoteテンプレート
Xslate - The fastest template engine for Perl5
http://labs.cybozu.co.jp/blog/kazuho/archives/2008/12/textmicrotemplate.php
{{#tags}}- {{label}}
{{/tags}}