[B! JavaScript__AngularJS] nyoshdã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

nyoshd id:nyoshd

JavaScript__AngularJSã«é–¢ã™ã‚‹nyoshdã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (19)

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

Angularã¨ã®2å¹´é–“ ãƒ¼ ã“ã‚Œã‹ã‚‰Angularã‚’ä½¿ã†äººã¸ã®è–¦ã‚ | POSTD
åˆ¤æ±ºï¼š ã¾ã‚ã¾ã‚ï¼ˆã§ã‚‚ãªã„ã‹ï¼‰ ä¸€ä½“ä½•ã®è©±ãªã®ã‹ï¼Ÿ ç§ã¯2å¹´é–“ã€Angularã«ã®ã‚ã‚Šè¾¼ã‚“ã§ã„ã¾ã—ãŸã€‚ ãã‚Œãžã‚Œã®è€ƒãˆã‚’æŒã¤ã•ã¾ã–ã¾ãªãƒãƒ¼ãƒ ã«ã‚ˆã‚‹ã€10ä»¥ä¸Šã®Angularãƒ™ãƒ¼ã‚¹ã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’è¦‹å®ˆã‚Šã€é–¢ã‚ã£ã¦ãã¾ã—ãŸã€‚ 1å¹´ç›®ã¯ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®æŽ¡ç”¨ã€APIã®å¤‰æ›´ã€ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã®æ”¹è‰¯ã€ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ã®å½¢æˆã‚’æ³¨è¦–ã—ã¦éŽã”ã—ã€å¾¹åº•çš„ã«ç¿’å¾—ã—ã¾ã—ãŸã€‚ 2å¹´ç›®ã¯å®Ÿå‹™ã«å…¨é¢çš„ã«æºã‚ã‚Šã€ãƒãƒ¼ãƒ ãƒ¡ãƒ³ãƒãƒ¼ã®æ„è¦‹ã‚’èžãã¾ã—ãŸã€‚ ç§ã®æ„è¦‹ã¯ã€ Angular.jsã¯å¤§å¤šæ•°ã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã«ã¯â€œã¾ã‚ã¾ã‚â€ã ãŒã€æœ¬æ ¼çš„ãªWeb ã‚¢ãƒ—ãƒªé–‹ç™ºã«ã¯ä¸ååˆ†ã§ã‚ã‚‹ ã¨ã„ã†ã“ã¨ã§ã™ã€‚ â€œæœ¬æ ¼çš„ãªWebã‚¢ãƒ—ãƒªâ€ã¨ã¯ï¼Ÿ â€œæœ¬æ ¼çš„ãªWebã‚¢ãƒ—ãƒªâ€ã¨ã„ã†ã®ã¯ã€é•·æœŸã® ä¿å®ˆãŒå¯èƒ½ ã§ã€æœ€æ–°ã®ä¸€èˆ¬çš„ãªãƒ–ãƒ©ã‚¦ã‚¶ã§ å®Ÿè¡Œã§ãã‚‹ ã€ ã‚¹ãƒ ãƒ¼ã‚ºãªUX ã‚’å‚™ãˆãŸã€ ãƒ¢ãƒã‚¤ãƒ«ãƒ•ãƒ¬ãƒ³ãƒ‰ãƒªãƒ¼ ãªã‚¢ãƒ—ãƒªã®ã“ã¨ã§ã™ã€‚ å°‚é–€å®¶ãŒé–‹ç™ºã—ãŸWebã‚¢ãƒ—ãƒªã¯å˜ãªã‚‹ã‚¢ãƒ—ãƒª
nyoshd 2015/01/19
JavaScript__AngularJS
ãƒªãƒ³ã‚¯
Directiveã§å®Ÿç¾ã§ããŸã“ã¨
2. è‡ªå·±ç´¹ä»‹ â€¢ KON Yuichi (@konpyu)! â€¢ Software Engineer in peace of cake! â€¢ Server side engineer! â€¢ Love Angular
nyoshd 2014/11/25
JavaScript__AngularJS
ãƒªãƒ³ã‚¯
Remastered Animation in AngularJS 1.2 - yearofmoo.com
Learn how to use the bigger and better animation features in AngularJS 1.2 AngularJS 1.2rc1 1.2 is out and this brings in a brand-new API for animations using ngAnimate. A lot has changed, but animations are better than ever. With 1.2, animations come full circle with new features such as support for ngClass, class expressions, and callbacks. Animations are also entirely class-based which means so
nyoshd 2014/11/18
JavaScript__AngularJS
ãƒªãƒ³ã‚¯
AngularJS: The Bad Parts
Hey! If you do front end development, you should know about CatchJS. Itâ€™s a JavaScript error logging service that doesnâ€™t suck. Below is a graph over the amount of searches for AngularJS versus a bunch of other Single Page Application frameworks. Despite the flawed methodology, the story seems to be pretty clear: Popularity wise, Angular is beating the shit out of the other frameworks. I spent mos
nyoshd 2014/11/11
JavaScript__AngularJS
ãƒªãƒ³ã‚¯
åˆå¿ƒè€…å‘ã‘AngularJS - ãã®ï¼‘ - albatrosary's blog
ã“ã®è¨˜äº‹ã¯ã€ŒAngularJSåˆå¿ƒè€…å‘ã‘ãƒãƒ³ã‚ºã‚ªãƒ³ã®ãƒã‚¿ã€ã¨ã—ã¦ã¾ã¨ã‚ã¦ã„ã¾ã™ã€‚æœ€è¿‘ã§ã¯ã„ã‚ã„ã‚æ›¸ç±ã‚‚ã‚ã‚Šã¾ã™ã—ã€AngularJSãƒªãƒ³ã‚¯é›†ã§ã‚‚ã¾ã¨ã‚ã¦ã„ã‚‹é€šã‚Šè³‡æ–™ã¯è±Šå¯Œã«ã‚ã‚Šã¾ã™ãŒæ”¹ã‚ã¦ã€‚å†…å®¹ã¨ã—ã¦ã¯ãƒ“ãƒ«ãƒˆã‚¤ãƒ³ãƒ‡ã‚£ãƒ¬ã‚¯ãƒ†ã‚£ãƒ–ã¨ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ©ãƒ¼/ãƒ•ã‚¡ã‚¯ãƒˆãƒªãƒ¼ã‚’è§¦ã£ã¦ã¿ã‚‹ç¨‹åº¦ã§ã™ã€‚ Angularãƒªãƒ³ã‚¯é›† - albatrosary's blog â€» ã“ã®è¨˜äº‹ã¯Angular1.3ã‚’ãƒ™ãƒ¼ã‚¹ã«æ›¸ã„ã¦ã„ã¾ã™ã€‚Angular1.5ãƒ™ãƒ¼ã‚¹ã®ã‚‚ã®ã¯ã“ã¡ã‚‰ã«ãªã‚Šã¾ã™(è¿½è¨˜:2016/2/18)ã€‚ GitHub - albatrosary/Angular1Study: Comprehensive Beginnerâ€™s Guide to Angular æº–å‚™ ã‚µãƒ¼ãƒã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« Python ã€Œ http://www.python.jp/ ã€ã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ã¾ã™ ã‚³ãƒžãƒ³ãƒ‰ãƒ©ã‚¤ãƒ³ã§ $ pyt
nyoshd 2014/11/11
JavaScript__AngularJS
ãƒªãƒ³ã‚¯
AngularJSã«æŒ‘æˆ¦ï¼å…¥é–€ ToDoã‚’ã¤ãã‚ã† - Qiita
var TodoApp = angular.module('TodoApp', []); TodoApp.controller('TodoCtrl', ['$scope', function ($scope) { $scope.todos = []; index = 0; $scope.add = function() { $scope.todos.push({id: index, message: $scope.message, done: false}); $scope.message = ""; index++; }; }]); <html> <head> <meta charset="utf-8"> <script type="text/javascript" src="https://ajax.google apis.com/ajax/libs/angularjs/1.3.1/an
nyoshd 2014/11/06
JavaScript__AngularJS
ãƒªãƒ³ã‚¯
AngularJS ã«ã¤ã„ã¦ã®æ‰€æ„Ÿ
AgularJS ã«å¯¾ã™ã‚‹æ°—æŒã¡ æ‰€æ„Ÿã¨ã„ã„ã¤ã¤ã€ä¸»ã«è‡ªåˆ†ãŒã¤ã‚‰ã•ã¨ã—ã¦æ„Ÿã˜ã¦ã„ã‚‹ã“ã¨ã‚’æ›¸ãã€‚æ‰€æ„Ÿã‚·ãƒªãƒ¼ã‚ºã¨ã—ã¦ã¯ jQueryã«ã¤ã„ã¦ã®æ‰€æ„Ÿ ã‚‚ä½µã›ã¦èªã¿ãŸã„ã€‚ ã“ã®å¦ç¿’æ›²ç·šã®ä¸ã§ã„ã†ã¨ã€ãŸã¶ã‚“ä»Šã®è‡ªåˆ†ã¯ Very Cool! ã®é ‚ç‚¹ã‹ã‚‰é™ã‚Šã¦ã„ã‚‹æœ€ä¸ãã‚‰ã„ã ã¨æ€ã†ã€‚ãã—ã¦ã€ãƒžã‚µã‚«ãƒªã‚’ãµã‚Šã‹ã¶ã£ãŸè«¸å…„ã«ã²ã¨ã¤ã ã‘è¨€ã„ãŸã„ã®ã¯ã€å…±æ„Ÿè„³ã‚’é¤Šã£ãŸæ–¹ãŒãƒ¢ãƒ†ã‚‹ã¨ã„ã†ã“ã¨ã ã€‚ ãƒã‚ãƒ³ãƒãƒ¼ãƒˆçš„å¼è§£: ä»¥ä¸‹ã¯AngularJSã«é–¢ã™ã‚‹ã¤ã‚‰ã•ã‚’è¿°ã¹ã‚‹ã“ã¨ã«å°‚å¿µã™ã‚‹ãŸã‚ã«ã€ç¾Žç‚¹ã‚’æŒ™ã’ã¦ã„ãªã„ã ã‘ã§ã‚ã£ã¦AngularJSã‚’å…¨æ–¹ä½çš„ã«è²¶ã‚ãŸã‚Šã€ä½•ã‹ã¨æ¯”ã¹ã¦æ˜Žç¢ºã«ã‚¯ã‚½ã ã¨ã„ã†ã‚ˆã†ãªæ„å›³ã¯ãªã„ã€‚ ç”»åƒã¯ AngularJS: The Best Parts Â· Anand Mani Sankar ã‹ã‚‰ã®å¼•ç”¨ã€‚Xè»¸ã«ã‚ã‚‹ www.bennadel.com ã¯ AngularJS å¤§å¥½ãã•ã‚“ã€‚ è¾›1. $scope ãŒ
nyoshd 2014/11/06
JavaScript__AngularJS
ãƒªãƒ³ã‚¯
[ç¿»è¨³] Ionicã‚¬ã‚¤ãƒ‰(1/5) - Qiita
ãƒã‚¤ãƒ†ã‚£ãƒ–ãªHTML5ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æ§‹ç¯‰ã§ãã‚‹Ionicãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®ã‚¬ã‚¤ãƒ‰ã‚’ç¿»è¨³ã—ã¾ã—ãŸã€‚ ãƒãƒ£ãƒ—ã‚¿ãƒ¼1: Ionicã®ã™ã¹ã¦ Ionicã®ä½œè€…ã«ã‚ˆã£ã¦æ›¸ã‹ã‚ŒãŸã€HTML5ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æ§‹ç¯‰ã™ã‚‹ãŸã‚ã®Ionicãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®å…¬å¼ã‚¬ã‚¤ãƒ‰(http://drifty.com/) ã¸ã‚ˆã†ã“ãã€‚ã“ã“ã§ã¯ã‚ãªãŸãŒIonicã§ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æ§‹ç¯‰ã—å§‹ã‚ã‚‹ãŸã‚ã«çŸ¥ã£ã¦ãŠãå¿…è¦ãªã™ã¹ã¦ãŒå«ã¾ã‚Œã¦ãŠã‚Šã€ã‚ˆã‚Šé«˜åº¦ãªé–‹ç™ºã®ãŸã‚ã®åŸºç›¤ã¨ãªã‚Šã¾ã™ã€‚ ã‚‚ã—ã€ã‚ãªãŸãŒéŽåŽ»ã«ä»–ã®ãƒ¢ãƒã‚¤ãƒ«é–‹ç™ºãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’ä½¿ç”¨ã—ãŸçµŒé¨“ãŒã‚ã‚‹ã®ã§ã‚ã‚Œã°ã€Ionicã‚‚ã»ã¨ã‚“ã©åŒã˜ã‚ˆã†ã«ä½¿ãˆã‚‹ã“ã¨ã§ã—ã‚‡ã†ã€‚ã—ã‹ã—ã€ã©ã®ã‚ˆã†ãªãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã‚‚ã¨ã£ã‹ã‹ã‚Šã¯å¸¸ã«å›°é›£ãªã®ã§ã€ã“ã“ã§ã¯ã‚·ãƒ³ãƒ—ãƒ«ã«å§‹ã‚ã¦åŸºæœ¬çš„ãªã‚³ãƒ³ã‚»ãƒ—ãƒˆã‹ã‚‰ç™ºå±•ã—ã¦ã„ãã¾ã™ã€‚ã—ã‹ã—ã€æœ€åˆã«ç§ãŸã¡ã¯ã€IonicãŒã©ã®ã‚ˆã†ãªé–‹ç™ºã«å‘ã„ã¦ã„ã‚‹ã®ã‹ã‚„ã€ãªãœIon
nyoshd 2014/10/30
JavaScript__AngularJS
ãƒªãƒ³ã‚¯
AngularJS 1.3ã®ãƒ•ã‚©ãƒ¼ãƒ ã¾ã‚ã‚Šã®æ©Ÿèƒ½å¼·åŒ–
ã“ã‚“ã«ã¡ã¯ä¸å·ã§ã™ã€‚ å…ˆæ—¥ã€AngularJS 1.3 ãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¾ã—ãŸãã€‚ å‹•ä½œé€Ÿåº¦ã®æ”¹å–„ã‚„ã€ãƒ¡ãƒ¢ãƒªæ¶ˆè²»é‡ã®å‰Šæ¸›ãªã©ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹é¢ã§ã®æ”¹å–„ã‚‚ã†ã‚Œã—ã„ã¨ã“ã‚ã§ã™ãŒã€ æ©Ÿèƒ½çš„ã«ã¯ãƒ•ã‚©ãƒ¼ãƒ é–¢é€£ã®æ©Ÿèƒ½å¼·åŒ–ãŒç‰¹ã«ã†ã‚Œã—ãæ„Ÿã˜ã¾ã—ãŸã®ã§ã€ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ â– ngModel.$validators https://docs.angularjs.org/api/ng/type/ngModel.NgModelController ngModel.$validators ã‚’ä½¿ã†ã¨ã€ç‹¬è‡ªã®ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³é–¢æ•°ã‚’ç°¡å˜ã«å®šç¾©ã™ã‚‹ã“ã¨ãŒã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ ä»¥ä¸‹ã®ä¾‹ã®ã‚ˆã†ã«ã€å…¥åŠ›å€¤ã‚’å¼•æ•°ã§å—ã‘å–ã‚Šã€è¿”ã‚Šå€¤ã§çœŸå½å€¤ã‚’è¿”ã™é–¢æ•°ã‚’$validatorsã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã«å®šç¾©ã—ã¾ã™ã€‚ $validatorsã®ã‚ãƒ¼(ã“ã“ã§ã¯validCharacters)ãŒã€ã‚¨ãƒ©ãƒ¼ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸è¡¨ç¤ºæ™‚ãªã©ã®å‚ç…§ç”¨ã«åˆ©ç”¨ã§ãã¾ã™ã€‚ n
nyoshd 2014/10/28
JavaScript__AngularJS
ãƒªãƒ³ã‚¯
AngularJSã§MVCãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚’ã¯ã˜ã‚ã‚ˆã†
å¯¾è±¡èªè€… jQueryãªã©ã‚’ä½¿ã£ã¦ã„ã‚‹JavaScripté–‹ç™ºè€… JavaScriptã‚’ä½¿ã£ãŸè¤‡æ•°äººã§ã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã«å‚åŠ ã—ã¦ã„ã‚‹æ–¹ JavaScriptã‚’ä½¿ã£ã¦ã‚µãƒ¼ãƒç‰ã¨é€£æºã—ãŸãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®é–‹ç™ºã‚’ã—ã¦ã„ã‚‹æ–¹ å¿…è¦ãªç’°å¢ƒ ã“ã®è¨˜äº‹ã§ã¯ã€AngularJSã‚’ä½¿ç”¨ã—ã€Chromeï¼ˆ36.0ï¼‰ã€IE11ã€Firefoxï¼ˆ31.0ï¼‰ã€Safariï¼ˆ7.0.5ï¼‰ã®ç’°å¢ƒã§ç¢ºèªã‚’è¡Œã£ã¦ã„ã¾ã™ã€‚ ã‚µãƒ³ãƒ—ãƒ«ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®æ¦‚è¦ ä»Šå›žä½œæˆã™ã‚‹ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã¯ã€å˜ç´”ãªã€Œã‚¿ã‚¹ã‚¯ç®¡ç†ã€ã®ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã§ã™ã€‚æ¬¡ã®ã‚ˆã†ãª3ã¤ã®ç”»é¢ã‚’ä½œã‚Šã¾ã™ã€‚ ã‚¿ã‚¹ã‚¯ï¼ˆä»¶åã¨ãƒ¡ãƒ¢ï¼‰ã‚’ç™»éŒ²ã™ã‚‹ç”»é¢ ç™»éŒ²ã—ãŸã‚¿ã‚¹ã‚¯ä¸€è¦§ã‚’è¡¨ç¤ºã™ã‚‹ç”»é¢ ç™»éŒ²ã—ãŸã‚¿ã‚¹ã‚¯ã‚’å‚ç…§ã™ã‚‹ç”»é¢ã¨ã€å‰Šé™¤ã™ã‚‹ç‚ºã®ç”»é¢ ãƒšãƒ¼ã‚¸é·ç§»ã¯ã‚·ãƒ³ã‚°ãƒ«ãƒšãƒ¼ã‚¸ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³å½¢å¼ã§ä½œæˆã—ã¾ã™ã€‚ã‚·ãƒ³ã‚°ãƒ«ãƒšãƒ¼ã‚¸ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã¨ã¯ã€jQuery Mobileãªã©ã§ã‚‚ä½¿ã‚ã‚Œã¦ã„ã‚‹æ–¹å¼ã§ã‚
nyoshd 2014/10/28
JavaScript__AngularJS
ãƒªãƒ³ã‚¯
GitHub - gianarb/awesome-angularjs: :cyclone: A list of awesome AngularJs services, directives, utilities and resources.
AngularClass/NG6-starter - An AngularJS Starter repo for Angular + ES6 + (Webpack or JSPM) by @AngularClass. tomastrajan/angular-js-es6-testing-example - Angular JS seed repository with focus on unit & integration testing (ES6, webpack, karma, mocha), suitable for serious / enterprise projects. ngParty/Angular1-scaffold - Angular (Tests, Dev/Prod), Karma, Jasmine, Istanbul, TypeScript, NgMetadata,
nyoshd 2014/10/27
JavaScript__AngularJS
ãƒªãƒ³ã‚¯
AngularJSã®å˜ä½“ãƒ†ã‚¹ãƒˆãƒ„ãƒ¼ãƒ« - Karma - Intelligent Technology's Technical Blog
ã“ã‚“ã«ã¡ã¯ã€é–“è—¤ã§ã™ã€‚ å··ã§ã¯Googleè£½MVCï¼ˆMVWï¼‰ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®AngularJSãŒæµè¡Œã£ã¦ã„ã‚‹ã‚ˆã†ã§ã™ãŒã€æ®‹å¿µãªãŒã‚‰ã“ã‚Œã¾ã§ã®ã¨ã“ã‚æ¥å‹™ã§åˆ©ç”¨ã—ãŸã“ã¨ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ã©ã‚“ãªã‚‚ã®ã‹ãã‚‰ã„ã¯æŠ¼ã•ãˆã¦ãŠã“ã†ã¨æ•°ã‹æœˆå‰ã«å…¬å¼ã‚µã‚¤ãƒˆã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’ã•ã‚‰ã£ã¦ã¿ã¾ã—ãŸãŒã€ã“ã‚ŒãŒãªã‚“ã¨ã‚‚ã‚ˆãå‡ºæ¥ã¦ã„ã¦ä¸€äººã§é–¢å¿ƒã—ã¦ã„ã¾ã—ãŸã€‚AngularJSãƒãƒ¼ãƒ ã¯ã€ãƒ†ã‚¹ãƒˆã«ã‚‚éžå¸¸ã«åŠ›ã‚’å…¥ã‚Œã¦ã„ã¦ã€Protractorã‚„Karmaã¨ã„ã£ãŸãƒ†ã‚¹ãƒˆãƒ„ãƒ¼ãƒ«ï¼ˆä¸¡æ–¹ã¨ã‚‚Node.jsã®ãƒ‘ãƒƒã‚±ãƒ¼ã‚¸ã§ã™ï¼‰ã‚’é–‹ç™ºã—ã¦ã„ã¾ã™ã€‚Protractorã¯ã€seleniumã‚’åˆ©ç”¨ã—ã¦ãƒ–ãƒ©ã‚¦ã‚¶ã®è‡ªå‹•ãƒ†ã‚¹ãƒˆã‚’Jasmineã§æ›¸ãã“ã¨ãŒã§ãã¾ã™ã€‚ï¼ˆMochaãªã©ã€åˆ¥ã®ãƒ†ã‚¹ãƒˆãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚‚åˆ©ç”¨ã§ãã¾ã™ãŒã€ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã¯Jasmineã ãã†ã§ã™ã€‚ï¼‰ ã§ã€ä»Šå›žã¯Karmaã§ã™ã€‚ Karmaã¨Jasmineã®é–¢ä¿‚æ€§ã‚’æ•´ç†ã—ãªãŒã‚‰è©±ã‚’ã™ã™ã‚ã‚‰ã‚ŒãŸã‚‰
nyoshd 2014/10/27
JavaScript__AngularJS
ãƒªãƒ³ã‚¯
A Developer's Guide to Perform SEO on AngularJS Web Apps - Algoworks
Before May 23, 2014, if you would have asked me to create a search-engine-bot-crawlable JavaScript website for you, I would have tried to discourage you, vehemently. Now if you would ask me, I would tell you that thatâ€™s the way to go. Just about all JavaScript MVC frameworks, that include AngularJS, modify the inner content of your HTML structure. This used to make the pre-rendered HTML difficult
nyoshd 2014/10/27
JavaScript__AngularJS
ãƒªãƒ³ã‚¯
å¿™ã—ã„ç¾ä»£ç¤¾ä¼šäººã®ãŸã‚ã«ç¿’ã†ã‚ˆã‚Šæ…£ã‚Œã‚‹ AngularJS ã®ãƒªãƒ³ã‚¯é›† - Qiita
å¿™ã—ããªã„äººã¯ã€å…¬å¼ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’é ã‹ã‚‰å…¨éƒ¨ã‚„ã‚‹ã¨è‰¯ã„ã§ã™ã€‚ã‚ã‚“ã©ãã•ãã¦ãã£ã¡ã¯ã‚„ã£ã¦ãªã„ã®ã§åˆ†ã‹ã‚Šã¾ã›ã‚“ã€‚ ã¨ã‚Šã‚ãˆãšã“ã“ã‚’é–‹ã„ã¦ã‚¸ãƒ£ãƒƒãƒ´ã‚¡ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’çœºã‚ã‚‹ ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã«ã¤ã„ã¦ åŸºæœ¬ä¸ã®åŸºæœ¬ã€‚ç‰¹ã«æŽ¨å¥¨ã‚»ãƒƒãƒˆã‚¢ãƒƒãƒ—ã®ã¨ã“ã‚ã‚’è¦‹ã¦ãŠã‘ã°è‰¯ã„ã€‚ DI(ä¾å˜æ€§æ³¨å…¥)ã«ã¤ã„ã¦ ã“ã£ã¡ã‚’èªã‚“ã æ–¹ãŒå¹¸ã›ã«ãªã‚Œã‚‹ã‹ã‚‚ã€‚ ã©ã‚“ãªã‚µãƒ³ãƒ—ãƒ«ã‚’èªã‚€ã«ã‚ãŸã£ã¦ã‚‚ã€DI ã®ä»•çµ„ã¿ã‚’çŸ¥ã£ã¦ãªã„ã¨è¾›ããªã‚‹ã€‚ä»•çµ„ã¿è‡ªä½“ã¯ã‚ˆãã§ãã¦ã„ã‚‹ãŒå–ã£ã¤ãã¥ã‚‰ã„ã€‚ ç‰¹ã« å¼•æ•°åã§æ¸¡ã•ã‚Œã‚‹å®Ÿä½“ãŒå¤‰ã‚ã‚‹ éƒ¨åˆ†ã¯æ…£ã‚Œã‚‹ã¾ã§æ°—æŒã¡æ‚ªã„æ°—ãŒã™ã‚‹ã—ã€ã¼ãã¯æ°—æŒã¡æ‚ªã„ã€‚ã‚‚ã£ã¨è¨€ã†ã¨ã€minify ã—ãŸå ´åˆãªã©ã§å¤‰æ•°åãŒå¤‰ã‚ã‚‹ã¨å‹•ä½œã—ãªããªã‚‹ãŸã‚åŸºæœ¬çš„ã«ã¯å¤‰æ•°åã‚’æŒ‡å®šã—ã¦ã€å®Ÿä½“ã‚’æ•æ‰ã™ã‚‹å¿…è¦ãŒã‚ã‚‹ã€‚ var sampleApp = angular.module('sampleApp', []); /** ãŸã¨ãˆã°ã€Controller ã§
nyoshd 2014/10/27
JavaScript__AngularJS
ãƒªãƒ³ã‚¯
ã‚ªãƒ¬æµAngularJSã‚’ä½¿ã£ãŸè¨è¨ˆãƒãƒªã‚·ãƒ¼
Chrome MySQL Adminã§ã¯ã€ AngularJSã‚’ä½¿ã£ã¦å®Ÿè£…ã‚’è¡Œã£ã¦ã„ã¾ã™ã€‚Chrome appsã§ã¯ã€ ä½•ã‚‰ã‹ã®MVC Frameworkã®åˆ©ç”¨ãŒå‹§ã‚ã‚‰ã‚Œã¦ã„ã¾ã™ã€‚ AngularJSã¯ã€Controllerã€Directiveã€Templateã€Serviceãªã©ã€ã„ãã¤ã‹ã®éƒ¨å“ç¾¤ã‚’çµ„ã¿åˆã‚ã›ã¦ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æ§‹æˆã™ã‚‹ã“ã¨ã«ãªã‚Šã¾ã™ã€‚ãã®æ©Ÿèƒ½ã®è±Šå¯Œã•æ•…ã«ã€å®Ÿã¯ã¡ã‚ƒã‚“ã¨ã—ãŸãƒãƒªã‚·ãƒ¼ã‚’æ±ºã‚ã¦ãŠã‹ãªã„ã¨ã€ã„ã‹ã‚ˆã†ã«ã§ã‚‚ä½œã‚Œã¦ã—ã¾ã†ãŸã‚ã«ã€ã‹ãˆã£ã¦è¤‡é›‘ã•ãŒå¢—ã—ã¦ã—ã¾ã†ã¨ã„ã†å±é™ºæ€§ã‚‚å‡ºã¦ãã¾ã™ã€‚ã‚‚ã¡ã‚ã‚“ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ä½œã‚Šå§‹ã‚ã¯è©¦è¡ŒéŒ¯èª¤ã®é€£ç¶šãªã®ã§ã™ãŒã€å¾ã€…ã«è‡ªåˆ†ãªã‚Šã®ãƒãƒªã‚·ãƒ¼ã¿ãŸã„ãªã‚‚ã®ãŒç¢ºç«‹ã•ã‚Œã¦ãã‚‹ã¯ãšã§ã™ã€‚ æœ¬ã‚¨ãƒ³ãƒˆãƒªã§ã¯ã€Chrome MySQL Adminã§ã®è¨è¨ˆ/å®Ÿè£…ãƒãƒªã‚·ãƒ¼ã‚’ç°¡å˜ã«ç´¹ä»‹ã—ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ã¡ãªã¿ã«ã€å…¨ã¦ã®ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã¯ã€ä»¥ä¸‹ã«ã‚ã‚Šã¾ã™ã€‚ htt
nyoshd 2014/10/14
JavaScript__AngularJS
ãƒªãƒ³ã‚¯
AngularJS Tutorial: Demystifying Custom Directives | ToptalÂ®
With the rapid growth of JavaScript as a full stack language, more and more applications are utilizing frameworks that enable the web browser to handle more of the UI processing such as data binding, managing data views, transf orming data and many other services. One of the most capable, extensible and popular frameworks is AngularJS, and one of the most useful components of the AngularJS framewor
nyoshd 2014/10/10
JavaScript__AngularJS
ãƒªãƒ³ã‚¯
AngularJS Tutorial: a comprehensive 10,000 word guide
Todd Motto Todd Motto is a Google Developer Expert, Lead Front-End Engineer at Appsbroker, conference speaker and open source evangelist. His award-winning Javascript tool Conditionizr was .NET Magazine's Open Source Project of the Year finalist. 1 Intro to AngularJS Angular is a client-side MVW JavaScript framework for writing compelling web applications. It's built and maintained by Google and o
nyoshd 2014/10/08
JavaScript__AngularJS
ãƒªãƒ³ã‚¯
æ”»ç•¥ï¼AngularJS 1.2 | ç¬¬1å›ž AngularJSã¨ã¯
æ”»ç•¥ï¼AngularJS 1.2 ç¬¬1å›ž AngularJSã¨ã¯ ç¬¬1å›žç›®ã¯AngularJSã¨ã¯ã©ã®ã‚ˆã†ãªã“ã¨ãŒã§ãã‚‹ã®ã‹ã€ã©ã®ã‚ˆã†ãªç‰¹å¾´ãŒã‚ã‚‹ã®ã‹ã‚’ç°¡å˜ãªãƒ‡ãƒ¢ã‚’ç”¨ã„ã¦èª¬æ˜Žã—ã¾ã™ã€‚ã“ã‚Œã‹ã‚‰å®Ÿè£…ã‚’ç†è§£ã™ã‚‹ã«ã‚ãŸã£ã¦ã®ãƒ™ãƒ¼ã‚¹ã¨ãªã‚‹æ¦‚è¦ã‚’ãŠã•ãˆã¾ã—ã‚‡ã†ã€‚ ã¯ã˜ã‚ã« æœ¬ã‚·ãƒªãƒ¼ã‚ºã§ã¯JavaScriptã®ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã‚ã‚‹AngularJSã®åŸºæœ¬çš„ãªæ©Ÿèƒ½ã‚„ä½¿ã„æ–¹ã«ã¤ã„ã¦è§£èª¬ã—ã¾ã™ã€‚ åˆå›žã¯ã€AngularJSã‚’ä½¿ã†ã¨ã©ã®ã‚ˆã†ãªã“ã¨ãŒã§ãã‚‹ã®ã‹ã€ã©ã®ã‚ˆã†ãªãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãªã®ã‹ã¨ã„ã†ç‚¹ã‚’ç°¡å˜ã«ç´¹ä»‹ã—ã¾ã™ã€‚ MVWãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ AngularJSã¯ã€GoogleãŒé–‹ç™ºã‚’è¡Œã£ã¦ã„ã‚‹JavaScriptã®ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ã€‚ã„ã‚ã‚†ã‚‹*MV**ã¨å‘¼ã°ã‚Œã‚‹ç¨®é¡žã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã€Backbone.jsã‚„Ember.jsã€Knockout.jsãªã©ã¨ã‚ˆãæ¯”è¼ƒã•ã‚Œã¾ã™ã€‚ *MV*
nyoshd 2014/10/03
JavaScript__AngularJS
ãƒªãƒ³ã‚¯
Chegg Skills | Skills Programs for the Modern Workplace
Build your dream career by mastering essential soft skills and technical topics through flexible learning, hands-on practice, and personalized support.
nyoshd 2014/10/02
JavaScript__AngularJS
ãƒªãƒ³ã‚¯
1