[B! AngularJS] dobocchoã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

doboccho id:doboccho

AngularJSã«é–¢ã™ã‚‹dobocchoã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (20)

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

ng-includeã®ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ãŒå®Œäº†ã—ãŸå¾Œã«å‡¦ç†ã‚’å®Ÿè¡Œã™ã‚‹ - Kazzzã®æ—¥è¨˜
HTMLã‚’å¹¾ã¤ã‹ã®éƒ¨å“(ãƒ˜ãƒƒãƒ€ãƒ¼ã€ãƒ¡ãƒ¼ãƒ«ã€ãƒ•ãƒƒã‚¿ãƒ¼)ã«åˆ†ã‘ã€ãã‚Œãžã‚Œã®HTMLã®æ–ç‰‡ã‚’AngularJSã®ng-includeã§ã‚¤ãƒ³ã‚¯ãƒ«ãƒ¼ãƒ‰ã—ã¦ã„ã‚‹ã¨ã—ã‚ˆã†ã€‚ main.html <div id="mainContents" class="span8" ng-controller="MainController"> <div> <div ng-include="'partials/mail.html'"/> </div> ã€œ partials/mail.html <div class="row"> <form class="well span8 css-form" novalidate name="mailProjectF orm" ng-controller="MailFormController"> <p class="lead">ãƒ¡ãƒ¼ãƒ«ã‚’ä½œæˆã—ã¦é€ä¿¡ã—ã¾ã™ã‚ˆ</p> <div> ã€œ m
doboccho 2014/01/24
AngularJS
ãƒªãƒ³ã‚¯
ãŠå‰ã®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ã¯ã‚¤ãƒ™ãƒ³ãƒˆãƒãƒ³ãƒ‰
doboccho 2013/12/19
js

angular.js

AngularJS
ãƒªãƒ³ã‚¯
AngularJS ã‚’æœ¬æ°—ã§ã¤ã‹ã†ãŸã‚ã® tips - tokuhirom's blog
æœ€è¿‘ã€ç®¡ç†ç”»é¢ã§ AngularJS ã‚’ã¤ã‹ã£ã¦ã¿ã¦ã„ã‚‹ã€‚ ãã‚“ãªä¸ã§ã€ã„ãã¤ã‹å·¥å¤«ã—ãŸç‚¹ãŒã‚ã‚‹ã®ã§ãã‚Œã‚’ã‚·ã‚§ã‚¢ã•ã›ã¦ã„ãŸã ãã¾ã™ã€‚ XHR ã®ã‚¨ãƒ©ãƒ¼ã‚’è¡¨ç¤ºã™ã‚‹ XHR ã®ã‚¨ãƒ©ãƒ¼ãŒãŠããŸéš›ã®ãƒãƒ³ãƒ‰ãƒªãƒ³ã‚°ã‚’ã„ã¡ã„ã¡æ‰‹ã§ã‹ãã®ã¯éžåŠ¹çŽ‡ã€‚ç®¡ç†ç”»é¢ã¨ã‹ä¸ã®äººã—ã‹ã¤ã‹ã‚ãªã„ã®ã§ã€ã‚¨ãƒ©ãƒ¼ãŒãŠã“ã£ãŸæ—¨ã‚’éšæ™‚å ±å‘Šã™ã‚‹ã ã‘ã§ã‚ˆã„ã€‚ ãã‚“ãªã‚±ãƒ¼ã‚¹ã§ã¯ä»¥ä¸‹ã®ã‚ˆã†ã«ã™ã‚‹ã€‚ angular.module('myapp.exceptionHandler', []) .config(['$httpProvider', function ($httpProvider) { $httpProvider.interceptors.push(function($q, $log, $rootScope) { return { 'responseError': function(response) { $log.error(res
doboccho 2013/12/11
AngularJS

bootstrap

Tips
ãƒªãƒ³ã‚¯
javascriptã®ãƒã‚¤ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€Œangularjsã€ã®å¦ç¿’ - m_shige1979ã®ã¨ãã©ãITãƒ–ãƒã‚°
ã©ã‚Œã‚‚ä½¿ã£ãŸã“ã¨ãŒãªã„ ãªã‚“ã‹ã„ã‚ã„ã‚ãªã¨ã“ã‚ã§ã‚‚ã†ä½¿ã†ã®ãŒå½“ãŸã‚Šå‰çš„ãªé›°å›²æ°—ãªã‚“ã§ã™ã‘ã© ã¾ã ã€JQueryã§ã‚ˆã„ã‹ãªï½žã£ã¦æ€ã£ã¦ã„ãŸã®ã§ãã®ã¾ã¾ã«ã—ã¦ã„ãŸã‘ã©ãã‚ãã‚é‡ã„è…°ã‚’ä¸Šã’ã¦ã¿ã‚‹ ã„ã‚ã„ã‚è€ƒãˆã¦ã¿ã¦ ã¨ã‚Šã‚ãˆãšä»¥ä¸‹ã®æ©Ÿèƒ½ã‚’èª¿æŸ»ã™ã‚‹ã“ã¨ã«ã™ã‚‹ JQueryã¨ã®é€£æº Ajaxã®ãƒªã‚¯ã‚¨ã‚¹ãƒˆ DOMåˆ¶å¾¡ è¤‡æ•°ã®DOMã‚’åŒæ™‚ã«ä½¿ç”¨å¯èƒ½ï¼Ÿ ãƒ•ã‚©ãƒ¼ãƒ ã‚’ã¾ãŸãŒã£ã¦Submitå¯èƒ½ï¼Ÿ è¦ã¯JQueryã§ã„ã¾ã¾ã§ã‚„ã£ã¦ã„ãŸã“ã¨ã‚’ã©ã“ã¾ã§ã§ãã‚‹ã‹ï¼Ÿ JQueryã¯ãƒžãƒ‹ãƒ¥ã‚¢ãƒ«ãŒè±Šå¯Œãªã®ã§ã™ãã«æ¤œç´¢ã§ã§ã¦ãã‚‹ã‘ã©angularjsã¯ãƒžãƒ‹ãƒ¥ã‚¢ãƒ«ãŒè‹±èªžã—ã‹ãªã„ã®ã§ã¡ã‚‡ã£ã¨èª¿æŸ»ã«æ‰‹é–“å–ã‚Šãã† ã¡ã‚‡ã£ã¨ç°¡å˜ã«èª¿æŸ»ã—ãŸã‚‚ã® åŸºæœ¬ <!DOCType html> <html lang="ja"> <head> <meta charset="utf-8" /> <title>AngularJS Sample01</ti
doboccho 2013/12/06
AngularJS
ãƒªãƒ³ã‚¯
AngularJS 1.2 æ—¥æœ¬èªžãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ | js STUDIO
AngularJS 1.2 API ã‚¬ã‚¤ãƒ‰ TIPS ngãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ« ãƒ‡ã‚£ãƒ¬ã‚¯ãƒ†ã‚£ãƒ– ãƒ•ã‚£ãƒ«ã‚¿ãƒ¼ ã‚µãƒ¼ãƒ“ã‚¹ åž‹ ã‚°ãƒãƒ¼ãƒãƒ«API ngMockãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ« ã‚µãƒ¼ãƒ“ã‚¹ ã‚°ãƒãƒ¼ãƒãƒ«API AUTOãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ« ã‚µãƒ¼ãƒ“ã‚¹ ngAnimateãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ« ã‚µãƒ¼ãƒ“ã‚¹ ngCookiesãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ« ã‚µãƒ¼ãƒ“ã‚¹ ngMockE2Eãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ« ã‚µãƒ¼ãƒ“ã‚¹ ngResourceãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ« ã‚µãƒ¼ãƒ“ã‚¹ ngRouteãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ« ã‚µãƒ¼ãƒ“ã‚¹ ãƒ‡ã‚£ãƒ¬ã‚¯ãƒ†ã‚£ãƒ– ngSanitizeãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ« ãƒ•ã‚£ãƒ«ã‚¿ãƒ¼ ã‚µãƒ¼ãƒ“ã‚¹ ngTouchãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ« ãƒ‡ã‚£ãƒ¬ã‚¯ãƒ†ã‚£ãƒ– ã‚µãƒ¼ãƒ“ã‚¹ ã“ã®ã‚µã‚¤ãƒˆã«ã¤ã„ã¦ AngularJSã®æ—¥æœ¬èªžãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã§ã™ã€‚ AngularJSã®æœ¬å®¶ã‚µã‚¤ãƒˆ(è‹±æ–‡) ã®å†…å®¹ã‚’ç¿»è¨³ã—ã¦ä½œæˆã—ã¦ã„ã¾ã™ãŒã€èª¤è¨³ã‚„èª¤è¨˜ãŒã‚ã‚‹ã¨æ€ã„ã¾ã™ã®ã§ãã®ç‚¹ã«ã¤ã„ã¦ã¯ã”äº†æ‰¿ãã ã•ã„ã€‚ ã‚‚ã—ã€èª¤è¨³ãªã©ã®é–“é•ã„ã‚’è¦‹ã¤ã‘ã¾ã—ãŸã‚‰ã€ @tomof ã¾ã§æ•™ãˆ
doboccho 2013/12/05
AngularJS
ãƒªãƒ³ã‚¯
AngularJSã®ç´ æ™´ã‚‰ã—ã•ã‚’æ•´ç†ã—ã¦ã¿ã‚‹ - pochi's weblog
ä¹…ã€…ã®ãƒ–ãƒã‚°ã«ãªã‚Šã¾ã™ã€‚ 3å¹´ã»ã©JavaScriptã‚’åˆ©ç”¨ã—ãŸé–‹ç™ºã‚’ã—ã¦ãã¾ã—ãŸãŒã€æœ€åˆã¯ãªãœJavaScriptã§MVCãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãŒå¿…è¦ãªã®ã‹ã„ã¾ã„ã¡ã‚ã‹ã‚‰ãšã€ã„ã‚ã„ã‚è©¦è¡ŒéŒ¯èª¤ã—ã¦ãã¾ã—ãŸã€‚ ä»Šæ—¥ã¯ã‚¿ã‚¤ãƒˆãƒ«ã®é€šã‚ŠAngularJSãŒç´ æ•µã ãªã¨ã„ã†ã“ã¨ã‚’æ›¸ããŸã„ã®ã§ã™ãŒã€ã‚ˆãã‚ã‚‹ãƒ™ã‚¹ãƒˆãƒ—ãƒ©ã‚¯ãƒ†ã‚£ã‚¹ã¿ãŸã„ãªã‚‚ã®ã§ã¯ãªãã€è‡ªèº«ãŒã©ã®ã‚ˆã†ã«æ€è€ƒå›žè·¯ã‚’çµŒç”±ã—ã¦ã“ã“ã«è¡Œãç€ã„ãŸã®ã‹ã¨ã„ã†çµŒé¨“è«‡ã‚’è¨˜ã—ã¦ãŠããŸã„ã¨æ€ã„ã¾ã™ã€‚ ã¡ãªã¿ã«ç§ã®JavaScriptåŠ›ã¯é«˜ãã‚ã‚Šã¾ã›ã‚“ã®ã§ã‚ã—ã‹ã‚‰ãšãƒ»ãƒ»ãƒ»ã€‚ jQuery æ˜”ã€…ã€JavaScript MV(V)Cã¿ãŸã„ãªã‚‚ã®ãŒãªã‹ã£ãŸæ™‚ä»£ã€JavaScriptã§ãƒªãƒƒãƒãªã‚‚ã®ã‚’ä½œã‚ã†ã¨ãªã‚‹ã¨jQueryã‚„Dojoã®ã‚ˆã†ãªä½Žãƒ¬ã‚¤ãƒ¤ãƒ¼ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãŒä¸»ã«åˆ©ç”¨ã•ã‚Œã¦ã„ã¾ã—ãŸã€‚ ãã®å½“æ™‚ç°¡å˜ãªã‚·ãƒ³ã‚°ãƒ«ãƒšãƒ¼ã‚¸ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œã£ã¦ã„ã¾ã—ãŸãŒç§ã¯jQueryã‚’æŽ¡ç”¨ã—ã¾
doboccho 2013/11/13
AngularJS
ãƒªãƒ³ã‚¯
ç‚¹ç‚¹å¨±ä¹å…è´¹è§†é¢‘ç½‘å€|ç‚¹ç‚¹å¨±ä¹å…¨éƒ¨ç½‘ç«™|ç‚¹ç‚¹å¨±ä¹æ‰‹æœºç‰ˆè§†é¢‘
2007å¹´4æœˆ14æ—¥ï¼Œæˆ‘å›½æˆåŠŸå°†ç¬¬ä¸€é¢—åŒ—æ–—å¯¼èˆªç»„ç½‘å«æ˜Ÿé€å…¥å¤ªç©ºï¼Œä»Žæ¤æˆ‘å›½è‡ªä¸»ç ”åˆ¶çš„åŒ—æ–—å«æ˜Ÿå¯¼èˆªç³»ç»Ÿ(BDS)è¿›å…¥æ–°çš„å‘å±•é˜¶æ®µã€‚ ç‚¹ç‚¹å¨±ä¹å…è´¹è§†é¢‘ç½‘å€ä¸“å®¶è¡¨ç¤ºï¼Œä¹ è¿‘å¹³ç«™åœ¨ä¸–ç•Œåæ³•è¥¿æ–¯æˆ˜äº‰èƒœåˆ©70å‘¨å¹´çš„åŽ†å²èŠ‚ç‚¹ä¸Šï¼Œé‰´å¤çŸ¥ä»Šï¼Œåˆ†æžäº†å„å›½è”ç³»ä¸Žä¾å˜åŠ æ·±çš„ä¸–ç•Œå½¢åŠ¿ï¼Œå’Œå¹³å‘å±•ä¸Žåˆä½œå…±èµ¢çš„æ—¶ä»£æ½®æµï¼Œæ·±åˆ»é˜è¿°äº†â€œå‘½è¿å…±åŒä½“â€çš„ç†å¿µï¼Œå€¡å¯¼â€œæ–°å¸¸æ€â€ä¸‹äºšæ´²å„å›½åŠ¡å®žå…±èµ¢åˆä½œçš„æŽªæ–½ï¼Œæ¼”è®²ä¸äº®ç‚¹çº·å‘ˆã€‚ ç‚¹ç‚¹å¨±ä¹å…¨éƒ¨ç½‘ç«™å¯¹æ¯”2011å¹´ã€2012å¹´ä¸¤æ¬¡å¯¹é«˜æ ¡æ— çƒŸçŽ¯å¢ƒçš„æš—è®¿ã€è¯„ä¼°ç»“æžœï¼šé«˜æ ¡çš„æ— çƒŸçŽ¯å¢ƒæ•´ä½“å¥½è½¬ï¼ŒåŠæ ¼çŽ‡ä»Ž2%æå‡è‡³%ã€‚ä½†é«˜æ ¡æŽ§çƒŸå‘å±•ä¸å¹³è¡¡ï¼Œæœ‰çš„å¦æ ¡æ— çƒŸçŽ¯å¢ƒå…¨é¢æå‡ï¼Œæœ‰çš„é«˜æ ¡å®¤å†…å¸çƒŸè¡Œä¸ºä»å¾ˆæ™®éã€‚æš—è®¿ä¸å‘çŽ°ï¼Œå®¤å†…å¸çƒŸåœºæ‰€ä¸ï¼Œç”·ç”Ÿå®¿èˆçƒŸè’‚æ•°æœ€å¤šï¼Œä»ä¸ºé‡ç¾åŒºï¼Œä½†æœ‰ä¸‹é™è¶‹åŠ¿ã€‚ ç‚¹ç‚¹å¨±ä¹æ‰‹æœºç‰ˆè§†é¢‘å°„é˜³åŽ¿å¼€å§‹å¯¹åŽ¿å…šä»£è¡¨è¿›è¡Œè®®äº‹æŠ€èƒ½åŸ¹è®ï¼Œä»¥åŠç»„ç»‡å…šä»£è¡¨ä¸‹åŸºå±‚è°ƒç ”å¸¸æ€åŒ–ã€‚æ®ç»Ÿè®¡ï¼Œ2009å¹´ï¼Œå…¨åŽ¿291åå…šä»£è¡¨å…±èµ°è®¿å…šå‘˜ç¾¤ä¼—ä¸‡
doboccho 2013/11/11
AngularJS
ãƒªãƒ³ã‚¯
HisasAnn.com is for sale | HugeDomains
Working with hugedomains.com was a quick and easy process. We got to speak to multiple real people located in Colorado without having to wait on hold! Our only complaint was we felt we had to overpay more than this particular domain was worth, and we weren't able to negotiate it down to a level that we felt was fair. However, payment and delivery were seamless, and within a few hours we had all of
doboccho 2013/11/08
AngularJS

ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
ãƒªãƒ³ã‚¯
AngularJS style guideã‚’æ—¥æœ¬èªžè¨³ã—ãŸ - Happy New World
mgechevã•ã‚“ãŒAngularJSã®ãƒ™ã‚¹ãƒˆãƒ—ãƒ©ã‚¯ãƒ†ã‚£ã‚¹ï¼†ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ã‚’ã¾ã¨ã‚ã¦ã‚‹ã®ã‚’è¦‹ã¤ã‘ãŸã‹ã‚‰è¨³ã—ã¦ã¿ã¾ã—ãŸã€‚ç¿»è¨³ã‚„å¤‰ãªã¨ã“ã‚ãŒã‚ã£ãŸã‚‰PullReqãŠé¡˜ã„ã—ã¾ã™ã€‚ https://github.com/mgechev/angularjs-style-guide/blob/master/README-ja-jp.md çµŒç·¯ Macbookã®ç™ºè¡¨ã«å‚™ãˆã¦è‡ªåˆ†ã®dotfilesã‚’æ•´ãˆã‚‹ã¤ã„ã§ã«githubã§dotfilesã‚’å½·å¾¨ã£ã¦ã„ãŸã‚‰ã€VNCã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚’JSã§æ›¸ã„ã¡ã‚ƒã£ãŸã‚Šã—ã¦ã‚‹ ã€mgechevã•ã‚“ãŒãŒAngularJSã®ãƒ™ã‚¹ãƒˆãƒ—ãƒ©ã‚¯ãƒ†ã‚£ã‚¹ï¼†ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ã‚’ã¾ã¨ã‚ã¦ã‚‹ã®ã‚’è¦‹ã¤ã‘ã‚‹ã€‚ â†“ ãŠãŠã€ã“ã‚Œã¯ç´ æ™´ã‚‰ã—ã„ï¼ â†“ ã‚ã‚Œã€ä»–ã®è¨€èªžã¯ã‚ã‚‹ã®ã«æ—¥æœ¬èªžè¨³ãªã„ â†“ AngularJSã‚’å‹‰å¼·ã™ã‚‹ã¤ã„ã§ã«Contributeã‚‚å‡ºæ¥ã‚‹ã„ã„æ©Ÿä¼šã˜ã‚ƒãªã„ã‹ï¼ â†“ ã‚„ã£ã¦ã—ã¾ãˆï¼ ã¨ã„ã†ã“ã¨ã§An
doboccho 2013/10/29
AngularJS
ãƒªãƒ³ã‚¯
spin.js - Kazzzã®æ—¥è¨˜
doboccho 2013/07/29
javascript

AngularJS
ãƒªãƒ³ã‚¯
ng-optionså±žæ€§ã§optionã‚¿ã‚°ã®valueå±žæ€§ã‚’ãƒã‚¤ãƒ³ãƒ‰ã™ã‚‹ - Kazzzã®æ—¥è¨˜
ng-optionsãƒ‡ã‚£ãƒ¬ã‚¯ãƒ†ã‚£ãƒ–ã¯ng-repeatåŒæ§˜ã«åˆ—æŒ™åé¢¨ã®è¨˜è¿°ã™ã‚‹ã®ã ãŒã€ãƒ¢ãƒ‡ãƒ«ã¨ã®ãƒã‚¤ãƒ³ãƒ‰ã®ä»•æ–¹ãŒã¡ã‚‡ã£ã¨åˆ†ã‹ã‚‰ãªã‹ã£ãŸã®ã§ã€ãƒ¡ãƒ¢ ä¾‹ãˆã°ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ©ãƒ¼ã®$scopeã«ã“ã®ã‚ˆã†ãªJSONãƒ¢ãƒ‡ãƒ«ãŒã‚ã£ãŸã¨ã—ã¦ js/controllers.js function CategoryController($scope) { $scope.categories = [ {name:'ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³', value:'smartPhone'}, {name:'ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆ', value:'tablet'}, {name:'ãƒŽãƒ¼ãƒˆPC', value:'note pc'}, {name:'ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—PC', value:'desktop'} ]; $scope.category = $scope.categories[0].value; } HTMLã¯ã“ã‚“ãªæ„Ÿã˜ã§ã€‚ index.html
doboccho 2013/07/14
AngularJS
ãƒªãƒ³ã‚¯
AngularJS + TypeScript ã§ãƒªãƒƒãƒãªãƒ•ã‚©ãƒ¼ãƒ ã‚’ä½œã£ã¦ã¿ã‚‹ - ãƒ‘ãƒ³ãƒ€ã®ãƒ¡ãƒ¢å¸³
å‰å›žï¼ˆAngularJS ã§ Hello Worldï¼‰ã«å¼•ãç¶šã AngularJS + TypeScript ã«ã‚ˆã‚‹ç°¡å˜ãªã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æ›¸ã„ã¦ã¿ã¾ã—ãŸã€‚ ä»Šå›žã¯ AngularJS ã‚’ä½¿ã£ãŸãƒ•ã‚©ãƒ¼ãƒ ã®ä¾‹ã§ã™ã€‚ AngularJS ã®ã¿ã§ã€æ¯”è¼ƒçš„ç°¡å˜ã«ãƒªãƒƒãƒãªãƒ•ã‚©ãƒ¼ãƒ ãŒä½œæˆã§ãã‚‹ã“ã¨ãŒã‚ã‹ã‚‹ã‚“ã˜ã‚ƒãªã„ã‹ãªãã¨æ€ã„ã¾ã™ã€‚ ã¾ãˆãŠã TypeScript ã§æ›¸ã„ã¦ã¾ã™ã€‚ AngularJS ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¯2013å¹´2æœˆç¾åœ¨ã®æœ€æ–°å®‰å®šç‰ˆã§ã‚ã‚‹ 1.0.4 ã‚’ä½¿ç”¨ã—ã¾ã™ã€‚ è‡ªå‹•å—ã‘å…¥ã‚Œãƒ†ã‚¹ãƒˆï¼ˆE2E Testï¼‰ã¯é¢å€’ãªã®ã§çœç•¥ã—ã¾ã—ãŸã€‚ ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã«ã¤ã„ã¦ ãªãŠã€ä»Šå›žã®ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ä¸€å¼ã‚‚ GitHub ã§å…¬é–‹ã—ã¦ã„ã¾ã™ã€‚ ã¾ãŸã€ã“ã¡ã‚‰ã§å®Ÿéš›ã«å‹•ä½œã‚’ç¢ºèªã™ã‚‹ã“ã¨ã‚‚ã§ãã¾ã™ã€‚ è§£èª¬ å‰å›žè§£èª¬ã—ãŸå†…å®¹ã«ã¤ã„ã¦ã¯ãªã‚‹ã¹ãå‰²æ„›ã—ã¾ã™ã€‚ form è¦ç´ <form id="signupForm" nam
doboccho 2013/06/20
AngularJS
ãƒªãƒ³ã‚¯
Angular.jsã¨Backbone.jsã®DOMä¾å˜ã‚’å›³è§£ã™ã‚‹ - ã‚¸ãƒ³ã‚¸ãƒ£ãƒ¼ç ”ç©¶å®¤
æžœæ•¢ã«ã‚‚MVCãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®å›³è§£ã‚’è©¦ã¿ãŸã®ã§ã€ã©ã†ãžï¼ MVCã®å‹•æ©Ÿ MVCã¨ã„ã†è¨€è‘‰ãŒåˆã‚ã¦ç™»å ´ã—ã¦ã‹ã‚‰30å¹´ä»¥ä¸ŠãŸã£ãŸä»Šã€æœ€æ—©ãªã‚“ã ã£ãŸã®ã‹åˆ†ã‹ã‚‰ãªã„ã»ã©MVCã®å®šç¾©ã¯æ··è¿·ã‚’ããŸã—ã¦ã„ã‚‹ã‚ã‘ã ãŒã€ã©ã‚ŒãŒMVCã§MVVMã§MVPã§ã‚ã‚‹ã¨ã„ã†å®šç¾©ã«ã¤ã„ã¦ã‚ã‚Œã“ã‚Œè€ƒå¯Ÿã™ã‚‹ã®ã¯å€‹äººçš„ã«ã¯å¥½ãã§ãªãã¦ã€ã€Œçµå±€ä½•ãŒã—ãŸã„ã®ã‹ã€ã¨ã„ã†å‹•æ©ŸãŒã¶ã‚Œã¦ã„ãªã‘ã‚Œã°ä½•ã§ã‚‚è‰¯ã„ã¨æ€ã£ã¦ã„ã‚‹ã€‚ ã˜ã‚ƒã‚ãã‚Œã¯ä¸€ä½“ä½•ãªã®ã‹ã¨ã„ã†ã“ã¨ã‚’è‡ªåˆ†ãªã‚Šã«è€ƒãˆã¦ã¿ãŸã¨ã“ã‚ã€æ¬¡ã®ä¸€è¨€ã«è½ã¡ç€ã„ãŸã€‚ ã€ŒModelã¯Viewã«ä¾å˜ã—ãŸããªã„ã€ ä¸–é–“çš„ã«ã¯ï¼ˆï¼Ÿï¼‰Modelã¨Viewã‚’å˜ã«ã€Œåˆ†ã‘ã‚‹ã€ã¨èª¬æ˜Žã•ã‚Œã‚‹ã“ã¨ãŒå¤šã„ãŒã€ç§ã¯ãã‚Œã ã‘ã§ã¯ç´å¾—ã—ã¦ã„ãªãã¦ã€ä¾å˜ã®æ–¹å‘ã“ããŒé‡è¦ã ã¨æ€ã£ã¦ã„ã‚‹ã€‚ãŸã¨ãˆåˆ†ã‹ã‚Œã¦ã„ã‚‹ã‚ˆã†ã«è¦‹ãˆã¦ã‚‚ModelãŒViewã‚’å‚ç…§ã—ã¦ã„ãŸã‚‰ã€æƒ…å ±ã®å–å¾—å…ˆã‚„è¡¨ç¾æ–¹æ³•ã¯å›ºå®šåŒ–ã•ã‚Œã¦ã—ã¾ã†ã€‚ Modelã¯Viewã®äº‹æƒ…ã‹ã‚‰
doboccho 2013/06/19
JavaScript

AngularJS

Backbone.js
ãƒªãƒ³ã‚¯
AngularJSãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚„ã£ã¦ãƒ¡ãƒ¢ãƒ¡ãƒ¢ï¼ˆstep5 - XHR(Ajax)&DIï¼‰ - ã»ã’ã«ã£ã
ã¡ã‚‡ã£ã¨é–“ãŒã‚ã„ã¦ã—ã¾ã£ãŸãŒå†é–‹ã€‚ã€‚ ç›®æ¬¡ ä»Šå›žã‚„ã‚‹ã®ã¯ã“ã¡ã‚‰â†“ AngularJS: 5 - XHR & Dependency Injection ã“ã“ã¾ã§ã®stepã§ã¯ãƒãƒ¼ãƒ‰ã‚³ãƒ¼ãƒ‰ã•ã‚ŒãŸç«¯æœ«ãƒªã‚¹ãƒˆãƒ‡ãƒ¼ã‚¿ã‚’ã¤ã‹ã£ã¦ã‚¢ãƒ—ãƒªã‚’ä½œæˆã—ã¦ããŸãŒã€ã“ã®stepã§ã¯ç«¯æœ«ãƒªã‚¹ãƒˆã‚’angularã®æ¨™æº–æ©Ÿèƒ½ã®$httpã‚µãƒ¼ãƒ“ã‚¹ã‚’ä½¿ã£ã¦ã‚µãƒ¼ãƒãƒ¼ã‹ã‚‰å–å¾—ã™ã‚‹æ§˜ã«ä¿®æ£ã™ã‚‹ã€‚ã•ã‚‰ã«angularã®ä¾å˜æ€§æ³¨å…¥ï¼ˆDIï¼‰æ©Ÿèƒ½ã‚’ä½¿ç”¨ã—ã¦ã‚µãƒ¼ãƒ“ã‚¹ã‚’PhoneListCtrlã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ©ãƒ¼ã«æ¸¡ã™æ–¹æ³•ã‚’å¦ã¶ã€‚ ãƒ¯ãƒ¼ã‚¯ã‚¹ãƒšãƒ¼ã‚¹ã‚’step5ã®ã«ãƒªã‚»ãƒƒãƒˆã€‚æ³¨ï¼šãƒãƒ¼ã‚«ãƒ«ã®ä¿®æ£ã¯ç ´æ£„ã•ã‚Œã‚‹ git checkout -f step-5ãƒãƒ¼ã‚«ãƒ«ã‚µãƒ¼ãƒãƒ¼ã‚’ãƒªãƒ•ãƒ¬ãƒƒã‚·ãƒ¥ã™ã‚‹ã¨ã€20å€‹ã®ç«¯æœ«ã®ãƒªã‚¹ãƒˆãŒè¡¨ç¤ºã•ã‚Œã‚‹ã€‚ step4ã‹ã‚‰step5ã¸ã®å¤‰æ›´ã‚’èª¬æ˜Žã€‚diffã¯ã“ã¡ã‚‰ã€‚ ãƒ‡ãƒ¼ã‚¿ ãƒ•ã‚¡ã‚¤ãƒ«app/phones/phones.jsonã¯JSONãƒ•
doboccho 2013/06/12
AngularJS
ãƒªãƒ³ã‚¯
A+L Blog
Friend, can we agree that tests are a good idea? I won't scorn you for sometimes omitting them - time and budget constraints are what they are, and even the best intentioned of us sometimes have to just give our projects a lick and a promise. "Proper test coverage soon", you sweetly croon as you rock it to sleep, the knowledge that you're telling a dark, terrible lie twisting you up inside. Maybe
doboccho 2013/06/12
AngularJS
ãƒªãƒ³ã‚¯
More AngularJS Magic to Supercharge your Webapp - yearofmoo.com
Make way for another amazing article which covers more of AngularJS Due to the popularity of the previous article, Use AngularJS to power your web application, I've decided to cover more of AngularJS to make it fun and easy for all developers to play around with it. AngularJS is an incredible tool, but a lot of the more advanced features are hidden in deep within the documentation and others are t
doboccho 2013/06/11
AngularJS
ãƒªãƒ³ã‚¯
TodoMVC
Thanks for stopping by! Let's get started TodoMVC is a common set of JavaScript examples for MVC frameworks like SproutCore, JavaScriptMVC, Backbone, YUILibrary, Spine, Sammy, AngularJS and others. Live examples To preview a Todo implementation for a particular framework, simply select it from the menu to the right of the screen. Depending on the browser you're using, you may need to access the
doboccho 2013/06/10
mvc

AngularJS

ã¾ã¨ã‚

javascript
ãƒªãƒ³ã‚¯
AngularJS - How to use $routeParams in generating the templateUrl?
Our application has 2-level navigating. We want to use AngularJS $routeProvider to dynamically provide templates to an <ng-view />. I was thinking of doing something along the lines of this: angular.module('myApp', []). config(['$routeProvider', function($routeProvider) { $routeProvider.when('/:primaryNav/:secondaryNav', { templateUrl: 'resources/angular/templates/nav/'+<<primaryNavHere>>+'/'+<<se
doboccho 2013/05/28
AngularJS

html

routeProvider
ãƒªãƒ³ã‚¯
AngularJS ã§ Hello World - ãƒ‘ãƒ³ãƒ€ã®ãƒ¡ãƒ¢å¸³
AngularJS ã¯ Google ãŒä¸å¿ƒã«ãªã£ã¦é–‹ç™ºãŒé€²ã‚ã‚‰ã‚Œã¦ã„ã‚‹ JavaScript MVC ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ ã®ä¸€ç¨®ã§ã™ã€‚ã‚‚ã¡ã‚ã‚“ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ï¼ˆMIT Licenseï¼‰ã€‚ ä»Šå›žã¯ã“ã® AngularJS ã‚’ä½¿ã£ã¦ Hello World ã™ã‚‹ã‚ã‘ã§ã™ãŒã€ ãŸã ä¸–ç•Œã«ã“ã‚“ã«ã¡ã¯ã™ã‚‹ã ã‘ã˜ã‚ƒãŠã‚‚ã—ã‚ããªã„ã®ã§ã€æ¬¡ã®ã‚ˆã†ãªã‚«ãƒ³ã‚¸ã§ã‚„ã£ã¦ã¿ã‚ˆã†ã¨æ€ã„ã¾ã™ã€‚ TypeScript ã§æ›¸ã„ã¦ã¿ã¾ã™ã€‚ ãƒ“ãƒ«ãƒ‰ãƒ„ãƒ¼ãƒ«ã« Grunt ã‚’ä½¿ã„ã¾ã™ã€‚ Testacular + Jasmine ã‚’ä½¿ã£ã¦è‡ªå‹•ãƒ†ã‚¹ãƒˆï¼ˆãƒ¦ãƒ‹ãƒƒãƒˆãƒ†ã‚¹ãƒˆã€å—å…¥ãƒ†ã‚¹ãƒˆï¼‰ç’°å¢ƒã‚’æ§‹ç¯‰ã—ã¾ã™ã€‚ AngularJS ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¯2013å¹´1æœˆç¾åœ¨ã®æœ€æ–°å®‰å®šç‰ˆã§ã‚ã‚‹ 1.0.4 ã‚’ä½¿ç”¨ã—ã¾ã™ã€‚ ãªãŠã€ä»Šå›žã®ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ä¸€å¼ã‚’ GitHub ã§å…¬é–‹ã—ã¦ã„ã¾ã™ã€‚ ã¾ãŸã€ã“ã¡ã‚‰ã§å®Ÿéš›ã«å‹•ä½œã‚’ç¢ºèªã™ã‚‹ã“ã¨ã‚‚ã§ãã¾ã™ã€‚ View ã‚’æ›¸ã ã¾ãšã¯
doboccho 2013/03/29
AngularJS

grunt

typescript
ãƒªãƒ³ã‚¯
AngularStrap
About the project AngularStrap is a set of native directives that enables seamless integration of Bootstrap#^3.0 into your AngularJS#^1.2 application. With no external dependency except the Bootstrap CSS styles, AngularStrap is light and fast. It has been built from the ground up to leverage ngAnimate! AngularStrap is tested against the latest patch release of the 1.2, 1.3 and 1.4 branches. Quick
doboccho 2013/01/06
AngularJS

bootstrap
ãƒªãƒ³ã‚¯
1