いま

Angular

ng-templateやngTemplateOutlet関連

• https://blog.lacolaco.net/post/ng4-feature-ngif/

ng-templateはTemplateRef型として取得できるため、取得した変数をngTemplateOutletに与えることができる。

Tutorial

1. ng new myMdb --style=scss

   • Angularのプロジェクトのテンプレートが生成される。

2. cd your-angular-project

3. npm i angular-bootstrap-md --save

   • MDBのパッケージ情報がpackage.jsonに追加される
   • 追加される内容→"angular-bootstrap-md": "^6.2.2",

4. MDBのモジュールをインポートする

5. npm install -–save chart.js@2.5.0 @types/chart.js @types/chart.js font-awesome hammerjs angular5-csvを実行する。

6. npm startコマンドを実行し、サーバを開始する。

7. ブラウザからlocalhost:4200にアクセスする

MDBのモジュールをインポート

app.module.ts

import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core';
+import { MDBBootstrapModule } from 'angular-bootstrap-md';

@NgModule({
    imports: [
+        MDBBootstrapModule.forRoot()
    ],
    schemas: [ NO_ERRORS_SCHEMA ]
});

便利そうなライブラリ

classlist.js

昔からあるJavaScriptのライブラリ。

• https://www.npmjs.com/package/classlist.js

CSSのクラスを操作するメソッドを提供する。

easy-pie-chart

fs-extra

ファイルシステムの操作を便利に行うライブラリ。
ファイルのコピーや作成を再帰的に行うなどの機能が充実している。

• 使い方紹介

screenfull

• https://www.npmjs.com/package/screenfull