[B! js.virtual_dom] asipã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

asip id:asip

js.virtual_domã«é–¢ã™ã‚‹asipã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (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}}

Ractive.js ã®ç´¹ä»‹ â€” KaoriYa
HTML ã® DOM æ“ä½œã‚’è‰¯ã„æ„Ÿã˜ã§éš è”½ã—ã¦ãã‚Œã‚‹ Ractive.js ã¨ã„ã†ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ æœ¬è¨˜äº‹ã¯ VirtualDOM Advent Calendar 2014 ã®13æ—¥ç›®ã®è¨˜äº‹ã§ã™ã€‚ VirtualDOM ã¨ã„ãˆã° React ã ã€ã¨è¨€ã‚ã‚“ã°ã‹ã‚Šã®æµã‚Œã§ã™ãŒã€æœ¬è¨˜äº‹ã§ã¯æ•¢ãˆã¦ Ractive.js ã‚’å–ã‚Šä¸Šã’ã¾ã™ã€‚Ractive.js ãŒ VirtualDOM ã‹ã£ã¦? ç¢ºã‹ã‚ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ è‰¯ã—ã€å¤§ä¸ˆå¤«ã€‚VirtualDOMã§ã™ã€‚ Ractive.js ã¨ã¯? Ractive.js ã¯æœ¬å®¶ã‚µã‚¤ãƒˆã®èª¬æ˜Žã‚’å€Ÿã‚Šã‚Œã°ã€ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆãƒ‰ãƒªãƒ–ãƒ³ãªUIãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ãªã‚“ã®ã“ã£ã¡ã‚ƒã‚ã‹ã‚‰ãªã„ã§ã—ã‚‡ã†ãã€‚ ã¾ãšVirtualDOMã®ãƒ¡ãƒªãƒƒãƒˆã¨ã¯ ç”Ÿã®DOMã‚’ç›´æŽ¥æ“ä½œã—ãªãã¦ã‚‚ã€JavaScriptã®ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã ã‘ã‚’æ“ä½œã™ã‚Œã°ã€ä¸Šæ‰‹ã„ã“ã¨è‡ªå‹•çš„ã«æ›¸ãæ›ãˆã¦ãã‚Œã‚‹ ã“ã¨ã ã¨è¨€ãˆã¾ã™ã€‚
asip 2014/12/24
js.reactive

js.virtual_dom
ãƒªãƒ³ã‚¯
ã€Reactiveã€‘Ractive.jsã‚’ä½¿ã£ã¦ã¿ãŸ â€“ FiS Project
asip 2014/12/24
js.reactive

js.virtual_dom
ãƒªãƒ³ã‚¯
Ractive.jså…¥é–€ - lxyuma BLOG
ã“ã‚Œã¯ã€jsCafe18ã§è©±ã—ãŸSlideã§ã™ã€‚ æ¦‚è¦ ã“ã‚Œã‹ã‚‰ã€ã€ŒRactive.jsã€ã¨ã„ã† jsä¸Šã§ReactiveãªUIã‚’ ã¨ã¦ã‚‚simpleã«buildã™ã‚‹ãŸã‚ã®libraryã®è©±ã‚’ã—ã¾ã™ ç›®æ¬¡ reactive programming ractive.js ä»–ã®frameworkã¨ã®æ¯”è¼ƒ Backboneã«å…¥ã‚Œã¦ã¿ã‚‹ ãã‚‚ãã‚‚Reactive Programmingã¨ã¯ï¼Ÿ å¤ãã¯ã€2003å¹´é ƒã‹ã‚‰æ—¥æœ¬ã®blogã§ã‚‚å¹¾ã¤ã‹è¨€åŠã•ã‚Œã¦ã‚‹æ¨¡æ§˜ åŽ»å¹´ã€æ›´ã«è‰²ã€…ã¨å‹•ããŒå‡ºã¦ããŸã€‚ 2013/7 ã‚¬ãƒ¼ãƒˆãƒŠãƒ¼ã®2013å¹´ã®reportã§æ‰±ã‚ã‚Œã¦ã‚‹ 2013/9 ãƒªã‚¢ã‚¯ãƒ†ã‚£ãƒ–ãƒžãƒ‹ãƒ•ã‚§ã‚¹ãƒˆãŒå‡ºãŸã€‚ã“ã‚Œè¨³ã•ã‚Œã¦ã‚‹æ–¹ãŒã„ãŸã€‚ 2013/9 infoQã®è¨˜äº‹è¦‹ã‚‹ã¨å¤§ä½“ã®æµã‚Œã‚„æ¦‚è¦ãŒåˆ†ã‹ã‚‹ ãƒã‚ºã‚Šã¨æ„å‘³ã®åºƒãŒã‚Š ãªã‚“ã‹å¾ã€…ã«ãƒã‚ºã‚Šæ„ŸãŒã‚ã‚‹ ä»–ã®ãƒã‚ºã‚Šãƒ¯ãƒ¼ãƒ‰(cloudç‰)ã¨åŒã˜ã‚ˆã†ã«æ„å‘³ãŒåºƒç¾©ã«ã€ã‚ˆã‚ŠæŠ½
asip 2014/12/24
js.reactive

js.virtual_dom
ãƒªãƒ³ã‚¯
ãƒªã‚¢ãƒ«ãª DOM ã¯ãªãœé…ã„ã®ã‹ - steps to phantasien
ã“ã‚Œã¯ VirtualDOM Advent Calendar 2014 ã«å‹æ‰‹ã«å‚åŠ ã™ã‚‹è¨˜äº‹ã§ã™ã€‚ ã‚ãŸãŸã‹ã„æ˜¥ã®æ˜¼ä¸‹ãŒã‚Šã®ã“ã¨ã€ã‚ã‚‹ãƒ–ãƒ©ã‚¦ã‚¶ãƒ™ãƒ³ãƒ€ã®ç¤¾å†…ã‚’ä¸ç©ãªå™‚ãŒé§†ã‘å·¡ã£ãŸã€‚ ã€ŒReact.js ãªã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ã©ã†ã‚‚ä»®æƒ³ DOM ã¨ã„ã†ã‚„ã¤ã®ã›ã„ã§é€Ÿã„ã‚‰ã—ã„ãžã€ ã‚‚ã†ãƒªã‚¢ãƒ«ãª DOM ã¯ãŠå½¹å¾¡å…ã€ãƒ–ãƒ©ã‚¦ã‚¶ã‚‚å•†å£²ä¸ŠãŒã£ãŸã‚Šã‹ãƒ»ãƒ»ãƒ»ã€‚é›‡ç”¨ã«ä¸å®‰ã‚’è¦šãˆã‚‹äºº(ç§)ãŒã„ã‚‹ä¸€æ–¹ã€ ãã®ã‚¢ã‚¤ãƒ‡ã‚¢ã‚’ã¨ã‚Šã“ã‚“ã§ãƒ–ãƒ©ã‚¦ã‚¶ã® DOM ã‚’é€Ÿãå‡ºæ¥ãªã„ã‹ã¨è€ƒãˆã‚‹äººãŸã¡ã‚‚ã„ãŸã€‚ ä»®æƒ³ DOM ã¯ãªãœé€Ÿã„ã®ã‹ã€‚èª°ã‹ã®ã¤ã¦ã‚’è¾¿ã£ã¦ React.js ãƒãƒ¼ãƒ ã«ãŠã„ã§ã„ãŸã ãã€é€Ÿã•ã®ç§˜å¯†ã‚’ãƒ†ãƒƒã‚¯ãƒˆãƒ¼ã‚¯ã—ã¦ã‚‚ã‚‰ã†ã€‚ ã‚¤ãƒŸãƒ¥ãƒ¼ã‚¿ãƒ–ãƒ«ãªãƒ‡ãƒ¼ã‚¿æ§‹é€ ã«ã‚ˆã‚‹å˜ç´”åŒ–ã€éžåŒæœŸé©ç”¨ã«ã‚ˆã‚‹å‡¦ç†ã®ãƒãƒƒãƒåŒ–ã€å·®åˆ†ã‚¢ãƒ«ã‚´ãƒªã‚ºãƒ ã«ã‚ˆã‚‹å‰¯ä½œç”¨ã®æœ€å°åŒ–â€¦ ã„ãã¤ã‹ã®ã‚¢ã‚¤ãƒ‡ã‚¢ã¯ãƒ–ãƒ©ã‚¦ã‚¶ã‹ã‚‰ã¯ã©ã†ã«ã‚‚ãªã‚‰ãªã„ãŒã€ãŸã¨ãˆã°éžåŒæœŸåŒ–ãªã‚“ã‹ã¯å½¢ã¯é•ãˆã©ãƒ–ãƒ©ã‚¦ã‚¶
asip 2014/12/14
js.virtual_dom

browser.hack
ãƒªãƒ³ã‚¯
1

ãŠçŸ¥ã‚‰ã›

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

å…¬å¼Twitter

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

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

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

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

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

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

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

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

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

ã‚¿ã‚°

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

js.virtual_domã«é–¢ã™ã‚‹asipã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (4)

ãŠçŸ¥ã‚‰ã›

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

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

æœˆé–“ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆï¼‰

å…¬å¼Twitter

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

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

å…¬å¼Twitter

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

ã‚¿ã‚°

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

js.virtual_domã«é–¢ã™ã‚‹asipã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (4)

Ractive.js ã®ç´¹ä»‹ â€” KaoriYa

ã€Reactiveã€‘Ractive.jsã‚’ä½¿ã£ã¦ã¿ãŸ â€“ FiS Project

Ractive.jså…¥é–€ - lxyuma BLOG

ãƒªã‚¢ãƒ«ãª DOM ã¯ãªãœé…ã„ã®ã‹ - steps to phantasien

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

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

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

æœˆé–“ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚­ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆï¼‰

å…¬å¼Twitter

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

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

å…¬å¼Twitter

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

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

js.virtual_domã«é–¢ã™ã‚‹asipã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (4)

Ractive.js ã®ç´¹ä»‹ â€” KaoriYa

ã€Reactiveã€‘Ractive.jsã‚’ä½¿ã£ã¦ã¿ãŸ â€“ FiS Project

ãƒªã‚¢ãƒ«ãª DOM ã¯ãªãœé…ã„ã®ã‹ - steps to phantasien

ãŠçŸ¥ã‚‰ã›

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

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

æœˆé–“ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆï¼‰

å…¬å¼Twitter

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

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

å…¬å¼Twitter

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