Protractor: AngularJSã®æ¬¡ä¸–代E2Eテストフレームワーク - QiitaDeleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
AngularJSã®ãƒ†ã‚¹ãƒˆ(Unit Test/end-to-end test)ã£ã¦ä½•ãŒè‰¯ã„ã®ï¼Ÿ - Qiita
AngularJSを利用ã—ãŸã®ãªã‚‰ã€çµ¶å¯¾ã«Karmaã¨ã‹ Protractorを活用ã™ã¹ãã§ã™ã€‚ã¡ã‚…ã†ã‹ã€æ´»ç”¨ã—ãªã•ã„。ã¨è¨€ã„ãŸã„ã§ã™ã€‚システムをä¿å®ˆãƒ•ã‚§ãƒ¼ã‚ºã«å®‰å®šçš„ã«ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ã™ã‚‹ãªã‚‰ãã†è€ƒãˆã‚‹ã®ãŒãµã¤ã†ã«ãªã‚‹ã¹ã。 （※Protractorã«ã¤ã„ã¦ã¯ã€ã“ã¡ã‚‰ã®è¨˜äº‹ãŒã¨ã¦ã‚‚å‚考ã«ãªã‚Šã¾ã™ï¼‰ 例ã«ã‚ˆã£ã¦ã€ŒMastering web application development with AngularJSã€ã‚’èªã‚“ã§æ›¸ã‹ã‚Œã¦ã„ãŸãƒã‚¤ãƒ³ãƒˆã‚’èªã‚“ã 感想をã“ã¡ã‚‰ã«ã¾ã¨ã‚ã¦ã¾ã™ãŒã€ 2ç« ã®ãƒ†ã‚¹ãƒˆè§£èª¬éƒ¨åˆ†ã«ä¸‹è¨˜ã®æ–‡ç« ãŒã‚ã‚Šã¾ã™ã€‚ There is a quote saying that writing code without a Version Control system (VCS) is like skydiving without a parachute. Today one would
Sky Blue Trades | AngularJS + D3.js = Radian
UPDATE: Radian is now open source. Read about it on the BayesHive website here. Courtesy of Hideharu Sakai, this article is also available in Japanese. One of the things we needed to be able to do for the BayesHive software I’m working on with Tom Nielsen of OpenBrain is easily produce plots within our front-end web app. There are lots of JavaScript libraries for doing this: Tom started off using
AngularJS 地味ã ã‘ã©çŸ¥ã£ã¦ãŠããŸã„ filter 機能 - Can I do web?
å‰å›žã‹ã‚‰é–“ãŒã‚ã„ã¦ã—ã¾ã„ã¾ã—ãŸãŒã€‚。。 今回ã¯AngularJS ãŒæä¾›ã—ã¦ã„ã‚‹ filter ã«ã¤ã„ã¦ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ ã¾ã¨ã‚ãŸã‚‚ã®ãŒã‚³ãƒãƒ© デフォルトã§ç”¨æ„ã•ã‚Œã¦ã„ã‚‹ã®ã¯ä»¥ä¸‹ã§ã™ã€‚ lowercase uppercase json currency date limit number orderBy ã“れら以外ã«ã‚‚自分ã§å®Ÿè£…ã™ã‚‹ã“ã¨ã‚‚ã§ãã¾ã™ãŒã€ä»Šå›žã¯èª¬æ˜Žã—ã¾ã›ã‚“。 å¾ã€…ã«ç´¹ä»‹ã—ã¦ã„ã‘ãŸã‚‰ã¨æ€ã£ã¦ã„ã¾ã™ã€‚ 主観ã§ã™ãŒã€date, limit, orderBy ãŒéžå¸¸ã«å„ªç§€ã ã¨æ„Ÿã˜ã¾ã—ãŸã€‚ lowercase / uppercase {{ plainText | lowercase }} {{ plainText | uppercase }} ã“れ日本語ã¨ã„ã†è¦³ç‚¹ã§è€ƒãˆã‚‹ã¨ä½¿ã„é“ãŒã€‚。。使ã†é »åº¦ã¯å°‘ãªã„ã¨æ€ã„ã¾ã™ã€‚ json {{ jsonFilter | json }} // ※js
AngularJS + TypeScript ã§ãƒªãƒƒãƒãªãƒ•ã‚©ãƒ¼ãƒ を作ã£ã¦ã¿ã‚‹ - パンダã®ãƒ¡ãƒ¢å¸³
å‰å›žï¼ˆAngularJS 㧠Hello World）ã«å¼•ã続ã AngularJS + TypeScript ã«ã‚ˆã‚‹ç°¡å˜ãªã‚¢ãƒ—リケーションを書ã„ã¦ã¿ã¾ã—ãŸã€‚ 今回㯠AngularJS を使ã£ãŸãƒ•ã‚©ãƒ¼ãƒ ã®ä¾‹ã§ã™ã€‚ AngularJS ã®ã¿ã§ã€æ¯”較的簡å˜ã«ãƒªãƒƒãƒãªãƒ•ã‚©ãƒ¼ãƒ ãŒä½œæˆã§ãã‚‹ã“ã¨ãŒã‚ã‹ã‚‹ã‚“ã˜ã‚ƒãªã„ã‹ãªãã¨æ€ã„ã¾ã™ã€‚ ã¾ãˆãŠã TypeScript ã§æ›¸ã„ã¦ã¾ã™ã€‚ AngularJS ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¯2013å¹´2月ç¾åœ¨ã®æœ€æ–°å®‰å®šç‰ˆã§ã‚ã‚‹ 1.0.4 を使用ã—ã¾ã™ã€‚ 自動å—ã‘入れテスト（E2E Test）ã¯é¢å€’ãªã®ã§çœç•¥ã—ã¾ã—ãŸã€‚ ソースコードã«ã¤ã„㦠ãªãŠã€ä»Šå›žã®ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ä¸€å¼ã‚‚ GitHub ã§å…¬é–‹ã—ã¦ã„ã¾ã™ã€‚ ã¾ãŸã€ã“ã¡ã‚‰ã§å®Ÿéš›ã«å‹•ä½œã‚’確èªã™ã‚‹ã“ã¨ã‚‚ã§ãã¾ã™ã€‚ 解説 å‰å›žè§£èª¬ã—ãŸå†…容ã«ã¤ã„ã¦ã¯ãªã‚‹ã¹ã割愛ã—ã¾ã™ã€‚ form è¦ç´ <form id="signupForm" nam
AngularJS 使ã£ã¦æ‰‹è»½ã§ãƒªãƒƒãƒãªå…¥åŠ›ãƒ•ã‚©ãƒ¼ãƒ を作ã£ã¦ã¿ãŸ - Can I do web?
æ„外ã¨AngularJSを使ã£ãŸå…¥åŠ›ãƒ•ã‚©ãƒ¼ãƒ ã®ã‚µãƒ³ãƒ—ルãŒç„¡ã‹ã£ãŸã®ã§ä½œã£ã¦ã¿ã¾ã—ãŸã€‚ ã¾ãšä½œã£ãŸã‚‚ã®ãŒã‚³ãƒãƒ© AngularJSを使ãˆã°æ‰‹è»½ã«ã‚·ãƒ³ãƒ—ルã‹ã¤ãƒªãƒƒãƒãªå…¥åŠ›ãƒ•ã‚©ãƒ¼ãƒ を作るã“ã¨ãŒã§ãã¾ã™ã€‚自å‰ã®JavaScriptを用æ„ã™ã‚Œã°ã•ã‚‰ã«å‡ã£ãŸã‚‚ã®ã‚‚作るã“ã¨ãŒã§ãã¾ã™ãŒã€ä»Šå›žã¯è‡ªå‰ã®JavaScriptを使ã‚ãªã„ã§ã‚‚ã“ã‚Œã ã‘ã§ãã¾ã™ï¼ã¨ã„ã†ã‚µãƒ³ãƒ—ルã§ã™ã€‚ 個別ã®ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ãƒã‚§ãƒƒã‚¯ サンプルã§è¡Œã‚ã‚Œã¦ã„ã‚‹ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã¯ã€å…¨ã¦AngularJSã«ã‚ˆã‚‹ã‚‚ã®ã§ã€JavaScriptã«ã‚ˆã‚‹ã‚³ãƒ¼ãƒ‰ã®è¨˜è¿°ã¯ä¸€åˆ‡æ›¸ã„ã¦ã„ã¾ã›ã‚“。ãã®ä»£ã‚ã‚Šã«ã€ä»¥ä¸‹ã®ã‚ˆã†ãªè¨˜è¿°ã§ãƒã‚§ãƒƒã‚¯ã™ã‚‹å†…容を指定ã—ã¦ã„ã¾ã™ã€‚ <form method="post" name="userInfo"> ... <input type="text" name="userName" ng-model="userName" ng-minl
AngularJSã§ã®éžåŒæœŸå‡¦ç† - 四畳åŠã®çª“辺より
1/26ã«é–‹å‚¬ã•ã‚ŒãŸAngularJSãƒãƒƒã‚«ã‚½ãƒ³ã«å‚åŠ ã—ã¦ãã¾ã—ãŸã€‚ ãƒãƒƒã‚«ã‚½ãƒ³ã¯åˆã‚ã¦ã§ã—ãŸãŒã€ã‚¹ã‚¿ãƒƒãƒ•ã®æ–¹ã‚„ãƒãƒ¼ãƒ ã«æµã¾ã‚Œã‚¨ã‚サイティングãªä¸€æ—¥ã§ã—ãŸã€‚ä¸ã§ã‚‚æ–°é®®ã ã£ãŸã®ã¯ã€Dropbox上ã«ä½œæ¥ã‚¨ãƒªã‚¢ã‚’作るã¨å…±åŒä½œæ¥ãŒã¯ã‹ã©ã‚‹ã“ã¨ã§ã™ã€‚今後もãŠä¸–話ã«ãªã‚Šãã†ã§ã™ã€‚ 今回ã¯ãƒãƒ¼ãƒ ç·¨æˆã®éƒ½åˆä¸Šã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ã®æ‹…当ã ã£ãŸã®ã§ã€ç›®å½“ã¦ã®Angular.jsã«ã¯ã»ã¨ã‚“ã©è§¦ã‚Œã¾ã›ã‚“ã§ã—ãŸã€‚ãã®ãŸã‚復習ãŒã¦ã‚‰æœ¬å®¶ã®Tutorial を通ã—ã¦ã„ãã¤ã‹å¼•ã£ã‹ã‹ã£ãŸç‚¹ã‚’調査ã—ã¦ã¾ã¨ã‚ã¾ã—ãŸã€‚ Controllerã§éžåŒæœŸå‡¦ç†ã‚’扱ㆠ以下ã®ã‚³ãƒ¼ãƒ‰ã§ã¯ã€â€œChange the world!â€ã¨è¡¨ç¤ºã•ã‚Œã‚‹ã“ã¨ã‚’期待ã—ã¦ã„ãŸã®ã§ã™ãŒã€å®Ÿéš›ã¯â€œHello world!â€ã¨è¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ã©ã†ã—ã¦ã§ã—ょã†ã‹ï¼Ÿ index.html <div ng-controller="MainCtrl"> <p>{{title}}
Web先端味見部 第5回(AngularJS) ã«è¡Œã£ã¦ã㟠- techlog
Web先端味見部 第5回 ã«è¡Œã£ã¦ããŸã€‚今回ã®ãƒ†ãƒ¼ãƒžã¯vert.xã®äºˆå®šã ã£ãŸã‘ã©ã€äºˆå®šã‚’変更ã—ã¦ã€AngularJSã«ãªã£ãŸã€‚ Web先端技術味見部#5 （仮テーマã¯AngularJSï¼ï¼‰ : ATND AngularJS ― Superheroic JavaScript MVC Framework AngularJSã®æ¦‚è¦ã«ã¤ã„ã¦ã¯ã€ä»¥ä¸‹ã®ã‚¨ãƒ³ãƒˆãƒªãŒå‚考ã«ãªã‚‹ã€‚ グーグル製ã®JavaScript MVCフレームワーク「AngularJSã€ã€æ£å¼ç‰ˆãŒå…¬é–‹ − Publickey Better Web Templating with AngularJS 1.0 - Google Developers Blog ã“ã¦ã•ãAjax:クールãªMVCを実ç¾ã™ã‚‹ãƒ•ãƒ¬ãƒ¼ãƒ ワーク Angular.js ã®ç´¹ä»‹ - livedoor Blog（ブãƒã‚°ï¼‰ 僕ã¯JavaScriptã®MVCフレームワークを全ã
AngularJSã§ServiceãŒControllerã¸DIã•ã‚Œã‚‹ã¾ã§ã®æµã‚Œã‚’ã–ã£ãり見ã¦ã¿ã‚‹ - tyn-iMarketã®æŠ€è¡“メモ
引ã続ãAngularJSã®Developer Guideã‚’èªã‚“ã§å‹‰å¼·ã—ã¦ã„ã¾ã™ã€‚ 今回ã¯Injecting Services Into Controllersã®ã‚µãƒ³ãƒ—ルコードã§ã€ServiceãŒç™»éŒ²ã•ã‚Œã¦ã‹ã‚‰Controllerã®ä¸ã§åˆ©ç”¨ã•ã‚Œã‚‹ã¾ã§AngularJSã®ä¸ã§ã¯ä½•ãŒèµ·ã“ã£ã¦ã„ã‚‹ã®ã‹ã€é–¢ä¿‚ã®ã‚ã‚‹ã¨ã“ã‚ã ã‘辿ã£ã¦è¦‹ã¦ã¿ã¾ã—ãŸã€‚ サンプルコードã¯ä»¥ä¸‹ã®é€šã‚Šã€‚ angular. module('MyServiceModuleDI', []). factory('notify', ['$window', function(win) { var msgs = []; return function(msg) { msgs.push(msg); if (msgs.length == 3) { win.alert(msgs.join("\n")); msgs = []; } }; }]);
uu59ã®ãƒ¡ãƒ¢ | Angular JSã‚’Sinatraã¨ä½¿ã£ã¦Jasmineã§ãƒ†ã‚¹ãƒˆã™ã‚‹ã¾ã§
Backbone.jsã¯è§¦ã£ãŸã“ã¨ãŒã‚ã£ãŸã®ã§ã€æ¬¡ã¯é•ã†ã®ã«æ‰‹ã‚’出ã—ã¦ã¿ã‚ˆã†ã¨æ€ã£ã¦ãŸã‚‰ã‚¿ã‚¤ãƒŸãƒ³ã‚°ã‚ˆãAngular JS 1.0リリースã®ãƒ‹ãƒ¥ãƒ¼ã‚¹ã‚’見ã¤ã‘ãŸã®ã§ã¡ã‚‡ã„ã¡ã‚‡ã„触ã£ã¦ã„ã¾ã—ãŸã€‚ 主観的ã‹ã¤å¤§é›‘把ãªæ„Ÿæƒ³ã‚’ã„ã†ã¨ã€Backbone.jsã¯ãƒ—レーンãªHTMLã«å¯¾ã—ã¦ã‚¤ãƒ™ãƒ³ãƒˆã‚„コントãƒãƒ¼ãƒ©ã‚’ãŒã—ãŒã—ãã£ã¤ã‘ã¦ãšã£ã¨JavaScriptワールドã§ä½œæ¥ã™ã‚‹ã®ã«å¯¾ã—ã€Angular JSã¯HTMLã«ç‹¬è‡ªå±žæ€§ã‚’付与ã—ã¦DOMã‚’ãã‚Œãžã‚Œç‹¬ç«‹ã—ãŸã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã¨ã¿ãªã—ã¦ã„ã‚ã„ã‚ã™ã‚‹æ„Ÿã˜ã§ã™ã€‚ サンプルã§å¿…ãšå‡ºã¦ãã‚‹<div ng-app="hoge"></div>ã®ng-appã«ã¤ã„ã¦ã§ã™ãŒã€ngã¨ã„ã†ã®ãŒAngularã®namespaceã§appãŒå…·ä½“çš„ãªãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ï¼ˆãƒ‡ã‚£ãƒ¬ã‚¯ãƒ†ã‚£ãƒ–）ã§ã™ã€‚以下ã®ã‚ˆã†ã«ã—ã¦è‡ªç”±ã«å®šç¾©ã§ãã¾ã™ã€‚ angular.module('hoge.directives').
ã€ã‚¹ãƒžãƒ›Ã—HTML5】Web&ãƒã‚¤ãƒ–リッドアプリ開発者ブãƒã‚°
ã€ã‚¹ãƒžãƒ›Ã—HTML5】Web&ãƒã‚¤ãƒ–リッドアプリ開発者ブãƒã‚° ã“ã®ãƒ–ãƒã‚°ã§ã¯ã€HTML5+CSS3+Javascriptãªã©ã®æƒ…å ±ã‚’å®šæœŸçš„ã«æä¾›ã—ã¦ã„ãã¾ã™ã€‚　é‹å–¶ä¼æ¥ï¼šæ ªå¼ä¼šç¤¾ãƒ‹ãƒ¼ãƒã‚¯ï¼ˆhttp://i26.jp/）
ã€ã‚¹ãƒžãƒ›Ã—HTML5】Web&ãƒã‚¤ãƒ–リッドアプリ開発者ブãƒã‚°
ã€ã‚¹ãƒžãƒ›Ã—HTML5】Web&ãƒã‚¤ãƒ–リッドアプリ開発者ブãƒã‚° ã“ã®ãƒ–ãƒã‚°ã§ã¯ã€HTML5+CSS3+Javascriptãªã©ã®æƒ…å ±ã‚’å®šæœŸçš„ã«æä¾›ã—ã¦ã„ãã¾ã™ã€‚　é‹å–¶ä¼æ¥ï¼šæ ªå¼ä¼šç¤¾ãƒ‹ãƒ¼ãƒã‚¯ï¼ˆhttp://i26.jp/）
Angular.jsã§coderwallã®ãƒãƒƒãƒå–å¾—ã—ã¦ã¿ã‚‹ - yaakaito.org
Coderwallã®ãƒãƒƒãƒå–å¾—ã™ã‚‹ã®ã¯ã‚ˆãã¿ã‚‹ã‘ã© Angularã§ã‚„ã£ã¦ã¿ãŸçš„ãªã®ã¯ã¿ãªã„ãªãƒ¼ã¨æ€ã£ãŸã®ã§ã‚„ã£ã¦ã¿ãŸã€‚ ã¨ã„ã£ã¦ã‚‚jQueryãªã‚“ã‹ã§ã‚„ã‚‹ã®ã¨ãã‚“ãªã«å¤‰ã‚らãªã„ã§ã™ã€‚ ãƒãƒƒãƒã‚’表示ã•ã›ã‚‹HTMLを書ã ã¨ã‚Šã‚ãˆãšãƒªã‚¹ãƒˆã«ã‚¤ãƒ¡ãƒ¼ã‚¸ã‚’çªã£è¾¼ã‚“ã§ã„ãæ„Ÿã˜ã«ã™ã‚‹ã“ã¨ã«ã—ã¾ã—ãŸã€‚ <div ng-controller="coderwallController"> <ul> <li ng-repeat="badge in badges"> <img ng-src="{{badge.badge}}" alt="{{badge.description}}" title="{{badge.name}}" /> </li> </ul> </div>
AngularJS - [´・[ェ]・] <ã‚‚ã‚‚ã‚‚ã£ã‚‚ã£
メモ書ã。何ã‹ç™ºè¦‹ã™ã‚‹ãŸã³ã«æ›´æ–°ã—ã¦ã¾ã™ã€‚ åˆã£ã¦ã„ã‚‹ã‹ã©ã†ã‹ã¯åˆ†ã‹ã‚‰ãªã„話 下記ã¯å¤ã„(ã„ã¤ã‹ã‚‰ï¼Ÿ)AngularJSã®è¨˜è¿°æ–¹æ³•ã§ã™ã€‚ ng-controllerã¯windowオブジェクト直下ã®é–¢æ•°ã‚’見ãªããªã‚Šã¾ã—ãŸã€‚ var app = angular.module('app', []); app.controller('con', function($scope){});ng-controllerã®åå‰ã®æŒ‡å®šã¯ã€angular.module().controllerã®ç¬¬ä¸€å¼•æ•°ã§æŒ‡å®šã—ã¾ã™ã€‚ view ng-model属性 コントãƒãƒ¼ãƒ©ãƒ¼ã®$scopeã®ã‚ªãƒ–ジェクトã¨ä¸€è‡´ã™ã‚‹ã€‚ <div ng-controller="con"> <input type="text" ng-model="a.b" /> <input type="text" ng-model="c" /> </div>
![AngularJS - [´・[ェ]・] <ã‚‚ã‚‚ã‚‚ã£ã‚‚ã£](https://cdn-ak-scissors.b.st-hatena.com/image/square/dac554aae5f3ece192da2e9bbb116b19cde1d29e/backend=imagemagick;height=288;version=1;width=512/https%3A%2F%2Fogimage.blog.st-hatena.com%2F17680117127031738462%2F17680117127031755313%2F1555342496)
Brian Ford Using the D3.js Visualization Library with AngularJS
Currently no descriptions for this product and will be added soon.
ランã‚ング
ãŠçŸ¥ã‚‰ã›
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
AngularJS
GitHub - pochi/angular-doc-ja
blog | books library
AngularJS
AngularJS / Developer Guide / Conceptual Overview
{{#tags}}- {{label}}
{{/tags}}