タグ

【Angular2】PhantomJSがクラッシュしてしまう時の対処法メモ

Karma+PhantomJSでwebpackのfile-loaderを使っている時などに下記のようなエラーが出てしまう時があると思います。  

ERROR [phantomjs.launcher]: PhantomJS has crashed.

【Angular2】KarmaをPhantomJSで実行して結果を出力する方法

今回はKarmaでのユニットテストでPhantomJSを使うときの設定方法を紹介します。 前回の『Google Chromeでのユニットテスト』だとコマンドライン上にconsole.logの結果を出力できないので、PhantomJSを使いデバッグのやり易い環境を構築します。

【Angular2】DatePipeでInvalid regular expression: unmatched parenthesesが出るときの対処法メモ

Angular2のDatePipeをPhantomJSとかSafariで開くときに使用するIntl.jsで『Invalid regular expression: unmatched parentheses』というエラーが出ていてテストで落ちていたので対処法をメモ。

【Angular2】KarmaからChromeをコマンドライン(HeadlessBrowser)で実行する方法

KarmaでのユニットテストでGoogle Chromeを使うとき、Dockerやコマンドラインだとブラウザが立ち上がらないのでテストが出来ません。 今回はXvfbを使ってHeadless Browserとして起動し、DockerでもChromeでユニットテストを実行出来るように設定していきます。

【Angular2】ngModel以外での双方向バインディングのやり方

Angular2で双方向バインディング(Two-way binding)を使う時は大体コンポーネント内でngModelを使うかと思います。 でも実はngModel以外でも簡単に双方向バインディングを実装できます。 Angular2では双方向バインディングの機能が元々実装されているので、@Output()で送り返す変数名を@Input()で受け取った変数名の後にChangeを入れて***Changeにするだけで実装できます。

【Angular2】Angular2でjQueryを使いたいときのメモ

Angular2を使っていればjQueryを使う必要はほぼありません。 でももしかしたら業務上しかたなく過去の遺産であるjQueryPluginを使うかもしれません。 そんな時のために簡単にAngular2とjQueryを共存させる方法をまとめておきます。