[B! backbone] udzuraã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

udzura id:udzura

backboneã«é–¢ã™ã‚‹udzuraã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (11)

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

ãƒ‡ãƒ¼ã‚¿ãƒã‚¤ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ã«ã¤ã„ã¦Vue.jsã¨ Backbone.stickitã‚’æ¯”è¼ƒã™ã‚‹ - mizchi's blog
ã“ã‚Œã¯ä¼šç¤¾ã§vue.jsã‚’æŽ¡ç”¨ã‚’èª¬å¾—ã™ã‚‹ãŸã‚ã®è³‡æ–™ãªã®ã§stickitã‚’ç½µå€’ã™ã‚‹ vue.js http://vuejs.org/ backbone.stickit http://nytimes.github.io/backbone.stickit/ Backbone.stickitã¨Vue.jsã®æ¯”è¼ƒ ã€Œ#menuã‚’æŠ¼ã—ãŸã‚‰å³ã«100pxå‹•ãã€ã¿ãŸã„ãªã‚³ãƒ¼ãƒ‰ã‚’æ›¸ã„ã¦ã¿ã‚‹ã¨ã™ã‚‹ã€‚ templateé–¢æ•°ã¯Jadeãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’å±•é–‹ã™ã‚‹é–¢æ•°ã ã¨æ€ã£ã¦ã»ã—ã„ Backbone.stickit ã®å ´åˆ class MenuView extends Backbone.View initialize: -> @model = new Backbone.Model() @render() render: -> @$el.html template(""" #menu.js-open """) @stic
udzura 2014/03/20
backbone

javascript

vuejs
ãƒªãƒ³ã‚¯
ã‚„ã¯ã‚ŠãŠã¾ãˆã‚‰ã® MVC ã¯é–“é•ãˆã¦ã„ã‚‹ in ãƒãƒƒã‚¯ãƒœãƒ¼ãƒ³ã‚¸ã‚§ãƒ¼ã‚¨ã‚¹ - çŒ«åž‹ã®è“„éŸ³æ©Ÿã¯ 1 åˆ†é–“ã« 45 å›žã«ã‚ƒã‚ã¨é³´ã
ç¶šç·¨ã®ç´¹ä»‹ ç¶šç·¨ ã‚„ã¯ã‚Šä¿ºã®MVCã¯é–“é•ãˆã¦ã„ã‚‹ in Backbone.js ã‚’æ›¸ã„ãŸã€‚ãã£ã¡ã®ã»ã†ãŒæœ‰ç›Šãªæƒ…å ±ãŒä¹—ã£ã¦ã‚‹ã¨æ€ã†ã‘ã©é¢ç™½ããªã„ã‹ã‚‚ã—ã‚Œãªã„ ä»¥ä¸‹æœ¬ç·¨ MVC ã®è©±ã¨å®—æ•™ã®è©±ã¨æ”¿æ²»ã®è©±ã¨é‡Žçƒã®è©±ã¯ã—ã¦ã¯ã„ã‘ãªã„ãã†ã§ã™ãŒãã‚“ãªã®çŸ¥ã‚‹ã‹ä¿ºã¯ã™ã‚‹ãž ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ MVC ã®è©± ãã‚‚ãã‚‚ MVC ã®å‡ºè‡ªãŒ GUI ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ãŸã‚ã«ç”Ÿã¾ã‚Œã¦ããŸã‚‚ã®ãªã®ã§ã€Œã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ MVCã€ãªã©ã¨è¨€ã†è¨€ã„æ–¹ã‚’ã—ãªã‘ã‚Œã°ãªã‚‰ãªã„çŠ¶æ³ãŒã™ã§ã«æ†Žã„ã®ã ã‘ã‚Œã©ã€ã¾ã‚ãã‚Œã¯ãŠã„ã¦ãŠãã€‚ ã€Œã†ã¡ã¯ Backbone.js ã‚’ä½¿ã£ã¦ã„ã‚‹ã‹ã‚‰ MVC ã§ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ãŒä½œã‚‰ã‚Œã¦ã„ã¦ä¿å®ˆæ€§ãŒé«˜ã„ã§ã™ã€ã¿ãŸã„ãªã“ã¨ã‚’è¨€ã†äººé–“ãŒãŸã¾ã«ã„ã‚‹ãŒã€Backbone.js ã‚’ã¤ã‹ã£ãŸã‹ã‚‰ï¼ˆã‚ã‚‹ã„ã¯ Marionette.js ã‚’ä½¿ã£ãŸã‚‰ã‹ã‚‰ï¼‰ã¨ã„ã£ã¦è‡ªå‹•çš„ã«ãŠå‰ã®ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãŒ MVC ã«ãªã‚‹ã‚ã‘
udzura 2013/11/11
ã‚¿ã‚¤ãƒˆãƒ«ãŒå¥½ã

designpettern

backbone

javascript
ãƒªãƒ³ã‚¯
TypeScript0.9alphaã‚’Node+Gruntã§ä½¿ã†ã‚ˆ
Swift is the best programming language you should learn and make your dream app easily. Swift programming is a powerful yet easy-to-learn coding language created by Apple. It's frequently used for developing iOS and macOS applications, as well as tvOS and watchOS apps. While you can use other languages to create Apple apps, Swift is the preferred language, and it's recommended because its code is
udzura 2013/03/25
typescript

javascript

backbone
ãƒªãƒ³ã‚¯
ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰MVCã«ã¯ä½•ãŒå¿…é ˆ? - ã¯ã“ã¹ã«ã£ã â™¨
æœ€è¿‘ä½•åº¦ã‹ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰MVCãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã‚ã‚‹ã¨ã“ã‚ã®ã€Backbone.jsã‚’ä½¿ã£ã¦ã‚³ãƒ¼ãƒ‰ã‚’ã‹ã„ãŸã‚Šã—ã¦ã„ãŸã®ã§ã€ãã®æ™‚ã«æ„Ÿã˜ãŸã“ã¨ã‚’ã¾ã¨ã‚ã¦ Kyoto.js ã§è©±ã—ã¦ã¿ã¾ã—ãŸã€‚ ç™ºè¡¨è³‡æ–™ "ä½•ãŒMVCã‚’ã¤ãªã’ã¦ã„ã‚‹ã®ã‹" Backbone.jsã§ã¯MVCã®å„å±¤ã‚’ã¤ãªã’ã‚‹ãŸã‚ã«ã€Backbone.Eventsã¨ã„ã†ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆãŒç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚Backbone.jsã®Modelã¨Viewã®ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ã¯ã€ãƒ™ãƒ¼ã‚¹ã«ãªã£ã¦ã„ã‚‹Backbone.Eventsã«ã‚ˆã‚‹Observerãƒ‘ã‚¿ãƒ¼ãƒ³ã«ã‚ˆã£ã¦å®Ÿç¾ã•ã‚Œã¦ã„ã¾ã™ã€‚å®Ÿéš›ã«Backbone.jsã§ã‚³ãƒ¼ãƒ‰ã‚’æ›¸ã„ã¦ã¿ã‚‹ã¨ã€ä¾¿åˆ©ãªæ©Ÿèƒ½ã¯ã„ã‚ã„ã‚ã‚ã‚‹ã‚‚ã®ã®Backbone.Eventsã®å˜åœ¨ãŒMVCã‚’å®Ÿç¾ã™ã‚‹ã®ã«é‡è¦ã§ã‚ã‚‹ã“ã¨ãŒã‚ã‹ã‚Šã¾ã™ã€‚ ãã“ã¤ãã¤ã‚ã‚‹ã¨ã€Backbone.Eventsã®ã‚ˆã†ãªObserverãƒ‘ã‚¿ãƒ¼ãƒ³ã‚’ç°¡å˜ã«å®Ÿç¾ã§ãã‚‹ã‚ˆ
udzura 2013/03/22
backbone

javascript

designpettern
ãƒªãƒ³ã‚¯
Unit Testing JavaScript and Backbone.JS
Why do we hate testing? How do we test JavaScript? How do we test Backbone.JS? (Credits to @searls for slides 6 through 12, used with permission).
udzura 2013/01/02
ãƒ†ãƒ³ãƒãŒã„ã„

javascript

backbone

testing
ãƒªãƒ³ã‚¯
Sinatra-backbone
Sinatra-backbone Neat integration of Backbone.js with SinatraDo you like Backbone.js? Do you like Sinatra? Did you ever wish you can use them together? Well now you can, with the new Sinatra Backbone! Usage This is a Ruby gem. $ gem install sinatra-backbone --pre Or do you use Bundler? gem 'sinatra-backbone', :require => 'sinatra/backbone' Contents Sinatra-backbone is comprised of two Sinatra plug
udzura 2012/12/06
backbone

sinatra
ãƒªãƒ³ã‚¯
Backbonification: migrating a large JavaScript project from DOM spaghetti to Backbone.js Â· OfBrooklyn.com
Samuel Clay is a grad student in the schools of design and of engineering at Harvard. He founded NewsBlur, a personal RSS news reader, and Turn Touch, beautiful control for the smart home. Talk to him @samuelclay. Backbonification: migrating a large JavaScript project from DOM spaghetti to Backbone.js November 13th, 2012 Weâ€™ve all done it. Our code base has one huge monolithic file, packed full of
udzura 2012/11/17
ã°ï½ƒï½‹ã¼ãå°Žå…¥è¨˜

backbone

javascript
ãƒªãƒ³ã‚¯
ã€Žã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ãƒ–ãƒ©ã‚¦ã‚¶ã‚²ãƒ¼ãƒ ã®é–‹ç™ºã«ã¤ã„ã¦ã€
1 pixelï½œã‚µã‚¤ãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆå…¬å¼ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã‚ºãƒ–ãƒã‚° ã‚µã‚¤ãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆã®ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã®å–ã‚Šçµ„ã¿ã‚’ç´¹ä»‹ã™ã‚‹ã‚ªãƒ•ã‚£ã‚·ãƒ£ãƒ«ãƒ–ãƒã‚°ã§ã™ã€‚æœ€æ–°æŠ€è¡“ã¸ã®æŒ‘æˆ¦ã‚„ã‚µãƒ¼ãƒ“ã‚¹èª•ç”Ÿã®è£è©±ã€å‹‰å¼·ä¼šã‚„ã‚¤ãƒ™ãƒ³ãƒˆã®ãƒ¬ãƒãƒ¼ãƒˆãªã©CAã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã®æƒ…å ±ãŒæº€è¼‰ã§ã™ã€‚ ã“ã‚“ã°ã‚“ã¯ã€‚ã‚¢ãƒ¡ãƒ¼ãƒäº‹æ¥æœ¬éƒ¨ãƒ”ã‚°ãƒ‡ã‚£ãƒ“ã‚¸ãƒ§ãƒ³æ‰€å±žã®ä¹…ä¿ã§ã™ã€‚ ä»Šå›žã¯6æœˆ5æ—¥ã«ãƒªãƒªãƒ¼ã‚¹ã„ãŸã—ã¾ã—ãŸã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã§éŠã¹ã‚‹ã€Œã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ç‰ˆãƒ”ã‚°ã¤ã‚Šã‚²ãƒ¼ãƒ ã€(http://fishing.pigg.ameba.jp)ã®é–‹ç™ºã®ä¸€ç«¯ã‚’ã”ç´¹ä»‹ã•ã›ã¦ã„ãŸã ãã¾ã™ã€‚ ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ç‰ˆãƒ”ã‚°ã¤ã‚Šã‚²ãƒ¼ãƒ ã¨ã¯ ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ç‰ˆãƒ”ã‚°ã¤ã‚Šã‚²ãƒ¼ãƒ ã¨ã¯ã€PCç‰ˆã‚¢ãƒ¡ãƒ¼ãƒãƒ”ã‚°ã®ä¸ã§éŠã¹ã‚‹ã¤ã‚Šã‚²ãƒ¼ãƒ ã‚’ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã§ã‚‚æ°—è»½ã«æ¥½ã—ã‚“ã§ã‚‚ã‚‰ãˆã‚‹ã‚ˆã†ã«åˆ¶ä½œã—ãŸãƒ–ãƒ©ã‚¦ã‚¶ã‚²ãƒ¼ãƒ ã§ã™ã€‚PCç‰ˆã¯FLASHã§å‹•ä½œã—ã¾ã™ãŒã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ç‰ˆã§ã¯iPhoneã®å¯¾å¿œã‚’è€ƒæ…®ã«å…¥ã‚Œã¦HTML/CSS/Java
udzura 2012/08/02
ãµãƒ¼ã‚“

html

backbone

javascript

mobile
ãƒªãƒ³ã‚¯
JavaScript MVCåº§è«‡ä¼šã€‚é…ããªã‚‰ãªã„ï¼Ÿ ãã‚Œãžã‚Œã®ç‰¹å¾´ã¯ï¼Ÿ ã‚µãƒ¼ãƒã¨ã®é€šä¿¡ã¯ï¼Ÿï¼ˆå‰ç·¨ï¼‰
JavaScriptã§ã®å¤§è¦æ¨¡ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³é–‹ç™ºã‚’æ”¯æ´ã™ã‚‹ã€ŒJavaScript MVCãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ãŒã„ãã¤ã‚‚ç™»å ´ã—ã€æ³¨ç›®ã•ã‚Œå§‹ã‚ã¦ã„ã¾ã™ã€‚7æœˆ11æ—¥ã«é–‹å‚¬ã•ã‚ŒãŸã€Œç¬¬31å›ž HTML5ã¨ã‹å‹‰å¼·ä¼šã€ã§ã¯ã€ã“ã®JavaScript MVCãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãŒãƒ†ãƒ¼ãƒžã¨ãªã‚Šã€ä¸»ãªãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®ç´¹ä»‹ã¨åº§è«‡ä¼šãŒè¡Œã‚ã‚Œã¾ã—ãŸã€‚ ãã‚Œãžã‚Œã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãŒã©ã‚“ãªç‰¹å¾´ã‚’æŒã¡ã€ä½•ã«å‘ã„ã¦ã„ã‚‹ã®ã‹ã€‚éžå¸¸ã«å‹‰å¼·ã«ãªã‚‹å†…å®¹ã§ã—ãŸã®ã§ã€ã“ã®è¨˜äº‹ã§ã¯åº§è«‡ä¼šã®å†…å®¹ã‚’ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ åº§è«‡ä¼šã«ç™»å£‡ã—ãŸã®ã¯ä»¥ä¸‹ã®æ–¹ã€…ã§ã™ã€‚ Backbone.js æ¸…æ°´å¤§è¼”æ°ï¼ˆNHN Japanï¼‰ Spine æ‘ç”°è³¢ä¸€éƒŽæ°ï¼ˆAcroquest Techno logyï¼‰ Ember.js æ–‰è—¤ç¥ä¹Ÿæ°ï¼ˆã‚µã‚¤ãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆï¼‰ AngularJS åŒ—æ‘è‹±å¿—æ°ï¼ˆã‚°ãƒ¼ã‚°ãƒ«ï¼‰ å¸ä¼šã¯Publickeyæ–°é‡ŽãŒå‹™ã‚ã¾ã—ãŸã€‚ JavaScript MV
udzura 2012/07/17
javascript

backbone

framework
ãƒªãƒ³ã‚¯
Backbone.jså…¥é–€ ã€ŒEventsã€ - Qiita
é–²è¦§ä¸Šã®æ³¨æ„ ã“ã®è¨˜äº‹ã§å¯¾è±¡ã¨ã—ã¦ã„ã‚‹ãƒãƒ¼ã‚¸ãƒ§ãƒ³0.5.3ã¯çµæ§‹å¤ã„ã®ã§æ³¨æ„ã—ã¦ãã ã•ã„ã€‚ã“ã®è¨˜äº‹ã§ã„ãˆã°ã€bindã¯ç„¡ããªã‚Šã€ç¾åœ¨ã§ã¯onã‚„listenToãŒä½¿ã‚ã‚Œã¦ã„ã¾ã™ã€‚ ãã®ä»–ã®å‰²ã‚Šã¨æ–°ã—ã„æƒ…å ±ã¯ Backbone.js Advent Calendar 2012 ãªã©ã«ã‚ã‚Šã¾ã™ã€‚ ï¼ˆè¿½è¨˜ã“ã“ã¾ã§ï¼‰ ãƒã‚¿åˆ‡ã‚Œæ„ŸãŒå¦ã‚ãªã„Backbone.js Advent Calendarã§ã™ãŒã€ä»Šå›žã‹ã‚‰ä½•å›žã‹ã«åˆ†ã‘ã¦æ‡‡åˆ‡ä¸å¯§ãªå…¥é–€è¨˜äº‹ã‚’æ›¸ã„ã¦ã„ã“ã†ã¨æ€ã„ã¾ã™ã€‚ ä»¥ä¸‹ã®ã‚ˆã†ã«æ›¸ãé€²ã‚ã¦ã„ãäºˆå®šã§ã™ã€‚ Events View Model Viewã¨Modelã®é€£æº Collection Viewã¨Modelã¨Collectionã®é€£æº Routerã¨History ãªãŠã“ã“ã§æ‰±ã†Backbone.jsã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¯0.5.3ã§ã™ã€‚ #Backbone.jså…¥é–€ ã€ŒEventsã€ Backbone.js
udzura 2012/04/05
é ã‹ã‚‰èªã‚€ã‹ã€‚ã€‚ã€‚

backbone

javascript
ãƒªãƒ³ã‚¯
#323 Backbone on Rails Part 1 (pro) - RailsCasts
In this first part of a two part series you will learn basic Backbone concepts including models, collections, routers, views and events. The backbone-on-rails gem is used for Rails integration with the asset pipeline.
udzura 2012/04/05
ã‚¨ãƒ”ã‚½ãƒ¼ãƒ‰é–²è¦§ãŒæœ‰æ–™ã§æ³£ã„ãŸ

rails

backbone
ãƒªãƒ³ã‚¯
1