実践Backbone.Marionette ç¾å ´ã®æ‚©ã¿ã¨è§£æ±ºã¾ã§2014/1/22 gooラボopen tech talkã§è©±ã—ãŸBackbone.jsã¨Marionette.jsã®è©±ã§ã™ã€‚Read less
Marionette.js in Single Page Application
Marionette.jsã®View周りã«ã¤ã„ã¦ã‚’ä¸å¿ƒã«Single Page Applicationを作るã¨ãã®è©±
ゾンビViewå•é¡Œï½žBackbone-supportã§Swapping Routerã¨CompositeViewを使ㆠ| | Scimpr Blog
Backbone.jsã§ãƒšãƒ¼ã‚¸é·ç§»ã‚’è¡Œã†ã¨ãã€ä»Šã¾ã§ä½¿ã£ã¦ã„ãŸViewã¯ã©ã“ã«è¡Œã£ã¦ã—ã¾ã†ã®ã‹ ãã®è¬Žã¯åƒ•ã‚‰ã«ã‚‚解明ã§ãã¦ã„ãªã„ã‚“ã ホントã¯ã€Backbone.jsã¯Viewã®ä½¿ã„æ–¹ã«ã¤ã„ã¦ãƒ¡ãƒ¢ãƒªç®¡ç†æ©Ÿæ§‹ã‚’ã‚‚ã£ã¦ãªã„ã®ã§ã€æ˜Žç¢ºã«é–‹æ”¾ã—ãªã„ã¨ãƒ¡ãƒ¢ãƒªã‚’圧迫ã—ãŸã‚Šã€äºˆæœŸã—ãªã„動作を起ã“ã—ãŸã‚Šã™ã‚‹ã“ã¨ãŒã‚ã‚‹ ãŸã¾ãŸã¾ã€ãã‚“ãªç¾è±¡ãŒã‚«ãƒ¡ãƒ©ã«æ’®å½±ã§ããŸã®ã§è¦³ã¦ã‚‚らã„ãŸã„ ã“ã‚Œã¯ã‚³ãƒ¬ã‚¯ã‚·ãƒ§ãƒ³ã¸ã®addã®ç›£è¦–ãŒï¼’é‡ã€ï¼“é‡ã«è¨å®šã•ã‚Œã¡ã‚ƒã†ã®ã§èµ·ã“ã£ã¦ã‚‹ã£ã½ã„ç¾è±¡ ã“ã†ã„ã£ãŸã“ã¨ã‚’é¿ã‘ã‚‹ã«ã¯ç°¡å˜ã§è¨å®šã—ã¦ã‚‹ã‚¤ãƒ™ãƒ³ãƒˆé¡žã‚’ã¡ã‚ƒã‚“ã¨é–‹æ”¾ï¼Ÿ(unbind)ã—ã¦ã‹ã‚‰æ¬¡ã®å‹•ä½œã«ç§»ã‚Œã°ã„ㄠ開放ã™ã‚‹ã‚‚ã®ã¯ï¼“ã¤ãらã„ã‚ã£ã¦ã€ï¼‘.DOMã¨2.ãã‚Œã«æ¸¡ã•ã‚ŒãŸãƒ¢ãƒ‡ãƒ«ã‚„コレクションã®ã‚¤ãƒ™ãƒ³ãƒˆã€3.view独自ã®ã‚¤ãƒ™ãƒ³ãƒˆï¼ˆã‚¤ãƒ™ãƒ³ãƒˆãƒãƒƒã‚·ãƒ¥ã§ãƒã‚¤ãƒ³ãƒ‰ã—ãŸã‚¤ãƒ™ãƒ³ãƒˆï¼‰ã DOMã®é–‹æ”¾ã¯ä¸€ç•ªç°¡å˜ã§
ã‚„ã¯ã‚Šä¿ºã®MVCã¯é–“é•ãˆã¦ã„ã‚‹ in Backbone.js - 猫型ã®è“„音機㯠1 分間㫠45 回ã«ã‚ƒã‚ã¨é³´ã
昨日ã®ã‚¨ãƒ³ãƒˆãƒªã®ç¶šã。ã“ã£ã¡ã®ã»ã†ãŒæœ‰ç›Šãªæƒ…å ±ã«ãªã£ã¦ã‚‹ã¨æ€ã†ã‚“ã ã‘ã©å¤šåˆ†æ˜¨æ—¥ã»ã©ã¯ã®ã³ãªã„。 ã•ã¦ã€æ˜¨æ—¥ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã§ã¯ã€ŒBackbone.jsã®Viewã¯Controllerã£ã¦ã“ã¨ãªã®ã‹ã€œãã‚Œã¯ä¿ºãŒé–“é•ãˆã¦ãŸã‚〜ã€ãˆã£ã˜ã‚ƒã‚ Marionette.js 使ã†å ´åˆã¯ã©ã†ãªã®ã€ã¨ã„ã†æ„Ÿã˜ã«ãªã£ãŸã®ã ã‘ã‚Œã©ã€ãã®ã‚ã¨ã„ã‚ã„ã‚考ãˆã¦ä»¥ä¸‹ã®ã‚ˆã†ãªæ„Ÿã˜ã«è½ã¡ç€ã„ãŸã€‚ Marionette.jsを使ã£ã¦ã„ãŸã¨ã—ã¦ã‚‚çµå±€è€ƒãˆæ–¹ã¯Backbone.jsã®ã¨ãã¨ã‹ã‚らãªã„。 ã¤ã¾ã‚Šã€Marionette.js ã® View ã‚‚ C ã§ã‚る。ViewControllerã¨è¨€ã†ã¹ãã‹ã‚‚ã—ã‚Œãªã„ã®ã§ä»¥ä¸‹ã§ã¯ViewControllerã¨æ›¸ã。 ViewControllerã®è²¬å‹™ã¯ã€ä»¥ä¸‹ã®é€šã‚Šã§ã‚る。 Model(ã‚ã‚‹ã„ã¯Collection)ã‚’ã²ã¨ã¤ä¿æŒã—ã€View(HTML片ã®ã“ã¨ã§ã‚ã‚‹)ã‚’ã²ã¨ã¤ä¿æŒã™ã‚‹
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
https://hozunomiya.xyz/?p=103
{{#tags}}- {{label}}
{{/tags}}