[B! template] sugyanã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

sugyan id:sugyan

templateã«é–¢ã™ã‚‹sugyanã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (18)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

Hamlã‚’3å€é€Ÿãã—ãŸ - k0kubun's blog
Hamlã‚³ãƒŸãƒƒã‚¿ãƒ¼ã«ãªã£ãŸ RubyKaigi 2015ã§ã€ŒHamlã¯é…ã„ã—ãƒ¡ãƒ³ãƒ†ã•ã‚Œã¦ãªã„ã®ã§ä½¿ã‚ãªã„æ–¹ãŒã„ã„ã€ã¨è¨€ã£ãŸã¨ã“ã‚ã€ã˜ã‚ƒã‚è‡ªåˆ†ã§ãƒ¡ãƒ³ãƒ†ã—ã¦é€Ÿãã—ã‚ã¨ã„ã†ã“ã¨ã«ãªã‚Šã‚³ãƒŸãƒƒã‚¿ãƒ¼ã«ãªã£ãŸ*1ã€‚ å½“æ™‚ã‹ã‚‰2å¹´ã”ã—ãªã®ã¯ã€å½“æ™‚ã®Hamlã®ã‚ªãƒ¼ãƒŠãƒ¼ãŒã‚ã¾ã‚Šã‚¢ã‚¯ãƒ†ã‚£ãƒ–ã§ã¯ãªãã€æœ€è¿‘a_matsudaã•ã‚“ãŒã‚ªãƒ¼ãƒŠãƒ¼ã«ãªã£ãŸãŸã‚ã€‚ Hamlã®TempleåŒ–ãƒ»é«˜é€ŸåŒ–ã‚’è¡Œã£ãŸ Templeã¨ã„ã†ã®ã¯ã€ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚¨ãƒ³ã‚¸ãƒ³ã‚’ãƒ‘ã‚¤ãƒ—ãƒ©ã‚¤ãƒ³çš„ã«æ§‹ç¯‰ã™ã‚‹ãŸã‚ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã€ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚¨ãƒ³ã‚¸ãƒ³ç”¨ã®ä¸é–“è¡¨ç¾ã¨ãã®æœ€é©åŒ–ã‚¨ãƒ³ã‚¸ãƒ³ã‚’æŒã¤ã€‚å®Ÿè£…ã‚’Templeãƒ™ãƒ¼ã‚¹ã«ã™ã‚‹ã¨ã€Slimã‚„Hamlitã«ä½¿ã‚ã‚Œã¦ã„ã‚‹ã‚ˆã†ãªä¸é–“è¡¨ç¾ã‚’ä½¿ã£ãŸæœ€é©åŒ–ã‚’é©ç”¨ã—ã‚„ã™ããªã‚‹ã€‚ ã‚³ãƒŸãƒƒãƒˆæ¨©ã‚’ã‚‚ã‚‰ã£ãŸã®ã§ã€RubyKaigi 2015ã§ãƒžãƒ¼ã‚¸ã•ã‚Œãªã„ã¨è¨€ã£ã¦ã„ãŸãƒ‘ãƒƒãƒã‚’è‡ªåˆ†ã§ãƒžãƒ¼ã‚¸ã—ã€ã‚³ãƒ¼ãƒ‰ç”Ÿæˆã¨attributeã®ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ã‚’Te
sugyan 2017/02/28
ã™ã”ã„

Haml

template

performance
ãƒªãƒ³ã‚¯
#RubyKaigi 2015 ã§ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚¨ãƒ³ã‚¸ãƒ³ã®é«˜é€ŸåŒ–ã«ã¤ã„ã¦è©±ã—ã¾ã—ãŸ - k0kubun's blog
Famlã¨HamlitãŒãªãœé«˜é€Ÿã‹ã«ã¤ã„ã¦è©±ã—ã¾ã—ãŸ RubyKaigi 2015ã®1æ—¥ç›®ã«ã€ã€ŒHigh Performance Template Engineã€ã¨ã„ã†ã‚¿ã‚¤ãƒˆãƒ«ã§ç™ºè¡¨ã—ã¾ã—ãŸã€‚ @eagletmtã•ã‚“ãŒä½œã£ãŸFamlã¨ã€åƒ•ãŒä½œã£ãŸHamlitãŒãªãœã‚ªãƒªã‚¸ãƒŠãƒ«ã®Hamlã«æ¯”ã¹é«˜é€Ÿã‹è©±ã—ã¾ã—ãŸã€‚ ç™ºè¡¨ã¯ä»¥ä¸‹ã®ã‚ˆã†ãªå†…å®¹ã§ã—ãŸã€‚ ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚¨ãƒ³ã‚¸ãƒ³ã¨ã¯ä½•ã‹ ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚¨ãƒ³ã‚¸ãƒ³ã®ä¾‹ ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚¨ãƒ³ã‚¸ãƒ³ã®ä»•çµ„ã¿ ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ ã©ã®ã‚ˆã†ã«Rubyã®ã‚³ãƒ¼ãƒ‰ã‚’é€Ÿãã™ã‚‹ã‹ ãƒ™ãƒ³ãƒãƒžãƒ¼ã‚¯ãŒãªãœå¿…è¦ã‹ ãƒ—ãƒãƒ•ã‚¡ã‚¤ãƒªãƒ³ã‚°ã®æ–¹æ³• æ”¹å–„ã®ä»•æ–¹ é«˜é€ŸåŒ–ã®ãŸã‚ã«ä½•ã‚’ã—ãŸã‹ FamlãŒã‚„ã£ãŸã“ã¨ Attributeã®æœ€é©åŒ– é«˜é€ŸãªRuntime Attribute Builder HamlitãŒã‚„ã£ãŸã“ã¨ String Interpolationã®ã‚³ãƒ³ãƒ‘ã‚¤ãƒ« ä½¿ã‚ã‚Œã¦ã„ãªã„æŒ™å‹•ã®å‰Šé™¤ ä»¥ä¸‹ã€ç™ºè¡¨å†…ã§
sugyan 2015/12/12
ruby

rubykaigi

presentation

template

haml
ãƒªãƒ³ã‚¯
Hamlit v2.0ã‚’ãƒªãƒªãƒ¼ã‚¹ã—ã¾ã—ãŸ & RubyKaigiç™»å£‡ã—ã¾ã™ - k0kubun's blog
Slimã‚ˆã‚Šé«˜é€ŸãªHamlå®Ÿè£…ã€ŒHamlitã€ Rubyã§HTMLã‚’ç”Ÿæˆã™ã‚‹ã®ã«ERBä»¥å¤–ã§ã‚ˆãä½¿ã‚ã‚Œã‚‹ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆè¨€èªžã«Hamlã‚„SlimãŒã‚ã‚Šã¾ã™ã€‚haml *1 ã‚’ã‚„ã‚ã¦é«˜é€Ÿãªslimã«ç§»è¡Œã™ã‚‹äººãŒå¤šã‹ã£ãŸã®ã§ã™ãŒã€ç§ã¯Hamlã®ã‚·ãƒ³ã‚¿ãƒƒã‚¯ã‚¹ã®æ–¹ãŒå¥½ããªã®ã§ã€slimãŒç”¨æ„ã—ãŸãƒ™ãƒ³ãƒãƒžãƒ¼ã‚¯ã§slimã‚ˆã‚Šé«˜é€ŸãªHamlå®Ÿè£…ã€ŒHamlitã€ã‚’3æœˆã«ãƒªãƒªãƒ¼ã‚¹ã—ã¾ã—ãŸã€‚ *2 ã“ã‚Œã¯slimãŒæä¾›ã—ã¦ã„ã‚‹ãƒ™ãƒ³ãƒãƒžãƒ¼ã‚¯ã§HTML escapeã‚’æœ‰åŠ¹ã«ã— *3ã€Famlã¨Hamlitã‚’è¿½åŠ ã—ãŸãƒ™ãƒ³ãƒãƒžãƒ¼ã‚¯ã®çµæžœã§ã™ã€‚ãªãŠHamlitã¯å®Œå…¨ã«Hamläº’æ›ã®ä»•æ§˜ã§ã¯ãªãã€ã“ã®éžäº’æ›ãŒæœ‰åˆ©ã«åƒã„ã¦ã„ã¾ã™ã€‚ äº’æ›æ€§ã¨æ€§èƒ½ãŒå¤§å¹…ã«å‘ä¸Šã—ãŸHamlit v2.0 Hamlitã®äº’æ›æ€§ã®å•é¡Œ Hamlitã¯æœ€åˆã®v0.1ã®æ™‚ç‚¹ã§ä¸Šè¨˜ã®ã‚ˆã†ãªãƒ™ãƒ³ãƒã§Slimã‚ˆã‚Šé«˜é€Ÿã§ã¯ã‚ã£ãŸã®ã§ã™ãŒã€ä»¥ä¸‹ã®ã‚ˆã†ãªæ¬ é™¥ãŒã‚ã‚Šã¾ã—
sugyan 2015/12/01
ruby

template

haml

Hamlit
ãƒªãƒ³ã‚¯
Slimã‚ˆã‚Šé«˜é€ŸãªHamlå®Ÿè£…ã€ŒHamlitã€ã‚’ãƒªãƒªãƒ¼ã‚¹ã—ã¾ã—ãŸ - k0kubun's blog
slim-template/slimã®compiled benchã§ã‚ªãƒªã‚¸ãƒŠãƒ«ã®hamlã«æ¯”ã¹8å€é«˜é€Ÿã«å‹•ä½œã™ã‚‹hamlå®Ÿè£…ã‚’ãƒªãƒªãƒ¼ã‚¹ã—ã¾ã—ãŸã€‚ github.com ãªãœé«˜é€ŸãªHamlå®Ÿè£…ã‚’ä½œã£ãŸã®ã‹ å€‹äººçš„ã«hamlã®ã‚·ãƒ³ã‚¿ãƒƒã‚¯ã‚¹ã®ã»ã†ãŒå¥½ããªã®ã§ã€ã€Œhamlã¯é…ã„ã‹ã‚‰slimã‚’ä½¿ã†ã€ã¿ãŸã„ãªäººã‚’æ¸›ã‚‰ã—ãŸã‹ã£ãŸã‹ã‚‰ã€‚ä»¥å‰slimã®æ™®åŠã«è²¢çŒ®ã—ãŸã‚“ã ã‘ã©ã€æ°—ãŒå¤‰ã‚ã£ãŸã®ã§hamlã‚’å¿œæ´ã™ã‚‹ã“ã¨ã«ã—ãŸã€‚ å®Ÿã¯ä»–ã«ã‚‚æ—¢ã«eagletmt/famlã¨ã„ã†é«˜é€ŸãªHamlå®Ÿè£…ãŒå˜åœ¨ã—ã¦ã„ãŸã‚“ã ã‘ã©ãƒ™ãƒ³ãƒã‚’èµ°ã‚‰ã›ãŸã‚‰slimã‚ˆã‚Šé…ã‹ã£ãŸã®ã§ã€slimã‚’æ‰“å€’ã™ã‚‹ã¹ãå†å®Ÿè£…ã—ãŸã€‚ ã©ã®ãã‚‰ã„Hamlã‚ˆã‚Šé€Ÿã„ã®ã‹ è‡ªåˆ†ã®å®Ÿè£…ã«éƒ½åˆã®ã„ã„ãƒ™ãƒ³ãƒãƒžãƒ¼ã‚¯ã‚’ä½œã‚‹ã®ã¯ç°¡å˜ãªã®ã§ã€å…¬å¹³æ€§ã‚’æœŸã™ãŸã‚ã«slim-template/slimã®compiled benchã¨åŒã˜ã‚‚ã®ã‚’ä½¿ã„ã€èª°ã§ã‚‚åŒã˜ç’°å¢ƒãŒä½¿ãˆã‚‹travisã§
sugyan 2015/03/31
ã‚ˆã•ãã†

ruby

haml

template
ãƒªãƒ³ã‚¯
æ›´ã«å¤§ä½“ã„ã„æ„Ÿã˜ã«ãªã‚‹keynoteãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã€ŒAzusa Colorsã€ä½œã£ãŸ - MEMOGRAPHIX
ã„ã„æ„Ÿã˜ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã€ä½œã‚‹ã®ã‚€ãšã„ã®ã§ã€ã€ŒAzusa Colorsã€ã£ã¦ã„ã†Keynoteãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’ä½œã£ãŸã€‚ä¸‹è¨˜ã®ã‚µã‚¤ãƒˆã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã‚‹ã€‚ Azusa Colors - å¤§ä½“ã„ã„æ„Ÿã˜ã«ãªã‚‹Keynoteãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆè§£èª¬ ãƒ‡ãƒ¢ã‚‚å…¼ããŸè§£èª¬ã‚¹ãƒ©ã‚¤ãƒ‰ã‚’ä½œã£ãŸã€‚ Introducing Azusa Colors Keynote Template // Speaker DeckAzusa Colorsã¨ã¯Azusa Colorsã¨ã¯ã€å¤§ä½“ã„ã„æ„Ÿã˜ã«ãªã‚‹Keynoteãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã€ŒAzusaã€ã«ã€æ–°ã—ã„ã‚«ãƒ©ãƒ¼ãƒãƒªã‚¨ãƒ¼ã‚·ãƒ§ãƒ³ã‚’åŠ ãˆãŸã‚‚ã®ã€‚ Azusaã¨ã¯åƒ•ãŒ1å¹´å‰ã«ä½œã£ãŸKeynoteãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã§ã€ã€ŒSpeakerDeckã«ã‚ã‚‹ â€œãªã‚“ã¨ãªãã„ã„æ„Ÿã˜ã®ã‚¹ãƒ©ã‚¤ãƒ‰â€ ã¯å¤§ä½“1ãƒšãƒ¼ã‚¸ã‚ãŸã‚Š3è‰²ä»¥å†…ã§æ§‹æˆã•ã‚Œã¦ã„ã‚‹ã€ã¨ã„ã†æ³•å‰‡ã«ã‚‚ã¨ã¥ãä½œæˆã—ãŸã€‚ ä½¿ã‚ã‚Œã¦ã„ã‚‹æ§˜åã‚’è¦³å¯Ÿã™ã‚‹ã¨ã€ä¸»ã«ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®å‹‰å¼·ä¼šã‚„
sugyan 2015/03/16
Keynote

presentation

template
ãƒªãƒ³ã‚¯
å¤§ä½“ã„ã„æ„Ÿã˜ã«ãªã‚‹Keynoteãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã€ŒAzusaã€ä½œã£ãŸ - MEMOGRAPHIX
ã„ã„æ„Ÿã˜ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã€ä½œã‚‹ã®ã‚€ãšã„ã®ã§ã€å¤§ä½“ã„ã„æ„Ÿã˜ã«ãªã‚‹Keynoteãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆä½œã£ãŸã€‚ã“ã“ã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã‚‹ã€‚ Azusa - å¤§ä½“ã„ã„æ„Ÿã˜ã«ãªã‚‹Keynoteãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆè§£èª¬ã‚µãƒ³ãƒ—ãƒ«ã‚‚å…¼ããŸè§£èª¬ã‚¹ãƒ©ã‚¤ãƒ‰ä½œã£ãŸã€‚ Introducing Azusa // Speaker Deckã ã„ãŸã„ã‚¹ãƒ©ã‚¤ãƒ‰ã«æ›¸ã„ãŸã‘ã©è¦ç´„ã™ã‚‹ã¨ä¸‹è¨˜ã®ã‚ˆã†ãªã“ã¨ã‚’è€ƒãˆãŸã€‚ ã‚¹ãƒ©ã‚¤ãƒ‰ä½œã‚‹ã®é›£ã—ã„è‰²ã¨ã‹é›£ã—ã„ã‹ã£ã“ã‚ˆãã—ãŸã„Azusaã£ã¦ã„ã†ã®ã‚’ä½œã£ãŸAzusaã¯ã€å¤§ä½“ã„ã„æ„Ÿã˜ã«ãªã‚‹Keynoteãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã§ã™ Azusaã®ç‰¹å¾´å¤§ä½“ã„ã„æ„Ÿã˜ã«ãªã‚‹ã‚«ãƒ©ãƒ¼ã‚¹ã‚ãƒ¼ãƒ å¤§ä½“ã„ã„æ„Ÿã˜ã«ãªã‚‹ãƒ•ã‚©ãƒ³ãƒˆå¤§ä½“ã„ã„æ„Ÿã˜ã«ãªã‚‹ãƒžã‚¹ã‚¿ãƒ¼ã‚¹ãƒ©ã‚¤ãƒ‰è‰²ã‚«ãƒ©ãƒ¼ã‚¹ã‚ãƒ¼ãƒ è€ƒãˆãŸ ç™½ã£ã½ã„è‰²ï¼ˆç™½ã£ã½ã„ã‚¯ãƒªãƒ¼ãƒ è‰²ã¨ã‹ç™½ã£ã½ã„ããšã¿è‰²ï¼‰ é»’ã£ã½ã„è‰²ï¼ˆèµ¤ã£ã½ã„é»’ã¨ã‹é’ã£ã½ã„é»’ã¨ã‹ãã†ã„ã†ã®ï¼‰ ç·‘ã¨ã‹é’ã¨ã‹ãƒ”ãƒ³ã‚¯ã¨ã‹ã®ã‚¢ã‚¯ã‚»ãƒ³ãƒˆã‚«ãƒ©ãƒ¼1è‰² åŽŸè‰²ã™ãŽãªã„ã»ã†ãŒã‚¤
sugyan 2014/04/09
Keynote

presentation

template
ãƒªãƒ³ã‚¯
Swig - A Node.js and Browser JavaScript Template Engine
Get Started Install Swig npm install swig Create Your Template <h1>{{ pagename|title }}</h1> <ul> {% for author in authors %} <li{% if loop.first%} class="first"{% endif %}> {{ author }} </li> {% else %} <li>There are no authors.</li> {% endfor %} </ul> Render Your Template var template = require('swig'); var tmpl = template.compileFile('/path/to/template.html'); tmpl.render({ pagename: 'awesome p
sugyan 2013/05/23
nodejs

template
ãƒªãƒ³ã‚¯
ãƒ—ãƒã‚°ãƒ©ãƒ ä¸ã« HTML ã¨ã‹åŸ‹ã‚è¾¼ã‚€ãŸã‚ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚¨ãƒ³ã‚¸ãƒ³ picotemplate ã‚’ä½œã£ãŸä»¶ - kazuhoã®ãƒ¡ãƒ¢ç½®ãå ´
ãŸã¨ãˆã°ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆç”Ÿæˆãƒ„ãƒ¼ãƒ«ãªã‚“ã‹ã‚’ä½œã£ã¦ã‚‹ã¨ã€HTML ã‚’ãƒ—ãƒã‚°ãƒ©ãƒ ã®ä¸ã§ç”Ÿæˆã—ãŸã„ï¼ã£ã¦ã“ã¨ã¯è‰¯ãã‚ã‚‹ã¨æ€ã„ã¾ã™ã€‚ã§ã‚‚ã€ãã®ãŸã‚ã«ã„ã¡ã„ã¡ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚¨ãƒ³ã‚¸ãƒ³ã‚’ä½¿ã†ã®ã¯å¤§ã’ã•ãªå ´åˆã‚‚å¤šã„ã§ã™ã‚ˆãã€‚ãŸã¨ãˆã°ã€ã¡ã‚‡ã£ã¨ãƒªã‚¹ãƒˆã‚’å‡ºåŠ›ã™ã‚‹ã¨ãã€‚ä»¥ä¸‹ã®ã‚ˆã†ãªæ„Ÿã˜ã®ã‚³ãƒ¼ãƒ‰ã‚’æ›¸ã„ãŸã“ã¨ãŒã‚ã‚‹äººã¯å¤šã„ã¨æ€ã„ã¾ã™ã€‚ std::string mylistToHTML(const std::vector<std::string>& list) { std::string r("<ul class=\"mylist\">\n"); for (auto i = list.begin(); i != list.end(); ++i) { r += std::string("<li class=\"mylist-it em\">") + escapeHTML(*i) + "</li>\n"; } r += "</u
sugyan 2012/07/26
template

html
ãƒªãƒ³ã‚¯
JSXã«ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆåž‹ã‚µãƒãƒ¼ãƒˆå…¥ã‚Œå§‹ã‚ãŸ - kazuhoã®ãƒ¡ãƒ¢ç½®ãå ´
ã¾ã master ã«ã¯ãƒžãƒ¼ã‚¸ã—ã¦ãªã„ã§ã™ãŒ kazuho/user-defined-templates ãƒ–ãƒ©ãƒ³ãƒã®ã‚„ã¤ã‚’ä½¿ã†ã¨ã€ class Adder.<T> { static function f(x : T, y : T) : T { return x + y; } } class Test { static function run() : void { var n = Adder.<number>.f(1, 3); log n; var s = Adder.<string>.f("abc", "def"); log s; } } ãŒã€æœ€é©åŒ–ã‚ªãƒ—ã‚·ãƒ§ãƒ³ (--optimize inline,fold-const) ã§ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«å¾Œã« Test.run$ = function () { /** @type {!number} */ var n; /** @type {!string}
sugyan 2012/06/06
JSX

template
ãƒªãƒ³ã‚¯
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
sugyan 2012/04/05
ä½¿ã£ã¦ã‚‹ãƒ’ãƒˆã©ã‚Œãã‚‰ã„ã„ã‚‹ã‚“ã ã‚ã†

JavaScript

nodejs

library

template

twitter
ãƒªãƒ³ã‚¯
Node Templates
Fork me on GitHub! Feel awesome! There are a lot of template languages available for Node.js. But how do you pick the right one? This page aims to help you choose the template language that's best for you and your project. Template Languages (alphabetical) CoffeeKup - Markup as CoffeeScript. EJS - Embedded JavaScript templates Haml-js - Haml ported to server-side Javascript. This is a traditional
sugyan 2011/10/03
ã“ã‚“ãªã«æ²¢å±±ç¨®é¡žã‚ã£ãŸã‚“ã‹â€¦

nodejs

template
ãƒªãƒ³ã‚¯
ç¬¬43å›žã€€Text::Xslateï¼šæ°¸ç¶šç’°å¢ƒã«ç‰¹åŒ–ã—ãŸãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚¨ãƒ³ã‚¸ãƒ³ | gihyo.jp
TTã®æœ¬ä½“ã‚’å·®ã—æ›¿ãˆã‚‹ å‰å›žã¯ã‚¦ã‚§ãƒ–æ¥ç•Œã§æ¨™æº–çš„ã«ä½¿ã‚ã‚Œã¦ã„ã‚‹Template Toolkitã‚’ã‚ˆã‚Šå®‰å…¨ã«ä½¿ã†ãŸã‚ã®ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºæ–¹æ³•ã‚’ã„ãã¤ã‹ç´¹ä»‹ã—ã¾ã—ãŸã€‚ã—ã°ã—ã°æ‰¹åˆ¤ã®å¯¾è±¡ã¨ãªã£ã¦ããŸã‚¨ã‚¹ã‚±ãƒ¼ãƒ—ã®å•é¡Œã«ã¤ã„ã¦ã¯ã€TTã§ã‚‚é©åˆ‡ãªæ‹¡å¼µã‚’æ–½ã›ã°å¾Œç™ºã®ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã¨éœè‰²ãªã„ã‹ã€ãã‚Œä»¥ä¸Šã«ä¾¿åˆ©ã«ä½¿ãˆã‚‹ã“ã¨ã¯ç¢ºèªã§ããŸã‹ã¨æ€ã„ã¾ã™ã€‚ ãŸã ã—ã€ã‚¨ã‚¹ã‚±ãƒ¼ãƒ—ã®ä»•æ–¹ã²ã¨ã¤ã¨ã£ã¦ã‚‚ã•ã¾ã–ã¾ãªã‚„ã‚Šæ–¹ãŒã‚ã£ãŸã‚ˆã†ã«ã€TTã¯ã€æŸ”è»Ÿã§ã‚ã‚‹ä»£å„Ÿã¨ã—ã¦é€Ÿåº¦é¢ã§ã¯ã‹ãªã‚Šã®ä¸åˆ©ã‚’æŠ±ãˆã¦ã„ã¾ã™ã€‚ ã‚‚ã£ã¨ã‚‚ã€ä¸åˆ©ã¨ã„ã£ã¦ã‚‚ãã‚Œã¯ã„ã¾ã®ã€ã—ã‹ã‚‚ã‹ãªã‚Šè¦æ¨¡ã®å¤§ããªç¾å ´ã®è¦–ç‚¹ã§è¦‹ãŸã¨ãã®è©±ã§ã€æ•°å¹´å‰ã€ãŠã‚‚ãªãƒ©ã‚¤ãƒãƒ«ãŒHTML::Masonï¼ˆã¨ã€æ©Ÿèƒ½é¢ã§å¤§ããªå·®ãŒã‚ã‚‹HTML::Templateï¼‰ã ã£ãŸæ™‚ä»£ã«ã¯TTã‚‚ååˆ†ã«é«˜é€Ÿã¨ã„ãˆã¾ã—ãŸã—[1]â ã€ä¸å°è¦æ¨¡ã®ã‚µã‚¤ãƒˆã§ã¯ã„ã¾ã§ã‚‚TTã§ååˆ†ãªãƒ¬ã‚¹ãƒãƒ³ã‚¹ã¯å¾—ã‚‰ã‚Œã¾ã™ã€‚ ã¾ãŸã€ã‹ã‚Œã“ã‚Œ10å¹´è¿‘ã
sugyan 2011/07/22
perl

template

xslate
ãƒªãƒ³ã‚¯
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
sugyan 2011/06/22
JavaScript

template
ãƒªãƒ³ã‚¯
ç¬¬40å›žã€€Text::MicroTemplateï¼šå¾—æ„åˆ†é‡Žãªã‚“ã ã‹ã‚‰Perlã‚’ä½¿ãˆã°ã„ã„ã˜ã‚ƒãªã„ã€ã¨ã„ã†æ–¹ã« | gihyo.jp
ãƒ¢ãƒ€ãƒ³Perlã®ä¸–ç•Œã¸ã‚ˆã†ã“ã ç¬¬40å›žText::MicroTemplateï¼šå¾—æ„åˆ†é‡Žãªã‚“ã ã‹ã‚‰Perlã‚’ä½¿ãˆã°ã„ã„ã˜ã‚ƒãªã„ã€ã¨ã„ã†æ–¹ã« ãƒ†ã‚ã‚¹ãƒˆã®æ•´å½¢ã¯Perlã®åŸºæœ¬ Perlã¯ã€ŒPractical Extraction and Report Languageã€ã¨ã‚‚å‘¼ã°ã‚Œã‚‹ãã‚‰ã„ã§ã€æ£è¦è¡¨ç¾ãªã©ã«ã‚ˆã‚‹æƒ…å ±æŠ½å‡ºæ©Ÿèƒ½ã¨ä¸¦ã‚“ã§ã€ãƒ¬ãƒãƒ¼ãƒˆã®å½¢ã‚’æ•´ãˆã¦å‡ºåŠ›ã™ã‚‹æ©Ÿèƒ½ã¯Perlã®æ ¹å¹¹ã‚’ãªã™éƒ¨åˆ†ã¨ã„ãˆã¾ã™ã€‚ã‚‚ã¡ã‚ã‚“ãã®ã‚‚ã£ã¨ã‚‚åŽŸå§‹çš„ãªå½¢ã¯äºŒé‡å¼•ç”¨ç¬¦ã§ããã‚‰ã‚ŒãŸæ–‡å—åˆ—ã®ãªã‹ã«ãã®ã¾ã¾å¤‰æ•°ã‚’åŸ‹ã‚è¾¼ã‚€ã‚‚ã®ã§ã™ã€‚ print "This report is created by $author."; ã‚‚ã†å°‘ã—ã“ã£ãŸã“ã¨ã‚’ã—ãŸã‘ã‚Œã°ã€Cã‹ã‚‰å—ã‘ç¶™ã„ã printfç³»ã®æ§‹æ–‡ã‚’ä½¿ãˆã°ã‚ˆã„ã§ã—ã‚‡ã†ã€‚ printf "This report is created on %04d/%02d/%02d.", $year, $
sugyan 2011/03/24
perl

template
ãƒªãƒ³ã‚¯
Perl Hackers Hubï¼šç¬¬5å›žã€€Xslateã€€æ¬¡ä¸–ä»£ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚¨ãƒ³ã‚¸ãƒ³ï¼ˆ1ï¼‰ï½œgihyo.jp â€¦ æŠ€è¡“è©•è«–ç¤¾
æœ¬é€£è¼‰ã§ã¯ç¬¬ä¸€ç·šã®Perl ãƒãƒƒã‚«ãƒ¼ãŒå›žæ›¿ã‚ã‚Šã§åŸ·ç†ã—ã¦ã„ãã¾ã™ã€‚ä»Šå›žã¯è—¤å¾éƒŽã•ã‚“ã§ã€ãƒ†ãƒ¼ãƒžã¯Xslateã§ã™ã€‚ ã¯ã˜ã‚ã« Perlã¨Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã¨ã®ç›¸æ€§ã®è‰¯ã•ã¯å‘¨çŸ¥ã®ã¨ãŠã‚Šã§ã™ã€‚ãã—ã¦ã€Webé–‹ç™ºã«ã¯ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚¨ãƒ³ã‚¸ãƒ³ãŒæ¬ ã‹ã›ã¾ã›ã‚“ã€‚ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚¨ãƒ³ã‚¸ãƒ³ã¯ã€ãƒ—ãƒ¬ã‚¼ãƒ³ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³ã¨ãƒã‚¸ãƒƒã‚¯ã‚’åˆ†é›¢ã—ã€ãƒ‡ã‚¶ã‚¤ãƒŠã¨ãƒ—ãƒã‚°ãƒ©ãƒžã®åˆ†æ¥ã‚’å¯èƒ½ã«ã—ã€MVCï¼ˆModel-View-Controllerï¼‰ã®Vï¼ˆViewï¼‰ã‚’æ‹…ã†é‡è¦ãªè¦ç´ ã§ã™ã€‚ ä»Šå›žã¯ã€ãã‚“ãªãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚¨ãƒ³ã‚¸ãƒ³ãƒ³ã®ä¸€ã¤ã§ã‚ã‚Šã€ç†è€…ãŒé–‹ç™ºã—ã¦ã„ã‚‹Xslateã‚’ç´¹ä»‹ã—ã¾ã™ã€‚Xslateã¯2010å¹´4æœˆã«é–‹ç™ºã‚’å§‹ã‚ãŸæ–°ã—ã„ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã§ã™ãŒã€é€Ÿåº¦ãƒ»å®‰å®šæ€§ãƒ»æ©Ÿèƒ½ã¨ã‚‚ã«é«˜ã„æ°´æº–ã«ãªã£ã¦ãã¾ã—ãŸã€‚ã¾ãŸã€ç‰§å¤§è¼”æ°ã‚„æ¾é‡Žå¾³å¤§æ°ã‚’ã¯ã˜ã‚ã¨ã—ãŸShibuya.pmã®é¢ã€…ã«å¤šãã®ã‚¢ãƒ‰ãƒã‚¤ã‚¹ã‚’ã„ãŸã ãã€æ—¢å˜ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚¨ãƒ³ã‚¸ãƒ³ã‚’ç½®ãæ›ãˆã‚‰ã‚Œã‚‹ãã‚‰ã„å®Ÿç”¨çš„ã«
sugyan 2011/02/01
perl

gfx

template

xslate
ãƒªãƒ³ã‚¯
How to Create a High-Speed Template Engine in Python
This document summarizes Makoto Kuwata's presentation on creating a high-speed template engine in Python. It discusses Tenjin, a template engine created by Kuwata that is very fast. It benchmarks Tenjin against other template engines like Mako, Jinja2, and Django and shows that Tenjin is significantly faster. The presentation provides optimization techniques for template engines like using bound m
sugyan 2011/01/31
python

template
ãƒªãƒ³ã‚¯
http://blog.moe-project.com/2010/09/04/re-template%E4%B8%AD%E3%81%AEurl%E3%82%92%E8%87%AA%E5%8B%95%E3%81%A7%E8%B3%A2%E3%81%8F%E3%82%A2%E3%83%B3%E3%82%AB%E3%83%BC%E3%83%86%E3%82%AD%E3%82%B9%E3%83%88%E3%81%AB%E3%81%97%E3%81%9F%E3%81%84/
sugyan 2010/09/04
<"[$url]"> ã¨æ›¸ã‘ã°ã“ã‚Œä½¿ã£ã¦æ£ã—ããƒªãƒ³ã‚¯ã«ã§ãã¾ã™ãï¼

perl

template
ãƒªãƒ³ã‚¯
Xslate ã«å…¥é–€ã—ã¤ã¤ Tiffany ã¨ã‹ Ark ã¨ã‹ - ã¯ã¡ã‚…ã«ã£ã
æœ€è¿‘ã¯ã‚‚ã£ã±ã‚‰ PHP ã‚’æ›¸ã„ã¦ã„ã‚‹ magicalhat ã§ã™ã€‚ ãã‚Œã§ã‚‚ã‚„ã£ã±ã‚Š Perl ãŒå¥½ãã€‚ ã¨ã„ã†ã‚ã‘ã§ã€id:gfx ã•ã‚“ã®æ–°ä½œ Xslate ã¨ã„ã†æ–°ã—ã„ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚¨ãƒ³ã‚¸ãƒ³ãŒç™»å ´ã—ãŸã¨ã‹ã€ãã‚ŒãŒã™ã”ãé€Ÿã„ã¨ã‹ã€ãã‚“ãªã‚¦ãƒ¯ã‚µã‚’è€³ã«ã—ãŸã®ã§å…¥é–€ã—ã¦ã¿ã‚‹ã“ã¨ã«ã€‚ ã¤ã„ã§ãªã®ã§ã€æœ€è¿‘é‹æ„ãŠå‹‰å¼·ä¸ã® Ark ã‹ã‚‰ Xslate ã‚’ä½¿ã£ã¦ã¿ã‚‹ã“ã¨ã«ã—ã¾ã—ãŸã€‚ å‚è€ƒã«ã—ãŸã®ã¯ã€id:punitan ã•ã‚“ãŒ Blog ã§ç´¹ä»‹ã•ã‚Œã¦ã„ãŸ http://xslate.org/intro.html ã®ã‚µãƒ³ãƒ—ãƒ«ãƒ—ãƒã‚°ãƒ©ãƒ ã§ã™ã€‚ # ã„ã¤ã‚‚ã®ã“ã¨ã§ã™ãŒã€å‚è€ƒã¨ã„ã†ã‚ˆã‚Šã‚‚ãƒ‘ã‚¯ã‚Šã§ã™ Ark::View::Xslate ã‚’ã¤ãã£ã¦ã¿ã‚‹ Ark ãŒæ¨™æº–ã§ã‚µãƒãƒ¼ãƒˆã—ã¦ã„ã‚‹ã®ã¯ JSON / MT (Text::MicroTemplate::Extended) / TT (Template-Toolkit
sugyan 2010/09/03
perl

template

ark
ãƒªãƒ³ã‚¯
1