[B! backbone.js] yukungã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

yukung id:yukung

backbone.jsã«é–¢ã™ã‚‹yukungã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (53)

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

RequireJSï¼‹Backbone.jsã§ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ç®¡ç†ã•ã‚ŒãŸWebã‚¢ãƒ—ãƒªé–‹ç™º | DevelopersIO
Todoã‚¢ãƒ—ãƒªã‚‚ã©ãã‚’ä½œã‚‹ ä»Šå›žã¯RequireJSã®ç†è§£ã‚’æ·±ã‚ã‚‹ãŸã‚ã€Backbone.jsã¨çµ„ã¿åˆã‚ã›ã¦Todoã‚’è¿½åŠ ã™ã‚‹ã ã‘ã®ç°¡ç´ ãªãƒ‡ãƒ¢ã‚’ä½œã£ã¦ã¿ã¾ã—ãŸã€‚ Backbone.jsã«ã¤ã„ã¦ã‚‚è§¦ã‚Œã¦ã„ã‚‹ãŸã‚ã€è¨˜äº‹ãŒå°‘ã—é•·ã„ã§ã™ã€‚ ãŠæ€¥ãŽã®æ–¹ã¯ãƒšãƒ¼ã‚¸ä¸‹éƒ¨ã«ãƒ‡ãƒ¢ã¨ã‚µãƒ³ãƒ—ãƒ«ã‚³ãƒ¼ãƒ‰ãŒã‚ã‚‹ã®ã§ã€ãã¡ã‚‰ã‚’ã•ãã£ã¨ã”ç¢ºèªãã ã•ã„ã€‚ RequireJSï¼š http://requirejs.org/ RequireJS APIï¼š http://requirejs.org/docs/api.html Backbone.jsï¼š http://backbonejs.org/ ãªã«ãŒã§ãã‚‹ã®ï¼Ÿ Webã‚¢ãƒ—ãƒªã‚’åˆ¶ä½œã™ã‚‹éš›ã«ã€RequireJSã‚’ä½¿ã£ã¦Backbone.jsã§æ§‹æˆã•ã‚Œã‚‹Modelã‚„Viewã‚’ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«åŒ–ã™ã‚‹ã“ã¨ã§ã€é–‹ç™ºæ™‚ã®ç®¡ç†ã‚³ã‚¹ãƒˆå‰Šæ¸›ã‚’ç›®æŒ‡ã—ã¾ã™ã€‚ ãªãŠã€ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«åŒ–ã™ã‚‹ã¨ãƒ•ã‚¡ã‚¤ãƒ«æ•°ãŒå¢—ãˆã¦èªã¿è¾¼ã¿
yukung 2015/05/15
programming

javascript

framework

backbone.js

tutorial

requirejs
ãƒªãƒ³ã‚¯
ã¯ã˜ã‚ã¦ã®JavaScriptãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯é¸ã³
å¯¾è±¡èªè€… jQueryãªã©ã‚’ä½¿ã£ã¦ã„ã‚‹JavaScripté–‹ç™ºè€… JavaScriptã‚’ä½¿ã£ãŸè¤‡æ•°äººã§ã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã«å‚åŠ ã—ã¦ã„ã‚‹æ–¹ JavaScriptã‚’ä½¿ã£ã¦ã‚µãƒ¼ãƒç‰ã¨é€£æºã—ãŸãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®é–‹ç™ºã‚’ã—ã¦ã„ã‚‹æ–¹ å¿…è¦ãªç’°å¢ƒ ã“ã®è¨˜äº‹ã§ã¯ã€AngularJSã‚’ä½¿ç”¨ã—ã€Chromeï¼ˆ36.0ï¼‰ã€IE11ã€Firefoxï¼ˆ31.0ï¼‰ã€Safariï¼ˆ7.0.5ï¼‰ã®ç’°å¢ƒã§ç¢ºèªã‚’è¡Œã£ã¦ã„ã¾ã™ã€‚ JavaScripté–‹ç™ºã®æ´å² ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’èª¬æ˜Žã™ã‚‹å‰ã«ã€10å¹´ã»ã©å‰ã‹ã‚‰ç¾åœ¨ã¾ã§ã®JavaScriptãŒæ©ã‚“ã§ããŸæµã‚ŒãŒåˆ†ã‹ã‚‹ã¨ã€ã©ã†ã—ã¦ä»Šã€JavaScriptã«ã‚‚ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãŒå¿…è¦ã«ãªã£ã¦ãã¦ã„ã‚‹ã®ã‹ã€ã¾ãŸã¯é–‹ç™ºè€…ã¯ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã«ä½•ã‚’æ±‚ã‚ã¦ã„ã‚‹ã®ã‹ãŒå¤šå°‘ã¯è¦‹ãˆã¦ãã‚‹ã“ã¨ã¨æ€ã„ã¾ã™ã€‚ 2005å¹´ãã‚‰ã„ã¾ã§ã¯JavaScriptã¯åˆ©ç”¨è€…ã‚„é–‹ç™ºè€…ã‹ã‚‰é¿ã‘ã‚‰ã‚Œã¦ã„ãŸæŠ€è¡“ã§ã€ãŸã¨ãˆä½¿ã‚ã‚Œã¦ã‚‚ã€éžå¸¸ã«ç°¡å˜ã§
yukung 2015/05/15
programming

javascript

framework

backbone.js

angularjs

knockout.js

comparison
ãƒªãƒ³ã‚¯
Nyle Engineering Blog
OpenAIã®Whisper æ–‡å—èµ·ã“ã—25MBåˆ¶é™ã‚’è§£æ±ºã™ã‚‹PHP, Laravel, ffmpegã‚’ä½¿ã£ãŸãƒ•ã‚¡ã‚¤ãƒ«åˆ†å‰²ã®ä¾‹ OpenAIã®APIã‚’ä½¿ã£ãŸéŸ³å£°ã®æ–‡å—èµ·ã“ã—ã¯ã€ä»Šã‚„å¤šãã®ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã§åˆ©ç”¨ã•ã‚Œã¦ã„ã¾ã™ã€‚ã“ã®è¨˜äº‹ã§ã¯ã€ç‰¹ã«Whisper æ–‡å—èµ·ã“ã—ã®25MBåˆ¶é™ã«ç„¦ç‚¹ã‚’å½“ã¦ã€PHP, Laravel, ffmpegâ€¦
yukung 2015/05/15
programming

javascript

framework

backbone.js

vue.js

comparison
ãƒªãƒ³ã‚¯
Backboneãƒžãƒ³ãŒAngularå‹‰å¼·ä¼šã„ã£ã¦ããŸã‘ã©ãã‚“ãªã«å¥½ãã«ãªã‚Œãªã‹ã£ãŸè©± #ng_jp - mizchi's blog
æœ€åˆã«åƒ•ã®ãƒã‚¸ã‚·ãƒ§ãƒ³ã¯è¡¨æ˜Žã—ã¦ãŠãã‘ã©ã€ä»Šã¾ã§backbone.js, ã¨ã„ã†ã‹ãã®ãƒ©ãƒƒãƒ‘ãƒ¼ã§ã‚ã‚‹chaplin.jsã¹ã£ãŸã‚Šã®ç’°å¢ƒã§é–‹ç™ºã—ã¦ã¦ã€ä»Šã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’ã‚¼ãƒã‹ã‚‰ä½œã‚Šç›´ã™æ©Ÿä¼šãŒã‚ã‚‹ã®ã§æ¬¡ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®ãŸã‚ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªé¸å®šã®ãŸã‚ã«ã¨ã‚Šã‚ãˆãšæ¯”è¼ƒã¨ã—ã¦ angularã‚’è©¦ã—ãŸè¦‹ãŸç¨‹åº¦ã®äººé–“ãªã®ã§ã€æ·±ãã¯ç†è§£ã—ã¦ãªã„ã€‚ Angularã®ãƒ¡ãƒªãƒƒãƒˆ åƒ•ã®æµ…ã„ç†è§£ã¨å‹‰å¼·ä¼šã§ã®è©±ã‚’ç·åˆã—ãŸæ„Ÿã˜ ãƒ¬ãƒ¼ãƒ«ã«ä¹—ã‚Šåˆ‡ã£ãŸæ™‚ã®é–‹ç™ºåŠ¹çŽ‡ãŒåŠç«¯ãªã„ ãƒ¬ãƒ¼ãƒ«ãŒã—ã£ã‹ã‚Šæ•·ã‹ã‚Œã¦ã„ã‚‹ã®ã§é–‹ç™ºè€…ã®èƒ½åŠ›å·®ãŒå•é¡Œã«ãªã‚‰ãªã„ HTMLãŒãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆãªã®ã§æ„å‘³çš„ãªä¹–é›¢ãŒå°‘ãªã„ ãƒ“ãƒ¥ãƒ¼ãƒ¢ãƒ‡ãƒ«ã«å¯¾ã™ã‚‹æ“ä½œãŒä¸€è²«ã—ã¦ã„ã¦ãƒ†ã‚¹ã‚¿ãƒ“ãƒªãƒ†ã‚£ãŒã‚ã‚‹ è‡ªåˆ†ã‚‚ãƒ¢ã‚¸ãƒ¥ãƒ©ãƒªãƒ†ã‚£ãŒã‚ã‚‹HTML/CSSã¯å¹»æƒ³ã ã¨æ€ã£ã¦ã„ã‚‹ã®ã§ã€HTMLã«ç›´æŽ¥å±žæ€§ã‚’æ›¸ãã®ã¯åˆ¥ã«æ§‹ã‚ãªã„ã¨æ€ã£ã¦ã„ã‚‹ã€‚ ãŸã ã€é›†å›£é–‹ç™ºã§ã‚‚é–‹ç™ºè€…ã®èƒ½åŠ›å·®ãŒå•é¡Œã«ãªã‚‰ãªã„ã€ã¨ã„ã†ç™ºè¡¨ã‚’ã—ã¦ã„
yukung 2015/05/15
programming

javascript

framework

backbone.js

angularjs

comparison
ãƒªãƒ³ã‚¯
angularãƒ»backboneãƒ»knockoutã®æ¯”è¼ƒï¼å°è±¡ã¾ã¨ã‚ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
yukung 2015/05/14
programming

javascript

framework

comparison

angularjs

backbone.js

knockout.js
ãƒªãƒ³ã‚¯
AngularJS or BackboneJS ã©ã£ã¡ãŒãŠå¥½ã¿ï¼Ÿ
13. é–‹å§‹å‡¦ç† 1. ãƒ–ãƒ©ã‚¦ã‚¶ãŒHTMLã‹ã‚‰DOMã‚’ä½œã‚‹ 2. AngularJSãŒDOMã‚’èªã¿è¾¼ã‚€ 3. ng-appã§æŒ‡å®šã•ã‚ŒãŸã‚¿ã‚°ä»¥ä¸‹ã‚’ ã‚¹ã‚³ãƒ¼ãƒ—ã«ã‚»ãƒƒãƒˆã™ã‚‹ 4. ã‚³ãƒ³ãƒ‘ã‚¤ãƒ« 5. å‹•çš„ã«DOMã‚’ç”Ÿæˆã™ã‚‹ 6. ã‚¤ãƒ™ãƒ³ãƒˆç›£è¦–ã—ã¦å³æ™‚ã§DOMã‚’æ›´æ–° http://docs.angularjs.org/guide/concepts è©³ã—ãã¯ã“ã“(è‹±èªž) AngularJS 16. http://angularjs.org/å…¬å¼ã‚µã‚¤ãƒˆ: Todoã‚¢ãƒ—ãƒª HTML 1.<div ng-controller="TodoCtrl"> 2. <ul> 3. <li ng-repeat="todo in todos"> 4. <input type="checkbox" ng-model="todo.done"> 5. <span class="done-{{todo.done}}">{{tod
yukung 2015/05/14
programming

javascript

framework

comparison

slide

backbone.js

angularjs
ãƒªãƒ³ã‚¯
Route 477(2013-06-26)
â– [javascript] JS MVCãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã«ã¤ã„ã¦ã¡ã‚‡ã£ã¨èª¿ã¹ãŸ (2013å¤) JS MVCæˆ¦å›½æ™‚ä»£ã£ã¦ãã†ã„ãˆã°ã©ã†ãªã£ãŸã‚“ã ã‚ã†ã€ã¨æ€ã„ã¤ã¤ã„ãã¤ã‹ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’èª¿ã¹ã¦ã¿ãŸã¨ã“ã‚ã€æ„å¤–ã¨ãã‚Œãžã‚Œã‚ãƒ£ãƒ©ãŒé•ã†ã“ã¨ãŒåˆ†ã‹ã£ãŸã€‚ Backbone.js 1.0.0 ã„ã¾ã®ã¨ã“ã‚ä¸€ç•ªäººæ°—ã‚‰ã—ã„ æ„å¤–ã¨å°ã•ã„ã€‚ã‚½ãƒ¼ã‚¹ãŒ1ãƒ•ã‚¡ã‚¤ãƒ«ã—ã‹ãªã„ã€‚ Modelã€Collectionã€Viewã¨ã„ã†ã€è‡ªä½œã—ã¦ã‚‚ã“ã†ã„ã†æ„Ÿã˜ã«ãªã‚Šãã†ã ãªãã¨ã„ã†æ§‹æˆã€‚(Router/Historyã¯URLã„ã˜ã‚‰ãªã„ãªã‚‰ä½¿ã†å¿…è¦ã¯ãªã„ã®ã§ã€å®Ÿè³ªã“ã®3ã¤ã ã‘) è–„ã„ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãªã®ã§ã€ä»–ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¨çµ„ã¿åˆã‚ã›ã‚‹ã®ã¯ç°¡å˜ãã†ã€‚ ãƒ‡ãƒ¡ãƒªãƒƒãƒˆï¼šä»¥ä¸‹ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãŒæŒã£ã¦ã„ã‚‹data bindingã®ã‚ˆã†ãªé«˜åº¦ãªæ©Ÿèƒ½ã¯ãªã„ã®ã§ã€ç›¸å¯¾çš„ã«ã‚³ãƒ¼ãƒ‰é‡ãŒå¢—ãˆã‚‹ã€‚ã“ã‚Œã¯å°ã•ãªã‚¢ãƒ—ãƒªã§ã‚‚ãã“ãã“è¡Œæ•°ã‚’æ›¸ã‹ãªã„ã¨ã„ã‘ãªã„ã¨ã„ã†ã“
yukung 2015/05/14
programming

javascript

framework

comparison

backbone.js

knockout.js

ember.js

angularjs
ãƒªãƒ³ã‚¯
Javascript Frameworks Comparison - Angular, Knockout, Ember and Backbone
Introduction and Comparison of polpular JS Frameworks Knockout, Ember, Angular and Backbone. The presentation descrobes How and when to select each framework.Read less
yukung 2015/05/14
programming

javascript

framework

comparison

angularjs

knockout.js

backbone.js

ember.js

slide
ãƒªãƒ³ã‚¯
Backboneã¨Angularã‚’æ¯”è¼ƒã™ã‚‹
Spring Bootã«ã‚ˆã‚‹APIãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰æ§‹ç¯‰å®Ÿè·µã‚¬ã‚¤ãƒ‰ ç¬¬2ç‰ˆ ä½•åƒäººã‚‚ã®é–‹ç™ºè€…ãŒã€InfoQã®ãƒŸãƒ‹ãƒ–ãƒƒã‚¯ã€ŒPractical Guide to Building an API Back End with Spring Bootã€ã‹ã‚‰ã€Spring Bootã‚’ä½¿ã£ãŸREST APIæ§‹ç¯‰ã®åŸºç¤Žã‚’å¦ã‚“ã ã€‚ã“ã®æœ¬ã§ã¯ã€å‡ºç‰ˆæ™‚ã«æ–°ã—ããƒªãƒªãƒ¼ã‚¹ã•ã‚ŒãŸãƒãƒ¼ã‚¸ãƒ§ãƒ³ã§ã‚ã‚‹ Spring Boot 2 ã‚’ä½¿ç”¨ã—ã¦ã„ã‚‹ã€‚ã—ã‹ã—ã€Spring Boot3ãŒæœ€è¿‘ãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã€é‡è¦ãªå¤‰...
yukung 2015/05/14
programming

javascript

framework

backbone.js

angularjs

comparison
ãƒªãƒ³ã‚¯
æ–°ãƒ»ä¸‰å¤§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ã€ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ã¯
yukung 2015/05/14
programming

javascript

framework

backbone.js

angularjs

knockout.js

tutorial

comparison
ãƒªãƒ³ã‚¯
æ™®é€šã®railsã‚¢ãƒ—ãƒªã«backboneé©ç”¨ã—ã¦æ€ã£ãŸäº‹ - lxyuma BLOG
æ™®é€šã®railsã®webã‚¢ãƒ—ãƒªã«backboneã‚’åŸ‹ã‚è¾¼ã‚“ã§ã¿ã¦æ€ã£ãŸäº‹ç‰ã‚’æ›¸ãã€‚ è³›å¦ã‚ã‚‹ã‹ã‚‚ã ãŒã€ã‚ãã¾ã§å€‹äººçš„ãªæ„è¦‹ã€‚ ï¼‘ï¼‰ã‚¦ãƒã®ç¾å ´ã§Backboneã‚’ä½¿ã†ã¹ãã‹å¦ã‹ï¼Ÿ ã©ã“ã‚‚åˆã‚ã«è€ƒãˆã‚‹äº‹ã€‚ å¤§è¦æ¨¡ã«ãªã£ãŸã‚‰ä½¿ãˆã¨ã‹ã€Single Page Applicationãªã‚‰ä½¿ãˆã¨ã‹ã€è‰²ã€…æ„è¦‹ã‚ã‚‹ã¨æ€ã†ãŒã€ ä»Šæ™‚ã®æ™®é€šã®webã‚¢ãƒ—ãƒªãªã‚‰jsã‚¬ãƒªã‚¬ãƒªå‹•ãã®ã§ã€è¿·ã‚ãšBackboneä½¿ã£ã¦ã„ã„ã¨æ€ã†ã€‚ â€»å˜èª¿ãªBå‘ã‘ã®åŸºå¹¹ã‚·ã‚¹ãƒ†ãƒ ä½œã£ã¦ã‚‹ã¨ã‹ã¯ä¾‹å¤–ã¨ã—ã¦ã€‚ ã©ã“ã§ä½¿ã†ï¼Ÿ åˆ¥ã«å…¨ã¦ã®pageã§Backboneä½¿ã†å¿…è¦ã¯ç„¡ã„ã‘ã©ã€ ãƒ•ã‚©ãƒ¼ãƒ é€ä¿¡ç³»ã§è‰²ã€…jså‹•ã‹ã™æ‰€ã¨ã‹ã€æ¤œç´¢æ¡ä»¶æŒ‡å®šã€çµžã‚Šè¾¼ã¿ã¨ã‹ã€ ç”»åƒ/è©³ç´°è¡¨ç¤ºã€LightBoxã¨ã‹ã€ ã“ã†ã„ã†æ‰€ã§jsã‚¬ãƒªã‚¬ãƒªæ›¸ã‹ãªã„ã¨è¡Œã‘ãªããªã£ãŸã‚‰ Backboneã§ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã‚’æ•´ç†ã—ã¦ã„ã‘ã°ã„ã„ã¨æ€ã†ã€‚ å®Ÿéš›ä½¿ã£ã¦ã¿ã¦ã©ã†ã ã£ãŸã‹ï¼Ÿ before å…ƒã€…ã€
yukung 2015/05/14
programming

javascript

framework

backbone.js

tips

marionette.js
ãƒªãƒ³ã‚¯
å®Ÿè·µBackbone.Marionette ç¾å ´ã®æ‚©ã¿ã¨è§£æ±ºã¾ã§
2014/1/22 gooãƒ©ãƒœopen tech talkã§è©±ã—ãŸBackbone.jsã¨Marionette.jsã®è©±ã§ã™ã€‚Read less
yukung 2015/05/14
programming

javascript

framework

backbone.js

design

testing

tips

slide
ãƒªãƒ³ã‚¯
Backbone.jsã«ãŠã‘ã‚‹Model-View-Presenterã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ãƒ‘ã‚¿ãƒ¼ãƒ³ | DevelopersIO
ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰JavaScriptã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨ã—ã¦äººæ°—ã®Backbone.jsãŒæŽ¡ç”¨ã—ã¦ã„ã‚‹ Modelâ€“Viewâ€“Presenter (MVP) ã¨ã„ã†ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ãƒ‘ã‚¿ãƒ¼ãƒ³(ä»¥ä¸‹MPVãƒ‘ã‚¿ãƒ¼ãƒ³)ã«ã¤ã„ã¦è€ƒå¯Ÿã—ã¦ã¿ã¾ã™ã€‚ Model-View-Controllerãªã‚‰èžã„ãŸã“ã¨ã‚ã‚‹ã‘ã©ï¼Ÿ åƒ•ã‚‚ãã†ã§ã—ãŸã€‚åˆã‚ã¦çŸ¥ã£ãŸã®ã¯Ruby on Railsã‚’è§¦ã£ãŸæ™‚ã§ã™ã€‚ Modelã¯ãƒ‡ãƒ¼ã‚¿ã¨æ‰‹ç¶šãã‚’æ‹…å½“ã—ã€Viewã¯UIã‚’ã€Controllerã¯å…¥åŠ›ã‚¤ãƒ™ãƒ³ãƒˆã‚’å—ä»˜ã‘ã¦Modelã¨Viewæ“ä½œã™ã‚‹â€¦ã¨ã¾ãã–ã£ãã‚Šè¨€ã†ã¨ã“ã‚“ãªæ„Ÿã˜ã§ã™ã‚ˆãã€‚ MVPãƒ‘ã‚¿ãƒ¼ãƒ³ã‚‚å‡„ãä¼¼ã¦ã„ã¦ã€ã©ã†ã‚‚MVCãƒ‘ã‚¿ãƒ¼ãƒ³ã‹ã‚‰æ´¾ç”Ÿã—ãŸã‚‚ã®ã¿ãŸã„ã§ã™ã€‚ä»¥ä¸‹ãŒå„ãƒ‘ã‚¿ãƒ¼ãƒ³ã®å›³ã§ã™ã€‚ Model-View-Controller Model-View-Presenter PresenterãŒModelã¨Viewã‚’æ“ä½œã—ã¦ã„ã‚‹ã¨ã“ã‚
yukung 2015/05/14
programming

javascript

framework

backbone.js
ãƒªãƒ³ã‚¯
Backbone.jsã§Viewã‹ã‚‰Modelãƒ»DOMã‚’æ“ä½œã™ã‚‹æ™‚ã®æµã‚Œ - maeharinã®æ—¥è¨˜
è‡ªåˆ†ã®é ã®ä¸ã®æ•´ç†ã®ãŸã‚ã«ã€‚ ã¯ã˜ã‚ã« Backbone.jsã‚¬ã‚¤ãƒ‰ãƒ–ãƒƒã‚¯ã‚’èªã‚“ã§ã„ãŸã‚‰ã€ã“ã®ã‚ˆã†ãªäº‹ãŒæ›¸ã„ã¦ã‚ã£ãŸã€‚ BackboneæµMVCã§ã¯ã€ãƒ“ãƒ¥ãƒ¼ã¨ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ©ã¯ä¸¡æ–¹ã¨ã‚‚ViewãŒæ‹…å½“ã—ã¾ã™ã€‚ï¼ˆç•¥ï¼‰ã“ã‚Œã‚‰ã¯ãã‚Œãžã‚ŒViewã®ãƒ¡ã‚½ãƒƒãƒ‰ã¨ã—ã¦å®Ÿè£…ã—ã¾ã™ãŒã€æœ¬æ›¸ã§ã¯åŒºåˆ¥ã®ãŸã‚ã«å‰è€…ã‚’ãƒ“ãƒ¥ãƒ¼ãƒ¡ã‚½ãƒƒãƒ‰ã€å¾Œè€…ã‚’ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ©ãƒ¡ã‚½ãƒƒãƒ‰ã¨å‘¼ã¶ã“ã¨ã«ã—ã¾ã™ã€‚ï¼ˆç•¥ï¼‰é‡è¦ãªç‚¹ã¯ã€DOMã‚¤ãƒ™ãƒ³ãƒˆã«å¿œã˜ã¦ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ©ãƒ¡ã‚½ãƒƒãƒ‰ãŒå®Ÿè¡Œã•ã‚Œã‚‹ã“ã¨ã§å‡¦ç†ãŒå§‹ã¾ã‚Šã€ãã®ä¸ã§modelã‚„collectionã‚’æ“ä½œã—ã€ãã®çµæžœç”Ÿã˜ã‚‹ã‚¤ãƒ™ãƒ³ãƒˆãŒãƒ“ãƒ¥ãƒ¼ãƒ¡ã‚½ãƒƒãƒ‰ã‚’å‘¼ã¶ã€ã¨ã„ã†æµã‚Œã‚’æ„è˜ã™ã‚‹ã“ã¨ã§ã™ã€‚ãã®ãŸã‚ã«ã‚‚ã€ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ©ãƒ¡ã‚½ãƒƒãƒ‰ã«ã¯å‡¦ç†ã®èµ·ç‚¹ã«ãªã‚‹ä»¥ä¸Šã®ä»•äº‹ã‚’ä¸Žãˆãšã€DOMæ“ä½œã¯ã™ã¹ã¦ãƒ“ãƒ¥ãƒ¼ãƒ¡ã‚½ãƒƒãƒ‰ã«é›†ã‚ã‚‹ã‚ˆã†æ˜Žç¢ºã«åŒºåˆ¥ã—ã¾ã—ã‚‡ã†ã€‚ å›³ã«ã™ã‚‹ã¨ã“ã‚“ãªæ„Ÿã˜ã«ãªã‚‹ï¼ˆç‚¹ç·šãŒã‚¤ãƒ™ãƒ³ãƒˆã§å®Ÿç·šãŒç›´æ“ä½œï¼‰ ã—ã‹ã—ã€ãªãœã“ã®ã‚ˆã†ãªæ›¸ãæ–¹ã«
yukung 2015/05/14
programming

javascript

framework

backbone.js

design
ãƒªãƒ³ã‚¯
Backbone.js ä½¿ã„æ–¹ãƒ¡ãƒ¢ - Qiita
Backbone.js ã‚’å‹‰å¼·ã—ãŸæ™‚ã®ãƒ¡ãƒ¢ã€‚ #Backbone.js ã¨ã¯ CoffeeScript, Underscore.js ãªã©ã®ä½œè€…ã§ã‚ã‚‹ Jeremy Ashkenas ãŒä½œã£ã¦ã„ã‚‹ JavaScript ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ï¼ˆjashkenas/backbone | Githubï¼‰ã€‚ ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ã§ MVC ã‚’å®Ÿè£…ã™ã‚‹ãŸã‚ã®ä¸‹åœ°ï¼ˆéª¨çµ„ã¿ï¼‰ã‚’æä¾›ã™ã‚‹ã€‚ Angular.js ãŒãƒ•ãƒ«ã‚¹ã‚¿ãƒƒã‚¯ã§æ§˜ã€…ãªæ©Ÿèƒ½ãŒç”¨æ„ã•ã‚Œã¦ã„ã‚‹ã®ã«å¯¾ã—ã¦ã€ Backbone.js ã¯ã‚ãã¾ã§ Backboneï¼ˆèƒŒéª¨ï¼‰ã§ã‚ã‚Šã€éª¨çµ„ã¿ã‚’ç”¨æ„ã™ã‚‹ã®ã¿ã€‚ åŒæ–¹å‘ã®ãƒ‡ãƒ¼ã‚¿ãƒã‚¤ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ãªã©ã®æ©Ÿèƒ½ã¯ãªã„ã€‚ è‚‰ä»˜ã‘ã‚’ã™ã‚‹ã®ã¯ã€ãƒ—ãƒã‚°ãƒ©ãƒžã®ãŠä»•äº‹ã€‚ æ©Ÿèƒ½ãŒå°‘ãªã„åˆ†ã€è¦šãˆã‚‹ã“ã¨ã¯ Angular.js ã«æ¯”ã¹ã‚Œã°å°‘ãªã„ã€ã¨æ€ã†ã€‚ #Hello World ##ç”¨æ„ã™ã‚‹ãƒ•ã‚¡ã‚¤ãƒ« ###Backbone.js http://
yukung 2015/05/14
programming

javascript

framework

backbone.js

reference
ãƒªãƒ³ã‚¯
Rubyist Magazine - ã‚¹ã¯ã‚¹ãƒšãƒƒã‚¯ã®ã‚¹ ã€ç¬¬ 1 å›žã€‘ RSpec ã®æ¦‚è¦ã¨ã€RSpec on Rails (ãƒ¢ãƒ‡ãƒ«ç·¨)
ã€Žã‚‹ã³ã¾ã€ã¯ã€Ruby ã«é–¢ã™ã‚‹æŠ€è¡“è¨˜äº‹ã¯ã‚‚ã¡ã‚ã‚“ã®ã“ã¨ã€Rubyist ã¸ã®ã‚¤ãƒ³ã‚¿ãƒ“ãƒ¥ãƒ¼ã‚„ã‚¨ãƒƒã‚»ã‚¤ã€ãã®ä»–ã‚’ãŠå±Šã‘ã™ã‚‹ã‚¦ã‚§ãƒ–é›‘èªŒã§ã™ã€‚ Rubyist Magazine ã«ã¤ã„ã¦ ã€ŽRubyist Magazineã€ã€ç•¥ã—ã¦ã€Žã‚‹ã³ã¾ã€ã¯ã€Rubyist ã® Rubyist ã«ã‚ˆã‚‹ã€Rubyist ã¨ãã†ã§ãªã„äººã®ãŸã‚ã®ã‚¦ã‚§ãƒ–é›‘èªŒã§ã™ã€‚ æœ€æ–°å· Rubyist Magazine 0064 å· ãƒãƒƒã‚¯ãƒŠãƒ³ãƒãƒ¼ Rubyist Magazine 0064 å· Rubyist Magazine 0063 å· Rubyist Magazine 0062 å· Kaigi on Rails ç‰¹é›†å· RubyKaigi Takeout 2020 ç‰¹é›†å· Rubyist Magazine 0061 å· Rubyist Magazine 0060 å· RubyKaigi 2019 ç›´å‰ç‰¹é›†å· Rubyist
yukung 2015/05/14
programming

javascript

framework

backbone.js

tutorial

rails

tips
ãƒªãƒ³ã‚¯
BACKBONE.JSã«ã‚ˆã‚‹Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³é–‹ç™ºã«ã¤ã„ã¦
ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã¨JavaScript JavaScriptã®MV*å‘ã‘ãƒ©ã‚¤ãƒ–ãƒ©ãƒª BACKBONE.JSã«ã‚ˆã‚‹Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³é–‹ç™ºã«ã¤ã„ã¦ ã€Œã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ 2013 ç¦å²¡ã€ã® HTML5ã¨æœ€è¿‘ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰äº‹æƒ…ã§ç™ºè¡¨ã—ãŸè³‡æ–™ã§ã™ã€‚ Read less
yukung 2015/05/14
programming

javascript

framework

backbone.js

tutorial

slide
ãƒªãƒ³ã‚¯
Backbone.js ã§ã¯ã˜ã‚ã‚‹ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ MVC ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚° | CYOKODOG
MVC ã¨è¨€ãˆã° Apache Struts ã‚’ã¯ã˜ã‚ã¨ã™ã‚‹ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ãƒ»ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’æƒ³åƒã—ã¾ã™ãŒã€ ä»Šå›žã¯ JavaScript ã«ã‚ˆã‚‹å¤§è¦æ¨¡é–‹ç™ºã®éš›ã«æŽ¡ç”¨ã•ã‚Œã‚‹ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ MVC ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ŒBackbone.jsã€ã®ä½¿ã„æ–¹ã«ã¤ã„ã¦ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ (åŽ³å¯†ã«ã¯ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ã®å ´åˆã€MVC ã¨ã¯å‘¼ã°ãš MVVM ã¨ã‹ MV* ã¨ã‹å‘¼ã°ã‚Œã¦ã‚‹ã‚ˆã†ã§ã™ã€‚) å‰æ Backbone.js ã®æ§‹æˆã‚’ç°¡å˜ã«è¨€ã£ã¦ã—ã¾ã†ã¨ å˜ä¸€ãƒ‡ãƒ¼ã‚¿ã®ç®¡ç†ã‚’è¡Œã†ãƒ¢ãƒ‡ãƒ« è¤‡æ•°ä»¶ã®ãƒ¢ãƒ‡ãƒ«ã®ç®¡ç†ã‚’è¡Œã†ã‚³ãƒ¬ã‚¯ã‚·ãƒ§ãƒ³ ç”»é¢ã®ç®¡ç†ã‚’è¡Œã†ãƒ“ãƒ¥ãƒ¼ ã®ï¼“ã¤ã®ä¸»è¦ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã‚’è»¸ã«æ§‹æˆã•ã‚Œã¦ãŠã‚Šã€Underscore.jsã€jQuery(Zeptoï¼‰ã«ä¾å˜ã™ã‚‹ã‹ãŸã¡ã§å‹•ä½œã™ã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ åˆ©ç”¨ã®éš›ã¯ã€underscore.jsã€jquery.jsã€backbone.js ã®é †ã§èªã¿è¾¼ã¿ã¾ã™ã€‚ //cdnjs
yukung 2015/05/14
programming

javascript

framework

backbone.js

tutorial
ãƒªãƒ³ã‚¯
Backbone.js æ—¥æœ¬èªžãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹
object.once(events, callback, [context]) object.listenTo(other, event, callback) object.stopListening([other], [event], [callback]) Backbone.Model Backbone.Model.extend([properties], [classProperties]) Backbone.Modelã€€ã‚’ç¶™æ‰¿ã—ãŸæ–°ã—ã„ãƒ¢ãƒ‡ãƒ«ã‚’ä½œã‚Šã¾ã™ã€‚ properties ã‚¤ãƒ³ã‚¹ã‚¿ãƒ³ã‚¹ãƒ¡ãƒ³ãƒã‚’å®šç¾©ã—ã¾ã™ã€‚ var User = Backbone.Model.extend({ say: function () { console.log("Hello."); } }); var user = new User(); user.say(); //-> Hello. classPr
yukung 2015/05/14
programming

javascript

framework

backbone.js

reference
ãƒªãƒ³ã‚¯
è©¦ã—ã¦å¦ã¶ Backbone.js å…¥é–€ã®ã¾ã¨ã‚ - Taste of Tech Topics
çš†ã•ã‚“ã€ã“ã‚“ã«ã¡ã¯ã€‚id:KenichiroMurataã§ã™ã€‚ ä»Šå›žã¯Knowledge Noteã«ã¦é€£è¼‰ã•ã›ã¦é ‚ã„ã¦ã„ãŸ ã€Œè©¦ã—ã¦å¦ã¶Backbone.jså…¥é–€ã€ãŒå…¨ï¼•å›žåˆ†å…¬é–‹ã•ã‚ŒãŸãŸã‚ã€ãã®ã¾ã¨ã‚ã‚’ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ è¨˜äº‹ã®ã‚³ãƒ³ã‚»ãƒ—ãƒˆ ã‚¿ã‚¤ãƒˆãƒ«ã«å«ã‚ãŸé€šã‚Šã€å®Ÿéš›ã«ã‚³ãƒ¼ãƒ‰ã‚’æ›¸ã„ã¦è©¦ã—ã¦ã¿ã‚‹ã“ã¨ã§Backbone.jsã®ç†è§£ã‚’æ·±ã‚ã‚‹ã“ã¨ã‚’ä¸€ç•ªã®ç›®çš„ã¨ã—ã¦ã„ã¾ã™ã€‚ ãªã®ã§ã€ãœã²å®Ÿéš›ã«è¨˜äº‹ã®ä¸ã«å‡ºã¦ãã‚‹ã‚³ãƒ¼ãƒ‰ã‚’æ›¸ã„ã¦ã€å‹•ã‹ã—ã¦ã€ã‚³ãƒ³ã‚½ãƒ¼ãƒ«ã®ãƒã‚°ã‚„å‹•ä½œã‚’ç¢ºèªã™ã‚‹ã“ã¨ã‚’ãŠã‚¹ã‚¹ãƒ¡ã—ã¾ã™ã€‚ å„è¨˜äº‹ã®æ¦‚è¦ ç¬¬ï¼‘å›ž è©¦ã—ã¦å¦ã¶Backbone.jså…¥é–€ Backbone.jsã®æ¦‚è¦ã‹ã‚‰ã€ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«æ–¹æ³•ã€Modelã€Collectionã®åŸºæœ¬ã‚’èª¬æ˜Žã—ã¦ã„ã¾ã™ã€‚ ç›®æ¬¡ ã¯ã˜ã‚ã« ã‚»ãƒƒãƒˆã‚¢ãƒƒãƒ— Modelã®åŸºæœ¬ Collectionã®åŸºæœ¬ Collectionã®ä¾¿åˆ©ãªé–¢æ•° ç¬¬ï¼’å›ž è©¦ã—ã¦å¦ã¶Backbone.
yukung 2015/05/14
programming

javascript

framework

backbone.js

tutorial
ãƒªãƒ³ã‚¯
1 2 3 æ¬¡ã®ãƒšãƒ¼ã‚¸