[B! Angular.js] shin1x1ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

shin1x1 id:shin1x1

Angular.jsã«é–¢ã™ã‚‹shin1x1ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (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 æ¡ˆä»¶ãµã‚Šã‹ãˆã‚Š | DevelopersIO
4 ãƒ¶æœˆå¼·ç¶šã„ãŸæ¡ˆä»¶ãŒã²ã¨æ®µè½ã—ãŸã®ã§ã€éŽåŽ»ã«æŠ•ä¸‹ã—ãŸä¸‹è¨˜ã‚¨ãƒ³ãƒˆãƒªã‚’å…ƒã«æŒ¯ã‚Šè¿”ã£ã¦ã¿ã¾ã—ãŸã€‚ https://dev.classmethod.jp/client-side/javascript/angularjs12xstartup/ angular.module() ã®æˆ»ã‚Šå€¤ã‚’ã‚°ãƒãƒ¼ãƒãƒ«å¤‰æ•°ã«æ ¼ç´ã—ãŸä»£å„Ÿ ä»¥å‰ã€Angular ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã‚’ã‚°ãƒãƒ¼ãƒãƒ«å¤‰æ•°ã«æ ¼ç´ã™ã‚‹ã‚ˆã† var ns = ns || {}; ns.App = angular.module('testApp', â€¦); ã¨è¨˜è¿°ã—ã¦ã„ã¾ã—ãŸãŒã€ã“ã®è¨˜æ³•ã‚’æŽ¡ç”¨ã—ã¦ ngmin ãŒå‹•ã‹ãªããªã‚‹â€¦ã¨ã„ã†ç¾è±¡ã«éã„ã¾ã—ãŸã€‚ãªã®ã§ã€Angular ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆ ( controller, service ãªã© ) ã‚’å®šç¾©ã™ã‚‹ã¨ãã«ã¯ã€ä»¥ä¸‹ã®ã‚ˆã†ã«è¨˜è¿°ã™ã‚‹ã“ã¨ã«ã—ã¾ã—ãŸã€‚ (function () { 'use strict'; ang
shin1x1 2014/05/15
Angular.js
ãƒªãƒ³ã‚¯
Home
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
shin1x1 2014/02/14
Angular.js
ãƒªãƒ³ã‚¯
AngularJSã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹æ”¹å–„å…¥é–€ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? ã“ã‚Œã¾ã§AngularJSã§ã‚¢ãƒ—ãƒªã‚’ä½œã£ã¦ããŸä¸ã§ã€ã„ãã¤ã‹ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã®å•é¡Œã«éé‡ã—ã¾ã—ãŸã€‚ ãã‚Œã‚‰ã®å•é¡Œã¯ã€AngularJSã®ä»•çµ„ã¿ã‚’ååˆ†ã«ç†è§£ã§ãã¦ã„ãªã„ãŸã‚ã«ã€ã‚ˆããªã„ã‚³ãƒ¼ãƒ‰ã‚’æ›¸ã„ã¦ã—ã¾ã£ã¦ç™ºç”Ÿã—ã¦ã„ã‚‹ã‚‚ã®ã§ã—ãŸã€‚ ã¨ã„ã†ã‚ã‘ã§ã€AngularJSã®å†…éƒ¨æ§‹é€ ã‚’è§£èª¬ã—ã¤ã¤ã€ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã‚’æ”¹å–„ã™ã‚‹ã‚³ãƒ¼ãƒ‰ã®æ›¸ãæ–¹ã‚’ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ è¨ˆæ¸¬ã§ããªã„ã‚‚ã®ã¯æ”¹å–„ã§ããªã„ ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹å•é¡Œã«å–ã‚Šçµ„ã‚€ã«ã¯ã€ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ä¿®æ£ã®å‰å¾Œã§ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã‚’è¨ˆæ¸¬ã—ã€æ”¹å–„ã®åŠ¹æžœã‚’è¨ˆæ¸¬ã™ã‚‹ã“ã¨ãŒé‡è¦ã«ãªã‚Šã¾ã™ã€‚ ã¨ã„ã†ã‚ã‘ã§ã¾ãšã¯ãƒ„ãƒ¼ãƒ«ã®ç´¹ä»‹ã§ã™ã€‚
shin1x1 2014/01/25
Angular.js
ãƒªãƒ³ã‚¯
AngularJSã®MVWãƒ‘ã‚¿ãƒ¼ãƒ³ã‚’ç†è§£ã™ã‚‹ - Qiita
12/4ã®è¨˜äº‹ï¼ˆAngularJSã‚’ä½¿ã£ãŸWebã‚¢ãƒ—ãƒªã®ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£è¨è¨ˆï¼‰ã§æ›¸ãã¨è¨€ã£ãŸã¾ã¾æ”¾ç½®ã—ã¦ã„ãŸã®ã§ã€AngularJSã®MVCãƒ‘ã‚¿ãƒ¼ãƒ³ã«ã¤ã„ã¦æ›¸ã„ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ AngularJSã®MVCã«ã¤ã„ã¦ã¯ã€12/19ã®ãŠå‰ã®Angular.jsã¯ã‚‚ã†MVCã§ã¯ãªã„ã€‚ã¨è¨€ã‚ã‚Œãªã„ãŸã‚ã®Tutorialã¨ã„ã†ã™ã°ã‚‰ã—ã„è¨˜äº‹ãŒã‚ã‚Šã¾ã™ãŒã€æœ¬è¨˜äº‹ã§ã¯ã‚‚ã†å°‘ã—æŠ½è±¡çš„ãªå†…å®¹ã‚’æ‰±ã£ã¦ã¿ã‚ˆã†ã‹ã¨æ€ã„ã¾ã™ã€‚ MVWï¼ˆModel-View-Whateverï¼‰ãƒ‘ã‚¿ãƒ¼ãƒ³ã¨ã¯ MVCãƒ‘ã‚¿ãƒ¼ãƒ³ã«ã¯ã€MVC2ã€MVPã€MVVMãªã©æ•°å¤šãã®æ´¾ç”Ÿãƒ‘ã‚¿ãƒ¼ãƒ³ãŒã‚ã‚Šã¾ã™ã€‚ ç›®çš„ã¯åŒã˜ãªã®ã«æ´¾ç”Ÿãƒ‘ã‚¿ãƒ¼ãƒ³ãŒãŸãã•ã‚“ã‚ã‚‹ã®ã¯ã€ãã‚Œãžã‚Œã®ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ å›ºæœ‰ã®å•é¡Œï¼ˆãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®é•ã„ã‚„ã€ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ã‹ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ã‹ã®é•ã„ãªã©ï¼‰ã«ã‚ˆã£ã¦MV*ã®*ã®å½¹å‰²ãŒç•°ãªã‚‹ã‹ã‚‰ã§ã™ã€‚ AngularJSã¯å…¬å¼ãƒšãƒ¼ã‚¸ã§"Superhe
shin1x1 2014/01/23
angular.js
ãƒªãƒ³ã‚¯
Marionette.js in Single Page Applicationã¨ã„ã†è©±ã‚’ã—ãŸ - è»Šè¼ªã‚’å†ç™ºæ˜Ž / koba04ã®æ—¥è¨˜
æœ€è¿‘Marionette.jsã‚’ä½¿ã£ã¦ã„ã‚‹ã®ã§ãã®è©±ã‚’ç¤¾å†…å‹‰å¼·ä¼šã§ã‚„ã£ãŸè³‡æ–™ã§ã™ã€‚ https://speakerdeck.com/koba04/marionette-dot-js-in-single-page-application SinglePageAppã‚’Backbone.jsã§ã¤ãã‚ã†ã¨ã™ã‚‹ã¨ã©ã†ã—ã¦ã‚‚Viewå‘¨ã‚Šã§ç‹¬è‡ªå®Ÿè£…ã‚’ã›ã–ã‚‹ã‚’å¾—ãªãã¦ã€ã§ã‚‚ã‚ªãƒ¬ã‚ªãƒ¬ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¯ä½œã‚ŠãŸããªã„ãªãã¨æ€ã£ã¦ãŸã¨ã“ã‚ã€Marionette.jsãŒã„ã„æ„Ÿã˜ã«ã‚„ã£ã¦ãã‚ŒãŸã®ã§ãã®è¾ºã‚Šã«ã¤ã„ã¦æ›¸ã„ã¦ã„ã¾ã™ã€‚ è›‡è¶³(Marionette.jsã¨Angular.js) Marionette.js å‰ã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§ã¯Angular.jsã‚’ä½¿ã£ã¦ã„ã¦ä»Šå›žBackboneç³»ãªMarionette.jsã‚’ä½¿ã£ã¦ã¿ã¦ã®æ„Ÿæƒ³ã¨ã—ã¦ã¯ã€Marionette.jsã¯Viewå‘¨ã‚Šã‚‚å«ã‚æ§‹é€ åŒ–ã—ã¦æ›¸ãã“ã¨ãŒå‡ºæ¥ã¦ãƒ¡ãƒ¢ãƒªç®¡
shin1x1 2014/01/21
marionette.js

angular.js
ãƒªãƒ³ã‚¯
ãŠå‰ã®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ã¯ã‚¤ãƒ™ãƒ³ãƒˆãƒãƒ³ãƒ‰
shin1x1 2013/12/20
Angular.js

javascript
ãƒªãƒ³ã‚¯
AngularJSã§ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰RESTã‚’ãƒ¢ãƒƒã‚¯ã—ã¦ã€ãƒ•ãƒãƒ³ãƒˆã‚’ç‹¬ç«‹ã§é–‹ç™ºã™ã‚‹æ–¹æ³• - Debuginfo
é–‹ç™ºã‚’é€²ã‚ã‚‹ä¸Šã§Serverã‚µã‚¤ãƒ‰ã¨åˆ†é›¢ã—ã¦ãƒ•ãƒãƒ³ãƒˆã‚µã‚¤ãƒ‰ã®ã¿ã«é›†ä¸ã—ã¦é–‹ç™ºã™ã‚‹ã¨æ—ã‚Šã¾ã™ã€‚AngularJSã§ã¯ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ã‚’ãƒ¢ãƒƒã‚¯ã™ã‚‹APIãŒç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚ä½¿ã£ã¦ã¿ã¾ã—ãŸã€‚(Yoemanç‰ã¯ã‚¤ãƒ³ãƒˆãƒ¼ãƒ«æ¸ˆã¿ã‚’ä»®å®šï¼‰ ã¾ãšã€angular-mocks.jsã¨ã„ã†ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’index.htmlã§èªã¿è¾¼ã¿ã¾ã™ã€‚åŒæ§˜ã«mock.jsã¨ã„ã†ã“ã‚Œã‹ã‚‰ä½œã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’èªã¿è¾¼ã‚€ã‚ˆã†ã«ã—ã¦ãŠãã¾ã™ã€‚ # In index.html <script src="bower_components/angular-mocks/angular-mocks.js"></script> # mock.jsã¯ã“ã‚Œã‹ã‚‰ä½œã‚‹ <script src="scripts/mock.js"></script> æ¬¡ã«ãƒ¡ã‚¤ãƒ³ã®app.jsã«ngMockE2Eã®ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã‚’è¿½åŠ ã—ã¾ã™ # In app.js angular.mod
shin1x1 2013/11/04
Angular.js

test
ãƒªãƒ³ã‚¯
1