[B! mvc] goodFlatã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

goodFlat id:goodFlat

mvcã«é–¢ã™ã‚‹goodFlatã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (7)

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

AngularJSã‚’ä½¿ã£ãŸWebã‚¢ãƒ—ãƒªã®ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£è¨è¨ˆ - Qiita
AngularJSã¯å…¬å¼ã§åˆ†ã‹ã‚Šã‚„ã™ã„ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ãŒç”¨æ„ã•ã‚Œã¦ã„ã‚‹ã—ã€æ—¥æœ¬èªžã®è¨˜äº‹ã‚‚å¢—ãˆã¦ããŸã—ã€ã‘ã£ã“ã†ç°¡å˜ã«ä½¿ã„å§‹ã‚ã‚‹ã“ã¨ãŒã§ãã‚‹ã‚“ã˜ã‚ƒãªã„ã‹ã¨æ€ã„ã¾ã™ã€‚ ã§ã‚‚ã€ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚„ã‚µãƒ³ãƒ—ãƒ«ã¯ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ã‚ªãƒ³ãƒªãƒ¼ãªã“ã¨ãŒå¤šãã¦ã€ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ã‚‚å«ã‚ãŸWebã‚¢ãƒ—ãƒªã‚’ä½œã‚ã†ã¨æ€ã†ã¨ã€ã©ã†ã„ã†æ§‹æˆã«ã™ã‚Œã°ã„ã„ã®ã‹è¿·ã†ã®ã§ã¯ãªã„ã§ã—ã‚‡ã†ã‹ï¼Ÿï¼ˆåƒ•ãŒãã†ã§ã—ãŸï¼‰ æœ€åˆã¯è©¦è¡ŒéŒ¯èª¤ã—ã¦ã„ãŸã®ã§ã™ãŒã€æ›¸ç±ã‚„ãƒãƒƒãƒˆã®è¨˜äº‹ã‚’èªã‚“ã ã‚ŠGitHubã§è¦‹ã¤ã‘ãŸã‚¢ãƒ—ãƒªã‚’çœŸä¼¼ãŸã‚Šã—ã¦ã„ã‚‹ã†ã¡ã«ã€ã©ã†ã„ã†æ§‹æˆã«ã™ã‚Œã°ã„ã„ã®ã‹ã ã‚“ã ã‚“è¦‹ãˆã¦ããŸã®ã§ã€è§£èª¬ã—ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ SPA æœ€è¿‘ã€SPAï¼ˆSingle Page Applicationã¾ãŸã¯ Single Page Web Applicationï¼‰ã¨ã„ã†è¨€è‘‰ã‚’ã‚ˆãè€³ã«ã™ã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ SPAã¨ã¯ã€æœ€åˆã®ãƒšãƒ¼ã‚¸ã ã‘é€šå¸¸ã®Webã‚¢ãƒ—ãƒªã¨åŒã˜ã‚ˆã†ã«ã‚µãƒ¼ãƒãƒ¼ã‹
goodFlat 2014/07/23
angularjs

Angular.js

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

mvc

backbone
ãƒªãƒ³ã‚¯
ãŠå‰ã®Angular.jsã¯ã‚‚ã†MVCã§ã¯ãªã„ã€‚ã¨è¨€ã‚ã‚Œãªã„ãŸã‚ã®Tutorial - Qiita
JavaScriptãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã«èˆˆå‘³ã‚ã‚‹ã—ã€Angular.jsã‚’ä½¿ã£ã¦ã¿ã‚ˆã†ã‹ãªãƒ»ãƒ»ãƒ» ãã‚“ãªç´”çœŸç„¡åž¢ãªã‚ãªãŸã‚’æ··æ²Œã®ä¸–ç´€æœ«ã«å¼•ããšã‚Šè¾¼ã‚€ã®ãŒã€ã»ã‹ã§ã‚‚ãªã„Tutorialãªã®ã§ã™ã€‚ Tutorialã§ã¯ã»ã¼Controllerã—ã‹å‡ºã¦ã“ãªã„ã®ã§ã€ç´ ç›´ã«ã“ã®é€šã‚Šæ›¸ã„ã¦ã„ã‚‹ã¨ã¾ãšé–“é•ã„ãªãï¼“ã‚«ã‚¦ãƒ³ãƒˆã§Controllerã«ã‚³ãƒ¼ãƒ‰ãŒé›†ä¸ã™ã‚‹ã„ã‚ã‚†ã‚‹Fat Controllerã«ãªã‚Šã€ã›ã£ã‹ãMVCãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚‚åœ°ç„ã®è’é‡Žã«ãªã‚Šã¾ã™ã€‚ å®Ÿã¯ã€Angular.jsã§ã¾ãšç›®ã‚’é€šã™ã¹ããªã®ã¯Developer Guideã®Conceptual Overviewã§ã™ã€‚ã“ã‚Œã‚’èªã‚ã°ã©ã†å‡¦ç†ã‚’åˆ†å‰²ã™ã‚‹ã‹ãŒãã¡ã‚“ã¨æ›¸ã‹ã‚Œã¦ã„ã¾ã™ãŒã€ä»¥ä¸‹ã§ã¯ãã‚Œï¼‹çµŒé¨“ã‚’ã‚‚ã¨ã«Angular.jsã§æ£ã—ãMVCã‚’ä½¿ç”¨ã™ã‚‹ãŸã‚ã®ãƒã‚¤ãƒ³ãƒˆã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚ Angular.jsã®ï¼“åŽŸå‰‡ 1.Controllerã¯ã‚¤ãƒ™ãƒ³ãƒˆãƒãƒ³ãƒ‰
goodFlat 2013/12/27
ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯

mvc

angularjs

angular.js
ãƒªãƒ³ã‚¯
Backbone.jsã§ã¤ãã‚‹MVPãªUIãƒ‘ã‚¿ãƒ¼ãƒ³ã€ã‚¿ãƒ–ã€‘ | DevelopersIO
ä»Šå›žã¯Backbone.jsã‚’ä½¿ã£ã¦ã‚¿ãƒ–UIã‚’ä½œã£ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ãƒ‡ã‚¶ã‚¤ãƒ³ã¯Twitter Bootstrapã‚’ã¤ã‹ã£ã¦ä»¥ä¸‹ã®ã‚ˆã†ã«ã—ã¾ã—ãŸã€‚ ä¸–ç•Œçš„ã«åé«˜ã„ä¼æ¥ã®åå‰ãŒä¸¦ã‚“ã§ã„ã¾ã™ãã€‚ ãƒ‡ã‚¶ã‚¤ãƒ³ã¯htmlã‚’ä»®çµ„ã¿ã—ã¦Bootstrapã§æ—¢ã«ã§ãã¦ã„ã‚‹ã“ã¨ã«ã—ã¾ã™ã€‚ï¼ˆæœ¬é¡Œã¨é›¢ã‚Œã¦ã—ã¾ã†ã®ã§â€¦ã™ã¿ã¾ã›ã‚“ï¼žï¼œï¼‰ ãƒœã‚¿ãƒ³ã®éƒ¨åˆ†ã« active ã¨ã„ã†ã‚¯ãƒ©ã‚¹ã‚’ã¤ã‘ã‚‹ã¨é¸æŠžä¸ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã«å¤‰ã‚ã‚Šã€ å†…å®¹ã®éƒ¨åˆ†ã«ãŠãªã˜ã active ã¨ã„ã†ã‚¯ãƒ©ã‚¹ã‚’ã¤ã‘ã‚‹ã¨ display: block; ã¨ãªã‚Šè¡¨ç¤ºã•ã‚Œã‚‹ä»•çµ„ã¿ã§ã™ã€‚ ã™ã¹ã¦activeãªçŠ¶æ…‹ ã™ã¹ã¦éžactiveãªçŠ¶æ…‹ htmlã¯ã“ã¡ã‚‰ã§ã™ <div id='ui-tab'> <ul class='nav nav-tabs'> <li class="active"> <a href="#apple">Apple</a> </li> <li> <a
goodFlat 2013/03/01
backbone

javascript

mvc
ãƒªãƒ³ã‚¯
ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰JavaScriptã«ãŠã‘ã‚‹è¨è¨ˆã¨ãƒ†ã‚¹ãƒˆ
ä»Šæ—¥è©±ã•ãªã„ã“ã¨ JavaScriptã®åŸºç¤ŽçŸ¥è˜ã€jQueryã®å°Žå…¥ æ°—æŒã¡ã„ã„UIã‚„UXãŒã†ã‚“ã¡ã‚ƒã‚‰ Canvasã‚„WebGLã‚’ä½¿ã£ãŸãƒªãƒƒãƒã§ã‚¤ã‚±ã¦ã‚‹ã‚²ãƒ¼ãƒ ã®ä½œã‚Šæ–¹
goodFlat 2013/02/25
JavaScript

è¨è¨ˆ

mvc

ãƒ†ã‚¹ãƒˆ
ãƒªãƒ³ã‚¯
é–‹ç™ºè€…ãŒçŸ¥ã£ã¦ãŠãã¹ãã€6ã¤ã®UIã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ãƒ»ãƒ‘ã‚¿ãƒ¼ãƒ³ - ï¼ IT
.NETé–‹ç™ºè€…ä¸å¿ƒ åŽ³é¸ãƒ–ãƒã‚°è¨˜äº‹ é–‹ç™ºè€…ãŒçŸ¥ã£ã¦ãŠãã¹ãã€6ã¤ã®UIã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ãƒ»ãƒ‘ã‚¿ãƒ¼ãƒ³ â€•â€• ã€Œmatarillo.comã€ã‚ˆã‚Š â€•â€• çŒªè‚¡ å¥å¤ªéƒŽ 2011/12/15 ã€Œ.NETé–‹ç™ºè€…ä¸å¿ƒ åŽ³é¸ãƒ–ãƒã‚°è¨˜äº‹ã€ã‚·ãƒªãƒ¼ã‚ºã§ã¯ã€ä¸–ç•Œä¸ã«ã‚ã‚‹è†¨å¤§ãªãƒ–ãƒã‚°ãƒ»ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®ä¸ã‹ã‚‰ã€ç‰¹ã«Insider.NETï¼.NETé–‹ç™ºè€…ä¸å¿ƒã®èªè€…ã«æœ‰ç”¨ã ã¨è€ƒãˆã‚‰ã‚Œã‚‹ãƒ–ãƒã‚°è¨˜äº‹ã‚’ç·¨é›†éƒ¨ãŒç™ºæŽ˜ãƒ»åŽ³é¸ã—ã€ãã®ãƒ–ãƒã‚°è¨˜äº‹ã‚’åŸ·ç†ã—ãŸãƒ–ãƒã‚¬ãƒ¼ã®è¨±å¯ã®ä¸‹ã€ãã®å…¨æ–‡ã‚’è»¢è¼‰ãƒ»ç¿»è¨³ã—ã¦ã„ã¾ã™ã€‚ã“ã®æ´»å‹•ã«ã‚ˆã‚Šã€.NETé–‹ç™ºè€…ã®ãƒ–ãƒã‚°æ–‡åŒ–ã®ä¾¡å€¤ã¨è³ªã‚’é«˜ã‚ã€ã‚ˆã‚Šä¸€å±¤ã®ç››ã‚Šä¸Šã’ã«è²¢çŒ®ã™ã‚‹ã“ã¨ã‚’ç›®æŒ‡ã—ã¦ã„ã¾ã™ã€‚ Martin Fowleræ°ã®ã€ŽGUI Architecturesã€ã‚’è¨³ã—ã¦å…¬é–‹ã—ã‚ˆã†ã¨æ€ã£ãŸã®ã ãŒã€FAQãƒšãƒ¼ã‚¸ã«ã€ŒPofEAAã®ç¶šç·¨ãªã©ã¯å•†æ¥å‡ºç‰ˆã™ã‚‹äºˆå®šãªã®ã§ç¿»è¨³ã¯ã—ãªã„ã§ã»ã—ã„ã€ã¨æ›¸ã„ã¦ã‚ã‚‹ã€‚ãªã®ã§ç¿»è¨³ã®å…¬é–‹ã¯ã‚„ã‚ã¦ã€ã€Œ
goodFlat 2013/01/07
mvc

*ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
Webã‚¢ãƒ—ãƒªåˆ¶ä½œã®ãŸã‚ã®Backbone.jså…¥é–€
è‡ªå·±ç´¹ä»‹ å¤–æ‘ å’Œä» @hokaccha æ ªå¼ä¼šç¤¾ ãƒ”ã‚¯ã‚»ãƒ«ã‚°ãƒªãƒƒãƒ‰ JavaScript, Node.js, Ruby
goodFlat 2012/09/26
JavaScript

mvc

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