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

tarchan id:tarchan

templateã¨html5ã«é–¢ã™ã‚‹tarchanã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (4)

${{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}}

æ–°ã—ããªã‚‹appCacheã¨templateã§Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ä½œã‚Šæ–¹ãŒå¤‰ã‚ã‚‹
WebComponentsä»•æ§˜ã®ä¸€éƒ¨ã¨ã—ã¦è°è«–ã•ã‚Œã¦ã„ã‚‹ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã®æ©Ÿèƒ½ã¯ã€AjaxãŒç™»å ´ã—ãŸã¨ãã®ã‚ˆã†ã«Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å¤‰ãˆã¦ã„ãã ã‚ã†ã€‚W3Cã®ãƒžã‚¤ã‚±ãƒ«ãƒ»ã‚¹ãƒŸã‚¹ï¼ˆMichael Smithï¼‰æ°ã¯2æœˆ18æ—¥ã«éƒ½å†…ã§é–‹å‚¬ã•ã‚ŒãŸã€Œç¬¬36å›žHTML5ã¨ã‹å‹‰å¼·ã€ã§ãã†èª¬æ˜Žã—ã€HTML5.1ã«ç›¸å½“ã™ã‚‹è°è«–ä¸ã®æ–°æ©Ÿèƒ½ã¸ã®æœŸå¾…ã‚’ç¤ºã—ã¾ã—ãŸã€‚ å…ˆé€±ç´¹ä»‹ã—ãŸã€Œã‚ªãƒ•ãƒ©ã‚¤ãƒ³ãƒ•ã‚¡ãƒ¼ã‚¹ãƒˆã®æ€æƒ³ã¨å®Ÿè·µã€ã®å‰ã«è¡Œã‚ã‚ŒãŸã‚¹ãƒŸã‚¹æ°ã®ã‚»ãƒƒã‚·ãƒ§ãƒ³ã€Œå‹§å‘Šå€™è£œã«ãªã£ãŸHTML5.0ã®ä»•æ§˜ã«ã¤ã„ã¦ã¨ã€HTML5.1ã®å§‹ã¾ã‚Šã€ã®å†…å®¹ã‚’ãƒ€ã‚¤ã‚¸ã‚§ã‚¹ãƒˆã§ç´¹ä»‹ã—ã¾ã—ã‚‡ã†ã€‚ æ–°ã—ããªã‚‹ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚ãƒ£ãƒƒã‚·ãƒ¥ ãƒžã‚¤ã‚±ãƒ«ãƒ»ã‚¹ãƒŸã‚¹æ°ã€‚ä»Šæ—¥ã¯appCacheã¨templateã¨ã€HTML5ã®ãƒ†ã‚¹ãƒˆã‚’githubä¸Šã«ç½®ãå§‹ã‚ãŸã€ãªã©ã®è©±ã‚’ã—ã¾ã™ã€‚ ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚ãƒ£ãƒƒã‚·ãƒ¥ï¼ˆappCacheï¼‰ã¯ã”å˜ã˜ã§ã™ã‹ï¼Ÿ HTML5ã§ã‚ªãƒ•ãƒ©ã‚¤ãƒ³ã‚¢ãƒ—ãƒª
tarchan 2013/03/04
html5

controller

template
ãƒªãƒ³ã‚¯
Shumpei Shiraishi's Weblog: Webé–‹ç™ºã‚’é©å‘½ã™ã‚‹ï¼ˆã‹ã‚‚çŸ¥ã‚Œãªã„ï¼‰Web Componentsã¨ã„ã†ä»•æ§˜ã«ã¤ã„ã¦
2012å¹´12æœˆ25æ—¥ç«æ›œæ—¥ Webé–‹ç™ºã‚’é©å‘½ã™ã‚‹ï¼ˆã‹ã‚‚çŸ¥ã‚Œãªã„ï¼‰Web Componentsã¨ã„ã†ä»•æ§˜ã«ã¤ã„ã¦ Web Componentsã¯ã€ç¾åœ¨ã®ã¨ã“ã‚ä½™ã‚Šã¾ã¨ã¾ã£ãŸæ—¥æœ¬èªžã®æƒ…å ±ãŒãªã„ã‚ˆã†ã§ã™ãŒã€Webé–‹ç™ºã‚’å¤§ããã€æœ¬å½“ã«å¤§ããå¤‰ãˆã‚‹å¯èƒ½æ€§ã‚’æŒã¤ãƒ†ã‚¯ãƒŽãƒã‚¸ãƒ¼ã§ã™ã€‚ Web Componentsã¯ã€ç¾åœ¨ã®WebãŒæŠ±ãˆã‚‹å¤§ããªå•é¡Œç‚¹ã‚’è§£æ±ºã™ã‚‹æ‰‹æ®µã¨ã—ã¦W3Cã§ä»•æ§˜ãŒç–å®šä¸ã§ã™ã€‚ä»•æ§˜ç–å®šã‚’ä¸»å°Žã—ã¦ã„ã‚‹ã®ã¯Googleã§ã€ç¾æ™‚ç‚¹ã§ã¯Google Chromeï¼ˆWebKitï¼‰ãŒWeb Componentsï¼ˆã®ä¸€éƒ¨ï¼‰ã‚’å®Ÿè£…ã—ã¦ã„ã‚‹å”¯ä¸€ã®ãƒ–ãƒ©ã‚¦ã‚¶ã§ã™ã€‚ Google Japanã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‚‚ã€Web Componentsã®å®Ÿè£…ã«ã¯æ·±ãé–¢ã‚ã£ã¦ã„ã‚‹ã¨ã®ã“ã¨ãªã®ã§ã€ãã®ã†ã¡æ—¥æœ¬èªžã®æƒ…å ±ã‚‚å……å®Ÿã—ã¦ãã‚‹ã¨æ€ã‚ã‚Œã¾ã™ãŒã€æœ¬ã‚¨ãƒ³ãƒˆãƒªã¯ãã‚Œã¾ã§ã®ã¤ãªãŽã€ã¨ã„ã†ã“ã¨ã§æ›¸ã„ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã—ã‹ã—ã€Web Co
tarchan 2012/12/26
html5

webcomponents

template

decorator
ãƒªãƒ³ã‚¯
Mixer2 â€“ Beyond the JSP
Introduction For example, EC site that has multi tenant shopping mall or blog service site shuld have differrent design for each tenant/user but the functionality should be same. Or, for one site and one owner, but there is some request to continue changing web design for reason of marketing. Traditional approach of template engine such as JSP or velocity force you to write complex template that h
tarchan 2011/08/17
java

html5

template
ãƒªãƒ³ã‚¯
ãƒ—ãƒãƒ•ã‚§ãƒƒã‚·ãƒ§ãƒŠãƒ«ç”¨ã®HTML5+CSS3+jQueryã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ -HTML5 Boilerplate
ãƒ—ãƒãƒ•ã‚§ãƒƒã‚·ãƒ§ãƒŠãƒ«å‘ãã«é–‹ç™ºã•ã‚ŒãŸã€HTML5+CSS3+jQueryãªã©ç›´æŽ¥å®Ÿè£…ã«é–¢ã‚ã‚‹ãƒ•ã‚¡ã‚¤ãƒ«ã‹ã‚‰ã€robots.txt, .htaccessãªã©ã‚µãƒ¼ãƒãƒ¼é–¢é€£ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚‚ä¸€å¼ã«ã¾ã¨ã¾ã£ãŸãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ HTML5 Boilerplate æ˜¨æ—¥ã€å½“ã‚µã‚¤ãƒˆã§ç´¹ä»‹ã—ãŸã€ŒHTML5 Resetã€ã‚‚HTML5+CSS3ã‚’ãƒ™ãƒ¼ã‚¹ã«é–‹ç™ºã•ã‚ŒãŸãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚»ãƒƒãƒˆã§ã™ãŒã€ã“ã¡ã‚‰ã¯ã‚ˆã‚Šãƒ—ãƒãƒ•ã‚§ãƒƒã‚·ãƒ§ãƒŠãƒ«å‘ã‘ã«é–‹ç™ºã•ã‚ŒãŸã‚‚ã®ã¨ãªã£ã¦ã„ã¾ã™ã€‚ ä¸‹è¨˜ã«ãã®ç‰¹å¾´ã‚’ã€‚ HTML5 Boilerplateã®ä¸»ãªç‰¹é•· ã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶å¯¾å¿œï¼ˆIE6ã‚‚ï¼‰ HTML5å¯¾å¿œ ã‚ãƒ£ãƒƒã‚·ãƒ¥ã®æœ€é©åŒ–ã¨åœ§ç¸®ã§Grade-Aã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ ãƒ¢ãƒã‚¤ãƒ«ãƒ–ãƒ©ã‚¦ã‚¶ã¸ã®æœ€é©åŒ– ã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶å¯¾å¿œã®ãŸã‚ã«IEã§ã¯ç‰¹å®šã®classã‚’ç”¨æ„ ãƒ—ãƒªãƒ³ãƒˆç”¨ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã€ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã®æœ€é©åŒ– HTML5ã§ã‚ˆã‚Šæ—©ã„ãƒšãƒ¼ã‚¸ãƒãƒ¼ãƒ‰ã«ã™ã‚‹ã€Œ.htac
tarchan 2010/08/11
html5

template
ãƒªãƒ³ã‚¯
1

ãŠçŸ¥ã‚‰ã›

ã‚‚ã£ã¨èªã‚€

å…¬å¼Twitter

@hatebu
æœ€æ–°ã®äººæ°—ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã®é…ä¿¡

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

jæ¬¡ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

kå‰ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

lã‚ã¨ã§èªã‚€

eã‚³ãƒ¡ãƒ³ãƒˆä¸€è¦§ã‚’é–‹ã

oãƒšãƒ¼ã‚¸ã‚’é–‹ã

è¨å®šã‚’å¤‰æ›´ã—ã¾ã—ãŸx

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

ã‚¿ã‚°

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (4)

templateã¨html5ã«é–¢ã™ã‚‹tarchanã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (4)

ãŠçŸ¥ã‚‰ã›

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2026å¹´1æœˆç¬¬4é€±ï¼‰

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2026å¹´1æœˆç¬¬3é€±ï¼‰

ã€å®Œäº†ã€‘ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã®è¨ˆç”»ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ã®ãŠçŸ¥ã‚‰ã›ï¼ˆ2026å¹´1æœˆ23æ—¥(é‡‘) æ·±å¤œ1:30ã€œ3:00ï¼‰

å…¬å¼Twitter

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹

ã‚¿ã‚°

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (4)

templateã¨html5ã«é–¢ã™ã‚‹tarchanã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (4)

æ–°ã—ããªã‚‹appCacheã¨templateã§Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ä½œã‚Šæ–¹ãŒå¤‰ã‚ã‚‹

Shumpei Shiraishi's Weblog: Webé–‹ç™ºã‚’é©å‘½ã™ã‚‹ï¼ˆã‹ã‚‚çŸ¥ã‚Œãªã„ï¼‰Web Componentsã¨ã„ã†ä»•æ§˜ã«ã¤ã„ã¦

Mixer2 â€“ Beyond the JSP

ãƒ—ãƒ­ãƒ•ã‚§ãƒƒã‚·ãƒ§ãƒŠãƒ«ç”¨ã®HTML5+CSS3+jQueryã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ -HTML5 Boilerplate

ãŠçŸ¥ã‚‰ã›

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚­ãƒ³ã‚°ï¼ˆ2026å¹´1æœˆç¬¬4é€±ï¼‰

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚­ãƒ³ã‚°ï¼ˆ2026å¹´1æœˆç¬¬3é€±ï¼‰

ã€å®Œäº†ã€‘ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã®è¨ˆç”»ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ã®ãŠçŸ¥ã‚‰ã›ï¼ˆ2026å¹´1æœˆ23æ—¥(é‡‘) æ·±å¤œ1:30ã€œ3:00ï¼‰

å…¬å¼Twitter

ã‚­ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (4)

templateã¨html5ã«é–¢ã™ã‚‹tarchanã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (4)

æ–°ã—ããªã‚‹appCacheã¨templateã§Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ä½œã‚Šæ–¹ãŒå¤‰ã‚ã‚‹

Shumpei Shiraishi's Weblog: Webé–‹ç™ºã‚’é©å‘½ã™ã‚‹ï¼ˆã‹ã‚‚çŸ¥ã‚Œãªã„ï¼‰Web Componentsã¨ã„ã†ä»•æ§˜ã«ã¤ã„ã¦

ãƒ—ãƒãƒ•ã‚§ãƒƒã‚·ãƒ§ãƒŠãƒ«ç”¨ã®HTML5+CSS3+jQueryã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ -HTML5 Boilerplate

ãŠçŸ¥ã‚‰ã›

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2026å¹´1æœˆç¬¬4é€±ï¼‰

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2026å¹´1æœˆç¬¬3é€±ï¼‰

ã€å®Œäº†ã€‘ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã®è¨ˆç”»ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ã®ãŠçŸ¥ã‚‰ã›ï¼ˆ2026å¹´1æœˆ23æ—¥(é‡‘) æ·±å¤œ1:30ã€œ3:00ï¼‰

å…¬å¼Twitter

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹