ふと疑問に思ったこと directiveやng-includeなどで、外部ファイルを読み込むようなことがあると思います。 $templateCacheでは、スクリプトタグで書くか、ロジックで設定するようにすると良いよ、と書かれています。 https://docs.angularjs.org/api/ng/ser…

APIマニュアルを見ていて気になりました。 こちらの記述を見ていてちょっと気になったことがあったので少し調べてみたメモです。 サンプルとして以下のようなソースがありました。 <span>{{person.name}}</span> <span ng-bind="person.email"></span> <input type="text" ng-model="person.name"/> ていうソースにおいて。 // Find element with {{scopeVa…

e2eテストってカッコ良いですよね AngularJSの公式チュートリアルにはE2Eテストのチュートリアルも含まれています。 これを動かすと、ブラウザが立ち上がって、文字入力や画面遷移が自動的に実行され、テストされていきます。 個人的にはユニットテストだけ…

bowerInstallって便利ですよね grunt-bower-installを使うと、bower.jsonで定義されたモジュールを自動的にHTMLファイルに反映させてくれます。すごく便利ですね。 で、ちょっと気になったのが、HTMLファイルに内容が反映される時に記述される順番です。ライ…

前回はangular-generatorで作られたファイルについてざっくり調べた結果を書き連ねましたが、今回はその中でGruntfile.jsの中身を調べつつ、Gruntの使い方を見てみたいと思います。 Gruntってなんぞ？ Gruntは「The JavaScript Task Runner（公証）」です。 …

前回作成したAngularJSのアプリのひな形でどんなファイルができているかをいろいろ調べてみようと思います。 app/ それぞれアプリーケーションソースとテストケースが格納されています。 詳しくは次回以降に見ていきたいと思いますので、今回はスキップ。 te…

本格的にAngularJSで開発をしていくための環境と整えていきたいと思います。 開発環境の作成には、yeomanというツールが便利みたいです。 http://yeoman.io/ 早速インストールです。npmを使えば楽ちんですね。 $ npm install yo -g $ which yo /usr/local/bi…

AngularJSの公式チュートリアルを実際に動かしてみます。 といっても、何も難しいことではないんですけどね・・・ https://docs.angularjs.org/tutorial まずはチュートリアルをcloneします。Macにはgitは標準で入っているようですので安心。 $ git clone --…

引き続き、AngularJSを楽しんでみたいと思います。 AngularJSでは、開発のためのツールも色々と紹介されています。特にテストの方式については、かなり厚めに紹介されている印象ですね。やはりテストは大事ですね。 特に、Viewに関する部分って、ビジネスロ…

AngularJSとはGoogleが頑張ってるオープンソースのJavaScriptフレームワークですね。いわゆるMVCとかってやつですね。 AngularJS AngularJSの場合は「MVW」といっているようです。「Model View Whatever」ということで、「MVなんとか」といった感じでしょう…