参考

• Angular2によるモダンWeb開発 TypeScriptを使った基本プログラミング

  • データダウンロードページ

用語

コンポーネント(component)

HTMLを出力する。3つの要素で構成されている。

• 処理定義

• HTMLテンプレート

• CSS

処理定義は実際にクラス内でメソッド定義しているが、HTMLテンプレートやCSSはデコレータで記述しているので、処理定義と他2つはちょっと色あいが異なる？

サービス(service)

アプリの共通処理を行う。

デコレータ(decorator)

TypeScriptの機能。 Javaでいうところのアノテーション？

Appendix: 問題

nvmを使うとbashの起動が遅い

Angularのためにもろもろのセットアップを行ったらterminalの起動が遅くなった。

~/.bashrc, ~/.profile 双方の冒頭に

1

set -x

を、最後尾に

1

set +x

を追加する¹とデバッグ出力が行われるようになるのでどこに時間がかかっているか特定できる。

結果として`npm config –loglevel=warn get prefix`という`~/.nvm/nvm.sh`内で実行している処理が遅いことがわかった。

NVM getting very slow on startup in Bash · Issue #1277 · creationix/nvmというIssueが登録されていた。 NVM の nvm.sh を遅延ロードしてシェルの起動を高速化する - Qiitaという記事もある。