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){ $urlRouterProvider.ot
天下一クライアントサイドJS MV*レームワーク武道会を開催しました。 - from scratch
ぼくの連絡ミスによってUstreamが準備出来てなかったり、直前の台風によって寿司が提供できなかったりと色々と不備がありました。申し訳ありませんでした。 んで、その代わりに完璧なレポートを書こうと思ってたんですが、既にazuさんが完璧なレポートを書いてくれてるので、そちらを見ると雰囲気が分かるかと。僕はそこに対して感想を加える形で書いていきます。 ハイライト 個人的に一番面白かったLTはAngularJS x デザインの話、一番興味惹かれたフレームワークはOm、学びが多かったのはchaplin (marionetteと近くて違いが分かってよかった) IsomorphicなWAFはNode.jsの生きる道であり、夢。 WebComponentsはCSSにとっての銀の弾丸、JavaScriptの問題を解決するものではない。 AMD (require.js) はオワコン、CommonJSかES6
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
Protractor: AngularJSの次世代E2Eテストフレームワーク - Qiita
angularjs-style-guide/README-ja-jp.md at master · mgechev/angularjs-style-guide
GitHub - revolunet/angular-carousel: Mobile friendly AngularJS carousel
Allow non-singleton services · Issue #1011 · angular/angular.js
GitHub - yearofmoo/ngAnimate-animate.css: A driver module to make animate.css work with AngularJS 1.2
Animation in AngularJS 1.2
