JavaScriptJavaScript2015-06-25AngularJSの$httpや$resourceでのリクエストにAuthorizationヘッダーでの認証を付加するJavaScript個別のリクエストではなくインターセプターを使ってまとめて追加。インターセプターを作って$httpProvider.interceptors配列に追加するだけ。bindingという最初の一回だけバインディングする仕組みが入った。$resourceはpromiseではなく、先に空配列を返す。generator-angularで作ったAngularJSプロジェクトのbuildタスクではgrunt-useminの処理中、grunt-filerevの処...AngularJSで$templateCacheを使ってまとめたテンプレートJSの中のCSSファイルや画像ファイルのリンクにhashをつける2014-10-18AngularJSで$templateCacheを使っている場合のテスト環境JavaScriptちなみにgenerator-angularで作成したプロジェクト。developmentやbuildではgrunt-angular-templatesを使っているが、テストには、karma-ng-html2js-preprocessorを使った。AngularJSでコントローラをネストして階層化すると、子コントローラ側から親コントローラのスコープを利用可能になる。子コントローラのユニットテストを書こうとした場合に、子コントローラ側で親コントローラのプロパティやメソッドを使用して...AngularJSでネストしたコントローラをテストする2014-09-22AngularJSのフォームで投稿後に再利用する際手付かずの状態に戻したいJavaScript例えば記事へのコメント投稿後に、そのフォームを再利用する際に、データを初期化しただけだとエラー表示が出てしまう。$dirtyがfalse($pristineがtrue)の状態に戻したい。いわゆるブログのコメント投稿とかのよくあるやつ。Rails例えばこういう感じのresourcesを定義したとする。newとeditは省いた。trueしたresourcesをAngularJSの$resourceで扱う2014-09-17AngularJSで$sceを使ってるフィルタなんかのテストJavaScript$sceをDIしてるやつ、例えばこちらのようなののテストを書く場合。/>...AngularJSで$sceを使ってるフィルタなんかのテスト2014-09-15AngularJSのProtractorでngMockE2Eの$httpBackentを使ってテストを書く際に気をつけることJavaScriptまだ理解が浅い模様。注意というかexpectとwhenの違いの話。AngularJSにはngMockE2EというE2E用のモックが用意されており、こちらを使用することにより、サーバを用意しなくてもモックでテストが書ける。ngMockE2Eの$httpBackendにはngMockの$http...AngularJSのProtractorでngMockE2Eの$httpBackentを使ってテストを書く際に気をつけること2014-09-14AngularJSでInterceptorでHeaderを付与するようなケースのテストJavaScript例えば$httpのリクエストをインターセプトして、Authorizationヘッダーにトークンを付与するInterceptorを作成したとする。providerとエラーが出るJavaScript公式のサンプルでいうと、ModalInstanceCtrl部分のテスト。providerとエラーが出る2014-09-08grunt-wiredep使用の環境でjquery-uiのdatepickerのロケールとCSSを含みたいJavaScriptgrunt-wiredep使用の環境でAngularJSのui-dateでロケール指定したい&jquery-uiのCSSを当てたいと。ui-dateがjquery-uiに依存しているので、jquery-ui...grunt-wiredep使用の環境でjquery-uiのdatepickerのロケールとCSSを含みたい2014-09-08grunt-wiredep使用の環境でmomentの日本語ロケールファイルを含めたいJavaScriptより正確にいうとgrunt-wiredep使用の環境でangular-momentでロケール指定したい、ということ。これでmomentも依存関係でインストールされて、wiredepで差し込まれてめでたしめで...grunt-wiredep使用の環境でmomentの日本語ロケールファイルを含めたい2014-09-07ProtractorでngMockE2Eを読み込んでモックを使ってテストしている場合、build時にはngMockE2Eを除外したいJavaScriptyeomanのgenerator-angularで作ったプロジェクトで、grunt-wiredepを使っているので、素直にE2Eテストでangular-mocksを使おうとすると、bower.jsonのdevDependenciesからdependenciesに移す必要がある。"0.0....ProtractorでngMockE2Eを読み込んでモックを使ってテストしている場合、build時にはngMockE2Eを除外したい2014-09-07grunt-wiredep使用の環境でangular-i18nをbowerでインストールしたら注入できないとメッセージJavaScriptAngularJSリファレンス購入して読了。フィルタのi18nの項をみて、早速いれてみたら、grunt-wiredepを使っているGruntのタスクで注入出来ないとメッセージが出て、htmlファイルのコメントの間にi18nへのscriptタグが挿入されない。jit-gruntを使うようにGruntfile.coffeeを書き換え。falseも追加しといた。automati...Vagrant環境でload-grunt-taskを使ったGruntのtaskが遅いのでjit-gruntに変えた2014-08-28deprecatedが出ていたngminからng-annotateへ切り替えJavaScriptAngularJSのminify対策をしてくれるアレ。例によって、generator-angularで作ったプロジェクトでの話。grunt-ng-annotateをインストールしてgrunt-ngminを外して、記述をngminからngAnnotateにしただけでいけました。karma-spec-reporterをインストールして設定する。config/initializers/wrap_parameters.rbはRails4.1だとデフォルトで多分こうなっている。sett...Railsのwrap_parametersは何をしてくれるのか?2014-08-26Yeomanのgenerate-angularで作成したプロジェクト(CoffeeScript)にKarma-Coverageを導入するJavaScriptココを見ましょう。ありがとうございます。serverにしたJavaScriptgenerator-angularで作ったプロジェクトにProtractorでのe2eテストを入れたやつをVagrant環境でアレする。https://github.com/exratione/protractor-selenium-server-cookbook:このクックブックを追加してよしなに設定する。serverにした2014-08-23Yeomanのgenerator-angularで作ったプロジェクトをVagrant環境で開発する場合の設定JavaScriptYeomanで作ったプロジェクト関係なくて、単にVagrant環境で開発する時にホスト側のブラウザとかで確認したい時の話。Runner(非推奨)が入ってはいるものの使えるようになってないので、Protractorを入れる。フロントエンド部を生成済みとする*1。2つを叩いてLiveReloadで開発出来るようにしようという話。あとフロント側をビルドするとRailsのpublicディレクトリに静的ファイルとして配備するように。