Testing Promises with Jasmine - Provide and Spy
Testing Promises with Jasmine - Provide and Spy Jasmine provides a few more tools when dealing with promises. Consider the following controller: angular.module("myApp.store").controller("StoresCtrl", function($scope, StoreService, Contact) { StoreService.listStores().then(function(branches) { Contact.retrieveContactInfo().then(function(userInfo) { //more code here crossing user and stores data });
ã€AngularJS, Jasmine】テストã®æ›¸ãæ–¹ã¾ã¨ã‚。
ç°¡å˜ãªãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§ç·´ç¿’ã—ã¦ã¿ãŸã®ã§è‡ªåˆ†ç”¨ã«ã¾ã¨ã‚ç›´ã—。 ã¾ãšã¯ãƒ†ã‚¹ãƒˆç”¨ã®ç°¡å˜ãªãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’準備。ディレクトリ構æˆã¯ä¸‹è¨˜ã®é€šã‚Šã€‚ jasmineフォルダ以下ã¯jasmine Standalone Distributionã®ãƒ•ã‚¡ã‚¤ãƒ«ç¾¤ã€‚ testディレクトリ以下ã«ãƒ†ã‚¹ãƒˆç”¨ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚’é…ç½®ã—ã¦ã„る。runner.htmlã«ã‚¢ã‚¯ã‚»ã‚¹ã™ã‚‹ã“ã¨ã§ãƒ†ã‚¹ãƒˆãŒå®Ÿè¡Œã•ã‚Œã‚‹ã€‚ 今回作æˆã—ãŸAngularアプリケーションã¯ã€app.jsã€index.htmlã€indexController.jsã€indexService.jsã®4ファイルã§æ§‹æˆã€‚ ãã‚Œãžã‚Œã®ãƒ•ã‚¡ã‚¤ãƒ«å†…容ã¯ä¸‹è¨˜ã®é€šã‚Šã€‚ app.js void function() { angular.module('coreApp', [ 'coreControllers', 'coreServices' ]); angular.module('coreCon
Webエンジニア必見ï¼Angularã¨TypeScriptãŒå¤§è¦æ¨¡é–‹ç™ºã®æœªæ¥ã‚’変ãˆã‚‹ãƒ¼ng-japan 2015
Webエンジニア必見ï¼Angularã¨TypeScriptãŒå¤§è¦æ¨¡é–‹ç™ºã®æœªæ¥ã‚’変ãˆã‚‹ãƒ¼ng-japan 2015 ä½å· 夫美雄（Ashiras, inc.） ã“ã®è¨˜äº‹ã¯ã€Angularをテーマã¨ã—ãŸæ—¥æœ¬åˆã®ã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ 「ng-japanã€ã®ã‚¤ãƒ™ãƒ³ãƒˆãƒ¬ãƒãƒ¼ãƒˆï¼ˆç¬¬4回目）ã§ã™ã€‚ ã¯ã˜ã‚㫠昨年秋ã«ã€Angular 2ã¯AtScriptã¨ã„ã†altJSã§é–‹ç™ºã™ã‚‹ã¨ã„ã£ãŸã‚¢ãƒŠã‚¦ãƒ³ã‚¹ãŒã‚ã‚Šã¾ã—ãŸã€‚ã—ã‹ã—ã€ä»Šå¹´3/5ã«æ€¥é½ã€Angular 2ã¯TypeScriptã§é–‹ç™ºã™ã‚‹ã¨ã„ã†å¤‰æ›´ãŒãªã•ã‚Œã¾ã—ãŸã€‚ã“ã®ãƒ‹ãƒ¥ãƒ¼ã‚¹ã¯Google社ã¨Microsoft社ãŒæ‰‹ã‚’çµã‚“ã ã¨ã„ã†ã“ã¨ã§ã‚‚大ããªãƒ‹ãƒ¥ãƒ¼ã‚¹ã«ãªã‚Šã€ä»Šå¹´ä¸€ç•ªã®å‡ºæ¥äº‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。 ãã®TypeScriptã¨ã‚«ãƒ¬ãƒ³ãƒˆãƒãƒ¼ã‚¸ãƒ§ãƒ³ã§ã‚ã‚‹Angular 1.3を利用ã—ãŸé–‹ç™ºãƒã‚¤ãƒ³ãƒˆã‚’ã€æ ªå¼ä¼šç¤¾ãƒˆãƒƒãƒ—ゲートã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã§ã‚ã‚Šã€TypeScriptマスターã§ã‚‚ã‚
AngularUI Routerã®ä½¿ã„æ–¹ - Qiita
##ã¾ãˆãŠã AngularUI Routerã¯AngularJS用ã®ãƒ«ãƒ¼ãƒ†ã‚£ãƒ³ã‚°ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã§ã€æ¨™æº–ã®ngRouteより高機能。 詳ã—ãã¯AngularUI Routerã®ä½¿ã„æ–¹ - ã°ã‹ãŠã‚‚ã¡ã‚ƒæœ¬åº—ã«ã‚‚書ã„ãŸã€‚ 実åƒã‚µãƒ³ãƒ—ルもã‚るよï¼ï¼ˆå®£ä¼ï¼‰ ##ngRouteより高機能ãªéƒ¨åˆ†ã€‚ 以下ã®ã‚ˆã†ãªã“ã¨ãŒngRouteより高機能。 複数ã®éƒ¨åˆ†ã«viewを表示ã§ãã‚‹ URLã§ã¯ãªãã¦éšŽå±¤åŒ–ã—ãŸstateã§è¡¨ç¤ºçŠ¶æ…‹ã‚’管ç†ã™ã‚‹ stateã«çµã³ä»˜ã‘られるURLã¯æ£è¦è¡¨ç¾ã§æŒ‡å®šã§ãã‚‹ ui-srefã§URLæ§‹é€ ã«ä¾å˜ã—ãªã„ã§ãƒªãƒ³ã‚¯ã‚’貼れる（URL変更時ã¨ã‹ã«ä½•ã‚‚ã—ãªãã¦ã„ã„） ##サンプル angular.module('app',['ui.router','ListCtrl'], function($stateProvider,$urlRouterProvider){ $urlRouterProvi
天下一クライアントサイドJS MV*レームワークæ¦é“会を開催ã—ã¾ã—ãŸã€‚ - from scratch
ã¼ãã®é€£çµ¡ãƒŸã‚¹ã«ã‚ˆã£ã¦UstreamãŒæº–備出æ¥ã¦ãªã‹ã£ãŸã‚Šã€ç›´å‰ã®å°é¢¨ã«ã‚ˆã£ã¦å¯¿å¸ãŒæä¾›ã§ããªã‹ã£ãŸã‚Šã¨è‰²ã€…ã¨ä¸å‚™ãŒã‚ã‚Šã¾ã—ãŸã€‚申ã—訳ã‚ã‚Šã¾ã›ã‚“ã§ã—ãŸã€‚ ã‚“ã§ã€ãã®ä»£ã‚ã‚Šã«å®Œç’§ãªãƒ¬ãƒãƒ¼ãƒˆã‚’書ã“ã†ã¨æ€ã£ã¦ãŸã‚“ã§ã™ãŒã€æ—¢ã«azuã•ã‚“ãŒå®Œç’§ãªãƒ¬ãƒãƒ¼ãƒˆã‚’書ã„ã¦ãã‚Œã¦ã‚‹ã®ã§ã€ãã¡ã‚‰ã‚’見るã¨é›°å›²æ°—ãŒåˆ†ã‹ã‚‹ã‹ã¨ã€‚僕ã¯ãã“ã«å¯¾ã—ã¦æ„Ÿæƒ³ã‚’åŠ ãˆã‚‹å½¢ã§æ›¸ã„ã¦ã„ãã¾ã™ã€‚ ãƒã‚¤ãƒ©ã‚¤ãƒˆ 個人的ã«ä¸€ç•ªé¢ç™½ã‹ã£ãŸLTã¯AngularJS x デザインã®è©±ã€ä¸€ç•ªèˆˆå‘³æƒ¹ã‹ã‚ŒãŸãƒ•ãƒ¬ãƒ¼ãƒ ワークã¯Omã€å¦ã³ãŒå¤šã‹ã£ãŸã®ã¯chaplin (marionetteã¨è¿‘ãã¦é•ã„ãŒåˆ†ã‹ã£ã¦ã‚ˆã‹ã£ãŸ) IsomorphicãªWAFã¯Node.jsã®ç”Ÿãã‚‹é“ã§ã‚ã‚Šã€å¤¢ã€‚ WebComponentsã¯CSSã«ã¨ã£ã¦ã®éŠ€ã®å¼¾ä¸¸ã€JavaScriptã®å•é¡Œã‚’解決ã™ã‚‹ã‚‚ã®ã§ã¯ãªã„。 AMD (require.js) ã¯ã‚ªãƒ¯ã‚³ãƒ³ã€CommonJSã‹ES6
Protractor: AngularJSã®æ¬¡ä¸–代E2Eテストフレームワーク - Qiita
AngularJSã¯ãƒ†ã‚¹ãƒˆã‚’é‡è¦–ã—ã¦ã„るフレームワークã ã¨è¨€ã‚ã‚Œã¦ã„ã¾ã™ã€‚ ãã‚Œã¯ã€DIãŒæ¨™æº–æ載ã•ã‚Œã¦ã„ã‚‹ã®ã§ã‚µãƒ¼ãƒãƒ¼ã¨ã®é€šä¿¡ãªã©ã®ãƒ†ã‚¹ãƒˆã—ã«ãã„部分を簡å˜ã«ãƒ¢ãƒƒã‚¯ã«å·®ã—替ãˆã‚‹ã“ã¨ãŒå‡ºæ¥ãŸã‚Šã€ãƒ¦ãƒ‹ãƒƒãƒˆãƒ†ã‚¹ãƒˆã‚„End to End（E2E）テストã®ãŸã‚ã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークをæŒã£ã¦ã„ãŸã‚Šã™ã‚‹ã‹ã‚‰ã§ã—ょã†ã€‚ ãã—ã¦ã€ç¾åœ¨æ¨™æº–ã§å«ã¾ã‚Œã¦ã„ã‚‹E2Eテストã®ãŸã‚ã®æ©Ÿèƒ½ã¯ã€ä»Šå¾ŒProtractorã¨ã„ã†Selenium WebDriverJSベースã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークã«ç§»è¡Œã™ã‚‹ã¨ç™ºè¡¨ã•ã‚Œã¦ã„ã¾ã™ã€‚（AngularJS 1.2 & Beyond） ã“ã‚Œã¾ã§ã®E2Eテストフレームワークをæ¨ã¦ã¦æ–°ã—ã„ã‚‚ã®ã«ä¹—り替ãˆã‚‹ã®ã«ã¯ç†ç”±ãŒã‚ã‚Šã¾ã™ã€‚ ãã‚Œã¯ã€Seleniumをベースã«ã™ã‚‹ã“ã¨ã§æ¬¡ã®ã‚ˆã†ãªæ©æµã‚’å—ã‘られるã‹ã‚‰ã§ã™ã€‚ ブラウザをæ“作ã™ã‚‹ãŸã‚ã®APIãŒå……実 複数ブラウザã§ã®å®Ÿè¡ŒãŒå¯èƒ½ リモートページã®ãƒ†ã‚¹ãƒˆãŒå¯èƒ½
angularjs-style-guide/README-ja-jp.md at master · mgechev/angularjs-style-guide
ã“ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ã®ç›®çš„ã¯AngularJSアプリケーションã®ãƒ™ã‚¹ãƒˆãƒ—ラクティスã¨ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã‚’æä¾›ã™ã‚‹ã“ã¨ã§ã™ã€‚ ã“れらã®ãƒ™ã‚¹ãƒˆãƒ—ラクティスã¯ä»¥ä¸‹ã‹ã‚‰é›†ã‚ãŸã‚‚ã®ã§ã™ï¼š AngularJSソースコード ç§ãŒèªã‚“ã ã‚³ãƒ¼ãƒ‰ã‚„æ–‡ç« ç§ã®çµŒé¨“ 注æ„1： ã“ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ã¯è‰ç¨¿ã§ã‚ã‚Šã€ãã®ä¸»ãªç›®çš„ã¯ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£é§†å‹•ã«ã™ã‚‹ã“ã¨ã§ã™ã€‚足りãªã„部分を補ã†ã“ã¨ã¯ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£å…¨ä½“ã‹ã‚‰å¤§ããªè³žè³›ã‚’å—ã‘ã‚‹ã“ã¨ã«ãªã‚Šã¾ã™ã€‚ 注æ„2： 翻訳版ã®ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã‚’èªã¿å§‹ã‚ã‚‹å‰ã«ã€ãã‚ŒãŒæœ€æ–°ã®çŠ¶æ…‹ã§ã‚ã‚‹ã‹ç¢ºèªã—ã¾ã—ょã†ã€‚英語版ã®AngularJSスタイルガイドãŒæœ€æ–°ç‰ˆã¨ãªã‚Šã¾ã™ã€‚ 当ガイドラインã¯ã€JavaScript開発ã®ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã§ã¯ã‚ã‚Šã¾ã›ã‚“。JavaScript開発ã®ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã¯ã“ã¡ã‚‰ã§è¦‹ã¤ã‘ã‚‹ã“ã¨ãŒã§ãã¾ã™ï¼š Google JavaScript スタイルガイド Mozilla JavaScript ス
Allow non-singleton services · Issue #1011 · angular/angular.js
I understand that services in AngularJS are singletons. That's fine and often it is exactly what you want. But once you begin to build stateful services you might want to get a fresh instance per controller. How would you achieve this? For example, let's say you build a twitter reader and you have built a twitterServices that holds state like the current username, the fetched stream data, the pagi
AngularJS ã® ngRoute ã§ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ©ãƒ¼åˆ‡ã‚Šæ›¿ãˆæ™‚ã«å€¤ã‚’å—ã‘渡㙠- Qiita
$location.path 㧠ngRoute ã®ãƒ«ãƒ¼ãƒˆã‚’変更ã—ã¦ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ©ãƒ¼ãŒåˆ‡ã‚Šæ›¿ã‚ã‚‹ã¨ãã«é·ç§»å‰ã®ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ©ãƒ¼ã‹ã‚‰é·ç§»å¾Œã®ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ©ãƒ¼ã«å€¤ã‚’å—ã‘渡ã™æ–¹æ³•ã€‚ é·ç§»å‰ã‚’ Aã€é·ç§»å¾Œã‚’ B ã¨ã™ã‚‹ã¨ã€A 㧠$location.path() を呼んã ã¨ãã« A ã® $scope 㧠$routeChangeStart イベントを拾ã£ã¦é·ç§»å…ˆã®ãƒ«ãƒ¼ãƒˆï¼ˆã‚¤ãƒ™ãƒ³ãƒˆãƒãƒ³ãƒ‰ãƒ©ã®ç¬¬ï¼’引数）㮠params ã«å€¤ã‚’è¨å®šã—ã€B ã®ã‚³ãƒ³ã‚¹ãƒˆãƒ©ã‚¯ã‚¿ã§ $routeParams ã‹ã‚‰å€¤ã‚’å–り出ã—ã¾ã™ã€‚ <!doctype html> <html ng-app="app"> <head> <meta charset="utf-8"> <meta name="description" content="qiita route forward value" /> <link href="//getbootst
ng-mtg#5 AngularJS 勉強会ã¾ã¨ã‚ - Can I do web?
先日開催ã—㟠 mg-mtg#5 AngularJS 勉強会 - AngularJS Japan User Group | Doorkeeper ã§ä½¿ã£ãŸ 資料(?) を公開ã—よã†ã¨æ€ã£ãŸã‚“ã ã‘ã©ã€ã“ã‚Œã§ã¯ä¼ã‚ã‚‹æ°—ãŒã—ãªã„ã€ã¨ã„ã†ã“ã¨ã§ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ 今回ã®å‹‰å¼·ä¼šã¯ã€ ３〜４人ã®ã‚°ãƒ«ãƒ¼ãƒ—作る 出題ã•ã‚ŒãŸãƒ†ãƒ¼ãƒžã«ã¤ã„ã¦ãƒ‡ã‚£ã‚¹ã‚«ãƒƒã‚·ãƒ§ãƒ³ã™ã‚‹ çµæžœã‚’発表ã™ã‚‹ ã¿ã‚“ãªã§ã‚ã‚Œã“れ話ã—ã¦çµè«–を出㙠ã“れを時間ãŒè¨±ã™é™ã‚Šã‚„ã£ã¦ã¿ã‚ˆã†ã¨ã„ã†ä¼ç”»ã€‚ãã“ã§ç™ºè¡¨ã™ã‚‹ã¨æ™‚é–“ã‹ã‹ã‚‹ã¨æ€ã„ã€æ€¥é½Â GoogleDocs ã§ãƒ‰ã‚ュメント共有 ã—㦠3. ã®çµæžœã‚’書ã„ã¦ã‚‚らã†ã‚ˆã†ã«ã—ã¾ã—ãŸã€‚çµæžœçš„ã«ãªã‚“ã‹æ¥½ã—ã„æ„Ÿã˜ã«ãªã£ãŸã®ã§è‰¯ã‹ã£ãŸã®ã‹ãªã¨ã€‚ 上ã®ãƒ‰ã‚ュメントã®ãƒªãƒ³ã‚¯ã‚’ã¿ã¦é ‚ã‘ã‚Œã°ã‚ã‹ã‚‹ã®ã§ã™ãŒã€ä½•ã®ã“ã¨ã ã‹ã‚ã‹ã‚‰ã‚“ã¨æ€ã„ã¾ã™ã€‚ãªã®ã§ã€æŒ¯ã‚Šè¿”ã£ã¦ã¿ã¾ã™ã€‚ドã‚ュメントã¨åˆã‚ã›ã¦è¦‹ã¦ãã ã•ã„。「ã€ã§å›²ã‚“ã§ã„ã‚‹ã®ãŒå…±æœ‰ãƒ‰ã‚
AngularJS and scope.$apply（日本語訳） - Qiita
Jim Hoskinsæ°ã® AngularJS and scope.$apply を日本語訳ã—ã¾ã—ãŸã€‚JavaScriptã®ä»•çµ„ã¿ã‹ã‚‰è§£èª¬ã•ã‚Œã¦ã„ã¦ã€ã¨ã¦ã‚‚分ã‹ã‚Šã‚„ã™ã„ã§ã™ã€‚ AngularJS and scope.$apply ã‚‚ã—ã‚ãªãŸãŒAngularJSã§å¤šãã®é‡è¦ãªã‚³ãƒ¼ãƒ‰ã‚’書ã„ã¦ã„ã‚‹ãªã‚‰ã€$scope.$apply()メソッドを見ãŸã“ã¨ãŒã‚ã‚‹ã ã‚ã†ã€‚一見ã™ã‚‹ã¨ã€ãƒã‚¤ãƒ³ãƒ‰ã—ãŸå¤‰æ•°ã‚’æ›´æ–°ã™ã‚‹ãŸã‚ã®ãƒ¡ã‚½ãƒƒãƒ‰ã®ã‚ˆã†ã«è¦‹ãˆã‚‹ã€‚ã—ã‹ã—ã€ä½•æ•…ã“ã‚ŒãŒå˜åœ¨ã—ã¦ã„ã‚‹ã®ã‹ï¼Ÿãã—ã¦ã„ã¤ã“れを使ã†ã®ã‹ï¼Ÿ ã„ã¤$applyを使ã†ã‹ã‚’本気ã§ç†è§£ã™ã‚‹ãŸã‚ã«ã¯ã€ 何故ã“れを使ã†å¿…è¦ãŒã‚ã‚‹ã®ã‹ã‚’ãã£ã¡ã‚ŠçŸ¥ã‚‹ã®ãŒè‰¯ã„。ã•ã‚ã€å¬ã—上ãŒã‚Œï¼ JavaScript is Turn Based ç§ãŸã¡ãŒè¨˜è¿°ã™ã‚‹JavaScriptã®ã‚³ãƒ¼ãƒ‰ã¯ä¸€åº¦ã«å…¨ã¦å®Ÿè¡Œã•ã‚Œã‚‹ã®ã§ã¯ãªãã€ã‚¿ãƒ¼ãƒ³ãƒ™ãƒ¼ã‚¹ã§å®Ÿè¡Œã•ã‚Œã‚‹ã€‚å„ターンã¯å§‹ã‚ã‹ã‚‰çµ‚ã‚ã‚Šã¾ã§ä¸
3分ã§åˆ†ã‹ã‚‹AngularJSã‚»ã‚ュリティ - teppeis blog
先日ã®ng-mtg#4 AngularJS 勉強会ã§LTã—よã†ã¨æ€ã£ãŸã‘ã©ç”³ã—è¾¼ã¿ãŒé–“ã«åˆã‚ãªã‹ã£ãŸã®ã§ãƒ–ãƒã‚°ã«æ›¸ãã¾ã™ã€‚ 先月リリースã•ã‚ŒãŸAngularJS 1.2ã¯ã‚»ã‚ュリティãŒã‚“ã°ã£ã¦ã‚‹çš„ãªã“ã¨ã‚’èžã„ãŸã®ã§ã€ã‚»ã‚ュリティ周りã®ä»•çµ„ã¿ã‚’調ã¹ã¦ã¿ã¾ã—ãŸã€‚ ãŠé¡Œã¯ä»¥ä¸‹ã§ã™ã€‚ CSRF JSON CSP (Content Security Policy) Escaping CSRF ユニークãªãƒˆãƒ¼ã‚¯ãƒ³ã‚’HTTPリクエストã«è¼‰ã›ã¦ã‚µãƒ¼ãƒãƒ¼ã§ãƒã‚§ãƒƒã‚¯ã™ã‚‹å¯¾å¿œãŒä¸–ã®ä¸ã§ã¯ä¸»æµï¼ˆæœ€è¿‘ã¯ã‚«ã‚¹ã‚¿ãƒ ヘッダã®ãƒã‚§ãƒƒã‚¯ã«ã‚ˆã‚‹å¯¾ç–も） AngularJSã§ã¯ã€XSRF-TOKEN Cookieã«ãƒˆãƒ¼ã‚¯ãƒ³ãŒè¼‰ã£ã¦ã„ã‚‹ã¨ã€$httpを使ã£ãŸHTTPリクエストã®ãƒ˜ãƒƒãƒ€ã«è‡ªå‹•çš„ã«X-XSRF-TOKENヘッダーãŒä»˜ã。 XSRF-TOKEN Cookieã¯ã‚‚ã¡ã‚ã‚“Not HttpOnlyã§ã€‚ Angularç•Œã§ã¯CS
AngularJS 勉強会ã®ã¾ã¨ã‚ (動画・スライド) #ng_jp | Engine Yard Blog JP
AngularJSã®å‹‰å¼·ä¼šã«å‚åŠ ã—ã¦æ¥ã¾ã—ãŸã€‚300人ã®å®šå“¡ãŒã‚ã£ã¨ã„ã†é–“ã«æº€å¸ã«ãªã‚‹ã¨ã„ã†äº‹ã§æ³¨ç›®ã®é«˜ã•ãŒä¼ºãˆã‚‹å‹‰å¼·ä¼šã§ã—ãŸã€‚å‚åŠ è€…ã‚‚ç™ºè¡¨ã®å†…容もãƒãƒ©ã‚¨ãƒ†ã‚£ã«å¯Œã‚“ã§ã„ã¦ã“ã‚Œã‹ã‚‰å¤§ããªé£›èºãŒã‚ã‚‹ã§ã‚ã‚ã†äº‹ã‚’期待ã•ã›ã‚‹ç››ã‚Šã ãã•ã‚“ã®å†…容ã§ã—ãŸã€‚ 今回ã¯Engine Yardã‹ã‚‰æ‡‡è¦ªä¼šã®ã‚¹ãƒãƒ³ã‚µãƒ¼ãƒ‰ã‚’ã•ã›ã¦é ‚ãã¨åŒæ™‚ã«PHPã¨AngularJSã®é€£æºã®LTã‚„å‹•ç”»ã®æ’®å½±ã‚’è¡Œã£ã¦ãã¾ã—ãŸã®ã§ç´¹ä»‹ã•ã›ã¦é ‚ãã¾ã™ã€‚ ng-mtg#4 AngularJS 勉強会 | 集客ãªã‚‰ã‚¤ãƒ™ãƒ³ãƒˆã‚¢ãƒ†ãƒ³ãƒ‰ http://atnd.org/event/E0021975/ ng-mtg#4 AngularJS 勉強会 #ng_jp - Togetterã¾ã¨ã‚ http://togetter.com/li/598391 AngularJS 20min @naoya_itoã•ã‚“ã«ã‚ˆã‚‹AngularJSã®å…¥é–€è¬›åº§ã€‚ãŠãªã˜ã¿ã®
AngularJS ã® ngResource ã‚’æ—¢å˜APIã®ä»•æ§˜ã«ã‚ã‚ã›ã‚‹ | angularjs | tech - 氾濫原
AngularJS ã«ã¯ ngResource ã¨ã„ã†æ‹¡å¼µãŒã‚ã£ã¦ã€ã‚µãƒ¼ãƒã«å¯¾ã™ã‚‹ API 経由㮠CRUD çš„æ“作を JavaScript ã®ã‚ªãƒ–ジェクトã¨ã—ã¦ãƒ©ãƒƒãƒ”ングã§ãる。具体的ã«ã¯ä¾‹ãˆã° var Entry = $resource('/entry/:id'); var entry = Entry.get({ id : 0 }, function () { entry.title = "yuno"; entry.$save(); // XHR (async) }); ã¨ã‹ã§ãる。ã¡ã‚‡ã£ã¨ã‹ã£ã“ã„ã„ã‘ã©ã€æ—¢å˜APIã§ä½¿ãŠã†ã¨ã™ã‚‹ã¨ã€äº›ç´°ãªãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã®é•ã„ã§æ¡ˆã®å®šä½¿ãˆãªã‹ã£ãŸã‚Šã™ã‚‹ã€‚ã©ã†ã—ã¦ã‚‚使ã£ã¦ã¿ãŸã„ã‘ã©ã€ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰APIã®ä»•æ§˜ã¾ã§å¤‰ãˆãŸããªã„å ´åˆã€è‹¥å¹²ç„¡ç†çŸ¢ç†ãªæ–¹æ³•ã§ã‚る程度ãªã‚‰å¯¾å¿œã•ã›ã‚‹ã“ã¨ãŒã§ãる。 サーãƒã‚µã‚¤ãƒ‰ã®ä»•æ§˜ å‰æã¨ã—ã¦ä»¥ä¸‹ã®ã‚ˆã†ãªä»•æ§˜ã ã¨ã™ã‚‹ エントリリストå–
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ã®å†…éƒ¨æ§‹é€ ã‚’è§£èª¬ã—ã¤ã¤ã€ãƒ‘フォーマンスを改善ã™ã‚‹ã‚³ãƒ¼ãƒ‰ã®æ›¸ã方を紹介ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ 計測ã§ããªã„ã‚‚ã®ã¯æ”¹å–„ã§ããªã„ パフォーマンスå•é¡Œã«å–り組むã«ã¯ã€ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ä¿®æ£ã®å‰å¾Œã§ãƒ‘フォーマンスを計測ã—ã€æ”¹å–„ã®åŠ¹æžœã‚’計測ã™ã‚‹ã“ã¨ãŒé‡è¦ã«ãªã‚Šã¾ã™ã€‚ ã¨ã„ã†ã‚ã‘ã§ã¾ãšã¯ãƒ„ールã®ç´¹ä»‹ã§ã™ã€‚
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Ionic Framework - The Cross-Platform App Development Leader
GitHub - tama3bb/angularjs-styleguide: AngularJS styleguide for teams
GitHub - revolunet/angular-carousel: Mobile friendly AngularJS carousel
GitHub - yearofmoo/ngAnimate-animate.css: A driver module to make animate.css work with AngularJS 1.2
Animation in AngularJS 1.2
{{#tags}}- {{label}}
{{/tags}}