最近、React ＋ Typescript しか書いてないので、久々に小ネタを投下しようかなっと。。。 tl;dr JavaScript でよくやる引数の object = object || {} を、Typescript でコンパイルエラーを回避しながらどうやるか。 ユースケース 例えば、React でこのような stateless function componen...

先日、学生向けに Todo ワークショップを開催した時の話です。 Angular1 のようにngForと Pipe を組み合わせて、リストのソート機能をつくろうとしたところ、初め上手く動かせませんでした。 StackOverFlow で解決策を見つけてなんとか動かすことはできたのですが、腑に落ちず後日改めて調べたところ、Pipe を使う上で知っておくべき事を知らなかったことに気づきました。 ...

Way of httpInterceptor in Angular 2 4/10 に開催されたAngular 2 ハンズオンのチューターとして参加してきました。 チューターしている合間に、Angular2 での HttpIntercepor のやり方を調べてたので、その辺りを紹介します。 ついでに LT してきました。LT の資料はこちらです。 Angular2 HttpInter...

4 月から Web サービス会社にフロントエンドエンジニアとして Join しました。 新卒で就職して以降、多くの時間(※)を SI として過ごしてきたので、今回は大きなチャレンジとなりそうです。 ちなみに、この文書は 5 年後の自分に当てたポエムです。 (※)途中、料理人と家具職人を 4 年ほどやっていました。 5 年後のなりたい自分になるために転職を決意した 御年 39 歳。...

3/31 に酒を飲みながら Angular について話す素敵な催しng-sakeが開催されたので、Angular2 のユニットテストについて話て来ました。 当日のレポートは主催のらこさんが書いたものを参照ください。 [ng-sake を開催しました Angular2 Info](https://...

Angular2 の実装の方法は記事をよく目にする機会が増えたので、テストについての自分が困らないように調べてみたシリーズ。 今回は XHR が関連するテスト。 （注意）Angular 2.0.0-beta.9 をベースに話しています。 E2E テストは protractor がそのまま利用できると思うので、ここでのテストはユニットテストの話です。 Angular2 Uni...

Angular2 の実装の方法は記事をよく目にする機会が増えたので、テストについての自分が困らないように調べてみたシリーズ。 今回は DOM が関連するテスト。 （注意）Angular 2.0.0-beta.9 をベースに話しています。 E2E テストは protractor がそのまま利用できると思うので、ここでのテストはユニットテストの話です。 Angular2 Uni...

Angular2 の実装の方法は記事をよく目にする機会が増えたので、テストについての自分が困らないように調べてみたシリーズ。 今回は Pipe のテスト。 （注意）Angular 2.0.0-beta.9 をベースに話しています。 E2E テストは protractor がそのまま利用できると思うので、ここでのテストはユニットテストの話です。 Angular2 Unit T...

Angular2 の実装の方法は記事をよく目にする機会が増えたので、テストについての自分が困らないように調べてみたシリーズ。 今回は基本編。 （注意）Angular 2.0.0-beta.9 をベースに話しています。 E2E テストは protractor がそのまま利用できると思うので、ここでのテストはユニットテストの話です。 Angular2 Unit Testing ...

Angular2 の実装の方法は記事をよく目にする機会が増えたので、テストについての自分が困らないように調べてみたシリーズ。 今回はカバレッジ編。 （注意）Angular 2.0.0-beta.9 をベースに話しています。 E2E テストは protractor がそのまま利用できると思うので、ここでのテストはユニットテストの話です。 Angular2 Unit Testi...