【Angular】optionタグで文字以外をvalueに設定する

概要

Angular の <option> への値設定で通常は value を使用します。
value に値を設定した場合は、変更後の値が文字列で設定されます。
ngValue に値を設定することで、文字列以外の値を扱えるようになります。

angular.io

【雑談】開発時の考え方など

目次

概要

たまにですが、開発時にどういうことを注意しているかや何故Githubでソースコードを公開しているかを聞かれることがあります。
現時点で回答している内容を記載していこうと思います。

【Jasmine】スパイ関数が実行されたかを確認する

概要

expect(mySpy).toHaveBeenCalled() を使用することでスパイ関数が実行されたかを確認できる。
また、 expect(mySpy).toHaveBeenCalledWith(args) でスパイ関数実行時に渡された引数の確認もできる。

スパイ関数に戻り値が必要な場合、spyOn().and.returnValue で設定する。

jasmine.github.io

【Angular】Componentテスト（クラス・DOM）

概要

Angular のComponentテストではクラスをテストする場合とDOMをテストする場合で、TestBed.configureTestingModule の設定方法が変わってきます。
設定方法や使い分けについて記載します。

angular.jp

【VSCode】TSLintを使用してコードを自動フォーマットする

概要

Visual Studio Code の TSLint拡張機能と tslint-plugin-prettier を使用してソースコードを自動フォーマットすることが出来ます。
各種設定や使用ライブラリ等を記載します。

marketplace.visualstudio.com

github.com

【イベント参加】Developers Summit 2019 に参加してきました

概要

Developers Summit 2019 に参加してきました。
今回は「SHARE YOUR FUN!」をテーマに開催されました。
テクノロジーは楽しいもの。そういうテーマで色々なセッションが開催されました。

相変わらずフルで参加出来ず、２日とも午後のみの参加になっております。
来年こそは２日フルで出たいです。

event.shoeisha.jp

【SonarQube】SonarQube on Docker で TypeScript の品質チェック

概要

SonarQube + Docker（Docker Compose）でTypeScriptのソースコードの品質チェックを行う場合の設定方法などを記載します。

www.sonarqube.org

【VSCode】Visual Studio Code v1.31 の気になる新機能

目次

概要

Visual Studio Code v1.31がリリースされましたね。
恒例の気になる新機能をピックアップして紹介します。

code.visualstudio.com

【Jest】JestをVSCodeでデバッグする

概要

Visual Studio CodeでJestをデバッグするための設定を記載します。 基本的には以下のURLの通りです。

github.com

【Jest】AngularでJestを使用する

概要

Angular で Jest を使用してユニットテストを実行するサンプルを作成しました。

jestjs.io

github.com