[B! AngularJS] monomotiã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

monomoti id:monomoti

AngularJSã«é–¢ã™ã‚‹monomotiã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (5)

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

http://blog.asial.co.jp/1236
monomoti 2013/12/13
AngularJS

Javascript
ãƒªãƒ³ã‚¯
æ–°ãƒ»ä¸‰å¤§JavaScriptãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®å®Ÿè·µ(Backbone.js Knockout.js Angular.js) - Qiita
Todoãƒªã‚¹ãƒˆã®æ©Ÿèƒ½ 1.ãƒ†ã‚ã‚¹ãƒˆãƒœãƒƒã‚¯ã‚¹ã‹ã‚‰ã€Enterã§è¿½åŠ ã§ãã‚‹ 2.ç™»éŒ²ã—ãŸTodoã¯ãƒ€ãƒ–ãƒ«ã‚¯ãƒªãƒƒã‚¯ã§ç·¨é›†å¯èƒ½ã«ãªã‚Šã€Enterã§ç·¨é›†ç¢ºå®šã§ãã‚‹ 3.ç™»éŒ²ã•ã‚Œã¦ã„ã‚‹Todoã®ç·ä»¶æ•°ãŒãƒ•ãƒƒã‚¿ãƒ¼ã«è¡¨ç¤ºã•ã‚Œã‚‹ 4.å®Œäº†ã—ãŸTodoãŒã‚ã‚‹å ´åˆã€ãã‚Œã‚‰ã‚’ãƒªã‚¹ãƒˆã‹ã‚‰æ¶ˆã™ãƒœã‚¿ãƒ³ãŒè¡¨ç¤ºã•ã‚Œã‚‹ 5.å…¨é¸æŠž/è§£é™¤ã‚’è¡Œã†ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ãŒã‚ã‚‹ å€‹äººçš„ãªçµè«– è¶£å‘³é–‹ç™ºã§ä½¿ã†ãªã‚‰Angular.jsãƒ»ä»•äº‹ã§ä½¿ã†ãªã‚‰Knockout.jsã‚’ãŠå‹§ã‚ã—ãŸã„ã€‚ ã¾ãšã€ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’é¸æŠžã™ã‚‹éš›ã¯ã€ä»¥ä¸‹3ã¤ã®é¸æŠžåŸºæº–ã‚’æŒã¤ã¨ã‚ˆã„ã¨æ€ã†ã€‚ 1.é–‹ç™ºã®è¦æ¨¡ å¤§è¦æ¨¡ãªã‚‰Backbone.jsã¯ãŠå‹§ã‚ã§ãã‚‹ã€‚ æ›¸ãæ–¹ãŒæ±ºã¾ã£ã¦ã„ã¦ã€ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã«ç›®ã‚’é€šã›ã°(é¢å€’ãªã®ã¯ç½®ã„ã¦ãŠã„ã¦)ä½•ã‚’ä½œã‚‰ãªã‘ã‚Œã°ãªã‚‰ãªã„ã‹ã¯ç°¡å˜ã«ç†è§£ã§ãã‚‹ã€‚ãã“ãã“ã®äººæ•°ã§é•·ã„æ™‚é–“ã®é–‹ç™ºã‚’è¡Œã†ãªã‚‰ã€UIãƒãƒ¼ãƒ ã¯ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã¨Viewã€ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ã¯
monomoti 2013/12/13
Angularã¨Knockoutã¯é™çš„DOMå®šç¾©ã‚ã‚Šããªã®ã§åœ°å›³ç‰å‹•çš„ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’æ‰±ã„ãŸã„è‡ªåˆ†ã«ã¯ä¸å‘ãã€‚ã‚ˆã£ã¦ç›®ä¸‹Backboneä¸€æŠžã§ã™ã€‚ãƒ†ãƒ³ãƒ—ãƒ¬ä½œã£ã¦ãŠã‘ã°å°è¦æ¨¡ã§ã‚‚ã™ãå‡ºæ¥ã‚‹ã—ã€‚

javascript

ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯

AngularJS

backbone.js

Knockout.js
ãƒªãƒ³ã‚¯
AngularJSã®ç´ æ™´ã‚‰ã—ã•ã‚’æ•´ç†ã—ã¦ã¿ã‚‹ - pochi's weblog
ä¹…ã€…ã®ãƒ–ãƒã‚°ã«ãªã‚Šã¾ã™ã€‚ 3å¹´ã»ã©JavaScriptã‚’åˆ©ç”¨ã—ãŸé–‹ç™ºã‚’ã—ã¦ãã¾ã—ãŸãŒã€æœ€åˆã¯ãªãœJavaScriptã§MVCãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãŒå¿…è¦ãªã®ã‹ã„ã¾ã„ã¡ã‚ã‹ã‚‰ãšã€ã„ã‚ã„ã‚è©¦è¡ŒéŒ¯èª¤ã—ã¦ãã¾ã—ãŸã€‚ ä»Šæ—¥ã¯ã‚¿ã‚¤ãƒˆãƒ«ã®é€šã‚ŠAngularJSãŒç´ æ•µã ãªã¨ã„ã†ã“ã¨ã‚’æ›¸ããŸã„ã®ã§ã™ãŒã€ã‚ˆãã‚ã‚‹ãƒ™ã‚¹ãƒˆãƒ—ãƒ©ã‚¯ãƒ†ã‚£ã‚¹ã¿ãŸã„ãªã‚‚ã®ã§ã¯ãªãã€è‡ªèº«ãŒã©ã®ã‚ˆã†ã«æ€è€ƒå›žè·¯ã‚’çµŒç”±ã—ã¦ã“ã“ã«è¡Œãç€ã„ãŸã®ã‹ã¨ã„ã†çµŒé¨“è«‡ã‚’è¨˜ã—ã¦ãŠããŸã„ã¨æ€ã„ã¾ã™ã€‚ ã¡ãªã¿ã«ç§ã®JavaScriptåŠ›ã¯é«˜ãã‚ã‚Šã¾ã›ã‚“ã®ã§ã‚ã—ã‹ã‚‰ãšãƒ»ãƒ»ãƒ»ã€‚ jQuery æ˜”ã€…ã€JavaScript MV(V)Cã¿ãŸã„ãªã‚‚ã®ãŒãªã‹ã£ãŸæ™‚ä»£ã€JavaScriptã§ãƒªãƒƒãƒãªã‚‚ã®ã‚’ä½œã‚ã†ã¨ãªã‚‹ã¨jQueryã‚„Dojoã®ã‚ˆã†ãªä½Žãƒ¬ã‚¤ãƒ¤ãƒ¼ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãŒä¸»ã«åˆ©ç”¨ã•ã‚Œã¦ã„ã¾ã—ãŸã€‚ ãã®å½“æ™‚ç°¡å˜ãªã‚·ãƒ³ã‚°ãƒ«ãƒšãƒ¼ã‚¸ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œã£ã¦ã„ã¾ã—ãŸãŒç§ã¯jQueryã‚’æŽ¡ç”¨ã—ã¾
monomoti 2013/11/15
ã„ã¾ã¯Backboneã‚’é¢å€’ã¨æ€ã‚ãªã„ã—ã€ã¾ã Angularã«ç§»è¡Œã™ã‚‹ç†ç”±ã«ã¯ãªã‚‰ãªã„ãªãƒ¼ã€‚ã—ã‹ã—ã“ã®ã‚¨ãƒ³ãƒˆãƒªã€jQuery,Backbone,Angularã¨ã„ã†ä¸¦ã³ãŒæ°—æŒã¡æ‚ªã„...

AngularJS

backbone.js

javascript

ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯
ãƒªãƒ³ã‚¯
JavaScript MVCãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ŒAngularJS 1.2ã€ãƒªãƒªãƒ¼ã‚¹ã€‚è¦æœ›ã®å¤šã‹ã£ãŸã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³æ©Ÿèƒ½ãŒè¿½åŠ ã€è„†å¼±ãªã‚³ãƒ¼ãƒ‰ã‚’åˆ¶é™ã™ã‚‹ãƒ¢ãƒ¼ãƒ‰ã‚‚
JavaScript MVCãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ŒAngularJS 1.2ã€ãƒªãƒªãƒ¼ã‚¹ã€‚è¦æœ›ã®å¤šã‹ã£ãŸã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³æ©Ÿèƒ½ãŒè¿½åŠ ã€è„†å¼±ãªã‚³ãƒ¼ãƒ‰ã‚’åˆ¶é™ã™ã‚‹ãƒ¢ãƒ¼ãƒ‰ã‚‚ JavaScriptã®MVCãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¯Backbone.jsã‚„Ember.jsãªã©å¤šãã®ç¨®é¡žãŒç™»å ´ã—ã¦ã„ã¾ã™ãŒã€Backbone.jsã‚„Ember.jsãªã©ãŒæ¯”è¼ƒçš„ã‚·ãƒ³ãƒ—ãƒ«ãªãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’æŒ‡å‘ã—ã¦ã„ã‚‹ã®ã«å¯¾ã—ã¦ã€AngularJSã®ç‰¹å¾´ã¯UIãƒã‚¤ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ã‚’å«ã‚€ãƒªãƒƒãƒãªãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨ã—ã¦é–‹ç™ºã•ã‚Œã¦ã„ã‚‹ã“ã¨ã§ã™ï¼ˆã¡ãªã¿ã«AngularJSã®Webã‚µã‚¤ãƒˆã§ã¯ã€ŒMVWãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ã¨åä¹—ã£ã¦ã„ã¾ã™ã€‚MVWã®Wã¯Whateverã‚‰ã—ã„ã§ã™ï¼‰ã€‚ AngularJSã§ã¯ã€HTMLã«JavaScriptã®ã‚³ãƒ¼ãƒ‰ã‚’æ··ãœè¾¼ã¾ãªãã¨ã‚‚ã€è˜åˆ¥åã‚’å·®ã—è¾¼ã‚€ã ã‘ã§ã€ãã®è˜åˆ¥åã«å¯¾å¿œã—ãŸãƒ¢ãƒ‡ãƒ«ã®ãƒ‡ãƒ¼ã‚¿ã‚’è‡ªå‹•çš„ã‹ã¤ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã«è¡¨ç¤ºã—ã¦ãã‚Œã¾ã™ã€‚é€†ã«ã€HT
monomoti 2013/11/11
"MVWã®Wã¯Whateverã‚‰ã—ã„" èˆˆå‘³ã¯ã‚ã‚‹ãŒã¾ãšè‡ªåˆ†ã¯Backbone.jsã‚’çªãè©°ã‚ãŸã„ã€‚

javascript

programming

ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯

AngularJS
ãƒªãƒ³ã‚¯
Angular.jsã¨Backbone.jsã®DOMä¾å˜ã‚’å›³è§£ã™ã‚‹ - ã‚¸ãƒ³ã‚¸ãƒ£ãƒ¼ç ”ç©¶å®¤
æžœæ•¢ã«ã‚‚MVCãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®å›³è§£ã‚’è©¦ã¿ãŸã®ã§ã€ã©ã†ãžï¼ MVCã®å‹•æ©Ÿ MVCã¨ã„ã†è¨€è‘‰ãŒåˆã‚ã¦ç™»å ´ã—ã¦ã‹ã‚‰30å¹´ä»¥ä¸ŠãŸã£ãŸä»Šã€æœ€æ—©ãªã‚“ã ã£ãŸã®ã‹åˆ†ã‹ã‚‰ãªã„ã»ã©MVCã®å®šç¾©ã¯æ··è¿·ã‚’ããŸã—ã¦ã„ã‚‹ã‚ã‘ã ãŒã€ã©ã‚ŒãŒMVCã§MVVMã§MVPã§ã‚ã‚‹ã¨ã„ã†å®šç¾©ã«ã¤ã„ã¦ã‚ã‚Œã“ã‚Œè€ƒå¯Ÿã™ã‚‹ã®ã¯å€‹äººçš„ã«ã¯å¥½ãã§ãªãã¦ã€ã€Œçµå±€ä½•ãŒã—ãŸã„ã®ã‹ã€ã¨ã„ã†å‹•æ©ŸãŒã¶ã‚Œã¦ã„ãªã‘ã‚Œã°ä½•ã§ã‚‚è‰¯ã„ã¨æ€ã£ã¦ã„ã‚‹ã€‚ ã˜ã‚ƒã‚ãã‚Œã¯ä¸€ä½“ä½•ãªã®ã‹ã¨ã„ã†ã“ã¨ã‚’è‡ªåˆ†ãªã‚Šã«è€ƒãˆã¦ã¿ãŸã¨ã“ã‚ã€æ¬¡ã®ä¸€è¨€ã«è½ã¡ç€ã„ãŸã€‚ ã€ŒModelã¯Viewã«ä¾å˜ã—ãŸããªã„ã€ ä¸–é–“çš„ã«ã¯ï¼ˆï¼Ÿï¼‰Modelã¨Viewã‚’å˜ã«ã€Œåˆ†ã‘ã‚‹ã€ã¨èª¬æ˜Žã•ã‚Œã‚‹ã“ã¨ãŒå¤šã„ãŒã€ç§ã¯ãã‚Œã ã‘ã§ã¯ç´å¾—ã—ã¦ã„ãªãã¦ã€ä¾å˜ã®æ–¹å‘ã“ããŒé‡è¦ã ã¨æ€ã£ã¦ã„ã‚‹ã€‚ãŸã¨ãˆåˆ†ã‹ã‚Œã¦ã„ã‚‹ã‚ˆã†ã«è¦‹ãˆã¦ã‚‚ModelãŒViewã‚’å‚ç…§ã—ã¦ã„ãŸã‚‰ã€æƒ…å ±ã®å–å¾—å…ˆã‚„è¡¨ç¾æ–¹æ³•ã¯å›ºå®šåŒ–ã•ã‚Œã¦ã—ã¾ã†ã€‚ Modelã¯Viewã®äº‹æƒ…ã‹ã‚‰
monomoti 2013/06/20
ã‚„ã£ã±ã‚Šã—ã°ã‚‰ãã¯Backbone.jsã‹ãªã¨ã€‚

javascript

framework

Backbone.js

AngularJS

MVC
ãƒªãƒ³ã‚¯
1