[B! Backbone.js] hiro14akiã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

hiro14aki id:hiro14aki

Backbone.jsã«é–¢ã™ã‚‹hiro14akiã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (9)

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

Backbone.jså…¥é–€ ã€ŒModelã€ - Qiita
é–²è¦§ä¸Šã®æ³¨æ„ ã“ã®è¨˜äº‹ã§å¯¾è±¡ã¨ã—ã¦ã„ã‚‹ãƒãƒ¼ã‚¸ãƒ§ãƒ³0.5.3ã¯çµæ§‹å¤ã„ã®ã§æ³¨æ„ã—ã¦ãã ã•ã„ã€‚ä¾‹ãˆã°ã“ã®è¨˜äº‹ã®å†…å®¹ã§ã„ã†ã¨ã€validateã«å¤±æ•—ã—ãŸã¨ãã«ç™ºç”Ÿã™ã‚‹ã‚¤ãƒ™ãƒ³ãƒˆã¯'error'ã‹ã‚‰'invalid'ã«å¤‰æ›´ã•ã‚Œã¦ã„ã¾ã™ã€‚ ãã®ä»–ã®å‰²ã‚Šã¨æ–°ã—ã„æƒ…å ±ã¯ Backbone.js Advent Calendar 2012 ãªã©ã«ã‚ã‚Šã¾ã™ã€‚ ï¼ˆè¿½è¨˜ã“ã“ã¾ã§ï¼‰ ä»Šæ—¥ã®ãƒ†ãƒ¼ãƒžã¯ Model ã§ã™ã€‚ MVC ã«é–¢ã™ã‚‹å›žã§ Backbone.js ã«ãŠã‘ã‚‹ MVC ã¯ Rails ãªã©ã® WAF ã«ãŠã‘ã‚‹ MVC ã‚ˆã‚Šã¯ä¼çµ±çš„ãª MVC ã«è¿‘ã„ ã¨ã„ã†ã‚ˆã†ãªã“ã¨ã‚’æ›¸ãã¾ã—ãŸã€‚ ã—ã‹ã—ãªãŒã‚‰ã€ãƒ¢ãƒ‡ãƒ«ã«é–¢ã—ã¦è¨€ãˆã°ã©ã¡ã‚‰ã®å ´åˆã‚‚å¤§å·®ã‚ã‚Šã¾ã›ã‚“ã‹ã‚‰ã€æ°—åˆ†ãŒæ¥½ã§ã™ã€‚ Rails ã«ãŠã‘ã‚‹ãƒ¢ãƒ‡ãƒ«ã§ã‚ã‚‹ ActiveRecord ãŒ OR ãƒžãƒƒãƒ‘ãƒ¼ã¨ã—ã¦ã®å½¹å‰²ã‚’æŒã£ã¦ã„ãŸã‚Šã€ãƒ‡ãƒ¼ã‚¿ã®ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³æ©Ÿèƒ½ã‚’æŒã£ã¦ã„ãŸ
hiro14aki 2016/03/23
Backbone.js
ãƒªãƒ³ã‚¯
Backbone.jsã«å…¥é–€ã—ã¦ã¿ã‚‹ã€Collectionç·¨ã€‘ - yutaponã®ãƒ–ãƒã‚°
Backbone.Collectionã¯æœ¬æ ¼çš„ã«ä½¿ã£ãŸã“ã¨ãŒãªã„ã§ã™^^; ã»ã‚“ã¨ã®å…¥é–€ã«ãªã‚Šã¾ã™ã€‚ Backbone.Collectionã¨ã¯ Collectionã¯Modelã®é›†åˆã‚’æ‰±ã„ãŸã„å ´åˆã«ä½¿ã„ã¾ã™ã€‚ å‰å›žã¯é›»è©±å¸³ã‚’ä½œã‚ã†ã¨ã—ã¦ã„ãŸã®ã§ã™ãŒã€ é›»è©±æƒ…å ±ãŒModelã§ã‚ã£ã¦ã€ãã‚Œã‚’æŸãã‚‹é›»è©±å¸³ãŒCollectionã¨ãªã‚Šã¾ã™ã€‚ ã¾ãŸã€Collectionã¯Modelã®é›†åˆã«é †åºã‚’ã‚‚ãŸã›ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ Backbone.Collectionã®ä½¿ã„æ–¹ å‰å›žä½œã£ãŸã‚½ãƒ¼ã‚¹ã«è¿½è¨˜ã—ã¦ã€Collectionã‚’å®šç¾©ã—ã¾ã™ã€‚ var Address = Backbone.Model.extend({ defaults: function(){ return { language: 'jp' }; }, initialize: function(){ _.bindAll(this); this.
hiro14aki 2015/10/25
javascript

Backbone.js
ãƒªãƒ³ã‚¯
Backbone.jsã§è¤‡æ•°ã®ãƒ¢ãƒ‡ãƒ«ã‚’æ‰±ã†ãƒ“ãƒ¥ãƒ¼ã‚’ä½œã‚‹å ´åˆ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
hiro14aki 2015/10/25
Backbone.js

javascript
ãƒªãƒ³ã‚¯
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
hiro14aki 2015/10/20
Backbone.js

javascript
ãƒªãƒ³ã‚¯
The Backbone Framework
The Backbone FrameworkMarionette simplifies your Backbone application code with robust views and architecture solutions. DownloadÂ v4.1.2View Docs Organize your app in terms of small Views. Marionette makes it easy to compose rich layouts out of small components Show a sorted filtered list without breaking a sweat. Have a massive collection? Want to add or remove an it em? No worries! Learn to love
hiro14aki 2015/10/20
Backbone.js

marionette.js

javascript
ãƒªãƒ³ã‚¯
å¿«é©ã‚¢ãƒ—ãƒªé–‹ç™ºBackbone.Marionette | ç¬¬1å›ž Backbone.Marionetteã¨ã¯
ãã‚Œãžã‚Œã€ã“ã®ã‚·ãƒªãƒ¼ã‚ºã®å¾Œç¶šã®å›žã§è©³ã—ãè§¦ã‚Œã¦ã„ãã¾ã™ãŒã€Applicationã€AppRouterã€Controllerã¯Viewã‚„Modelã®é–“ã‚’å–ã‚ŠæŒã¤æ©Ÿèƒ½ã‚’æ‹…ã£ã¦ã„ã¾ã™ã€‚It emViewã€CollecttonViewã€CompositeViewã€Regionã€Layoutã¯ãã‚Œãžã‚Œç•°ãªã£ãŸå½¹å‰²ã§ã€Viewå‘¨ã‚Šã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã«å½¹ç«‹ã¤æ©Ÿèƒ½ã‚’æŒã£ã¦ã„ã¾ã™ã€‚ Marionette.jsã«ã§ãã‚‹ã“ã¨ Marionette.jsã‹ã‚‰å¾—ã‚‰ã‚Œã‚‹æ©æµã¯å¤§å°ã•ã¾ã–ã¾ã§ã€ç´°ã‹ã„ã‚‚ã®ã‚’æŒ™ã’ã¦ã„ãã¨ãã‚ŠãŒãªã„ã»ã©ã§ã™ãŒã€å¤§ããªã‚‚ã®ã‚’æŒ™ã’ã‚‹ã¨ã™ã‚Œã°ã€æ¬¡ã®ã‚ˆã†ãªç‚¹ãŒã‚ã‚Šã¾ã™ã€‚ ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«åŒ–ã®ã‚µãƒãƒ¼ãƒˆ é–‹ç™ºè€…ãŒæ›¸ã‹ãªã‘ã‚Œã°ãªã‚‰ãªã„ã‚³ãƒ¼ãƒ‰é‡ã®æ¸›å°‘ æ©Ÿèƒ½ã®éƒ¨åˆ†çš„ãªåˆ©ç”¨ ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«åŒ–ã®ã‚µãƒãƒ¼ãƒˆ Marionette.jsã®æ©Ÿèƒ½ã®ä¸ã§å¤§ããªã‚‚ã®ã¨ã—ã¦ã€ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«åŒ–ã®ã‚µãƒãƒ¼ãƒˆãŒã‚ã‚Šã¾ã™ã€‚ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«åŒ–ã¨ã„ã†ã®ã¯ã€ã‚ã‚‹æ©Ÿèƒ½ã‚’è¡¨
hiro14aki 2015/10/20
javascript

backbone.js

marionette.js
ãƒªãƒ³ã‚¯
ã€Marionette.jsã€‘å…¥é–€ ~å°Žå…¥æ–¹æ³•~ - Tech Design
JavaScriptã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨ã—ã¦ã‚‚ã¯ã‚„çŸ¥ã‚‰ãªã„äººã¯ã„ãªã„ã§ã‚ã‚ã†Backbone.jsã€‚ Backbone.jsã§ã¯viewã‚’è‡ªã‚‰ä¸€ã¤ä¸€ã¤å®šç¾©ã—ã€renderå‡¦ç†ã‚’è‡ªå‰ã§æ›¸ã‹ãªãã¦ã¯ãªã‚‰ãªã„ãŸã‚ã€ã‚³ãƒ¼ãƒ‰é‡ãŒè†¨å¤§ã«ãªã‚Šã¾ã™ã€‚ ï¼ˆãã®ä»£ã‚ã‚Šã«ã€ã‚³ãƒ¼ãƒ‰ã®ä¸ã«ãƒ–ãƒ©ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ãŒç„¡ããªã‚Šã€ã„ã‹ãªã‚‹å ´åˆã«ã‚‚å¯¾å‡¦ã—ã‚„ã™ã„ã¨ã„ã†åˆ©ç‚¹ã¯ã‚ã‚Šã¾ã™ã€‚ï¼‰ ãã‚“ãªã‚³ãƒ¼ãƒ‰ã®è‚¥å¤§åŒ–ã‚’é˜²ãŽã€å…¨ä½“ã®è¦‹é€šã—ã‚’è‰¯ãã—ã¦ãã‚Œã‚‹ã‚‚ã®ã¨ã—ã¦ã€Marionette.jsãŒã‚ã‚Šã¾ã™ã€‚Marionette.jsã«ã¤ã„ã¦æ›¸ããŸã„ã¨æ€ã„ã¾ã™ã€‚ ã¾ãšã€Marionette.jsã‚’å°Žå…¥ã™ã‚‹ãŸã‚ã«ã¯ä»¥ä¸‹ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’èªã‚€è¾¼ã‚€ã“ã¨ãŒå¿…é ˆã§ã™ã€‚ jQueryunderscore.jsbackbone.jsã“ã®ã‚ˆã†ãªé †ã§èªã¿è¾¼ã¾ã›ã‚‹ã¨ã†ã¾ãã„ãã¨æ€ã„ã¾ã™ã€‚ <script type="text/javascript" src="http://c
hiro14aki 2015/10/20
Backbone.js

javascript
ãƒªãƒ³ã‚¯
B.Combinator/app.js at master Â· 30kidz/B.Combinator Â· GitHub
hiro14aki 2015/10/19
javascript

backbone.js
ãƒªãƒ³ã‚¯
è¤‡é›‘ãªHTMLã‚’å‹•çš„ã«ãƒãƒ¼ãƒ‰ã™ã‚‹ã¨ãï¼ŒJSãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’åˆ©ç”¨ã™ã‚‹ã¨ã‚ˆã„ - Qiita
å®Œå…¨ã«é…ã‚Œã¦ã—ã¾ã£ã¦ã„ã¦ã‚‚ã¯ã‚„Advent Calendarã§ã¯ãªããªã£ã¦ã„ã‚‹ã€ŒBackbone.js Advent Calendarã€ã§ã™ãŒï¼Œãªã‚“ã¨ã‹25æ—¥ã¾ã§ç¶šã‘ã¾ã™:) ã¡ãªã¿ã«æ˜¨æ—¥ã¾ã§ã®ã€ŒBackbone.jså…¥é–€ã€ã‚·ãƒªãƒ¼ã‚º(by @taka84u9)ãŒã¨ã¦ã‚‚ã‚ã‹ã‚Šã‚„ã™ã„ã®ã§ï¼ŒBackbone.jsã‚’ä½¿ã£ãŸã“ã¨ã®ãªã„äººã¯ã¾ãšãã¡ã‚‰ã‹ã‚‰èªã‚€ã®ãŒãŠã™ã™ã‚ã§ã™ï¼Ž (http://qiita.com/adcal/backbone ã®12/11åˆ†ã‚ˆã‚Š) ã¯ã˜ã‚ã« Ajaxã‚’åˆ©ç”¨ã—ã¦å‹•çš„ã«HTMLã‚’ãƒãƒ¼ãƒ‰ã™ã‚‹ã¨ãï¼Œå¯¾è±¡HTMLãŒè¤‡é›‘ã«ãªã£ã¦ãã‚‹ã¨JSã ã‘ã§ä½œã‚‹ã®ã¯ã‚³ã‚¹ãƒˆãŒå¤§ãããªã£ã¦ãã¾ã™ï¼Ž(appendã®å±±) ã¾ãŸã±ã£ã¨ã‚³ãƒ¼ãƒ‰ã‚’è¦‹ãŸã¨ãã«ã©ã†ã„ã†HTMLã«ãªã‚‹ã‹ã‚ã‹ã‚‰ãšï¼Œãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã¨å…±åŒä½œæ¥ã‚‚ã‚„ã‚Šã«ãããªã‚Šã¾ã™ï¼Žã‚¿ã‚°ã‚’1ã¤è¿½åŠ ã—ãŸã„ã ã‘ãªã®ã«ï¼ŒJSã®ã‚³ãƒ¼ãƒ‰ã‚’èªã‚“ã§è¿½åŠ å‡¦ç†ã‚’æ›¸ãã®ã¯ã‹ãªã‚Šé¢å€’
hiro14aki 2015/10/19
javascript

Backbone.js
ãƒªãƒ³ã‚¯
1