Angular

【Angular】Angular Materialでフォントを変更する

AngularMaterialでフォントを変更する AngularMaterialが設定するフォントを変更する フォントはGoogle Fontを使用する Google Font(日本語対応)は以下を参照 https://googlefonts.github.io/japanese/ 実装 index.html Google Fontを追加する <head> <meta charset="utf-8"> <title>Sample</title> <base href="/"> </base></meta></head>

【Angular】実装メモ~Router編~

Routing 画面遷移や表示制御を行う 詳細は以下を参照 https://angular.jp/guide/router#defining-a-basic-route 実装 画面遷移の設定 app-routing.module.ts内に定義する 初期画面の設定 パス指定無しの場合のリダイレクト設定 pathMatch: 'full'はパスの完…

【Angular】実装メモ~Form編~

Form FormGroupで実装 入力フォームを次の仕様で作る 縦並び バリデーション付き バリデーションエラー時はボタンを非活性 UIライブラリにAngular Material + flex-layoutを使用 実装イメージ (初期表示) (入力時) (エラー時) 実装 app.module // イン…

【Angular】Ngrx概要

Ngrx? 用語集 Component Action Reducer Store Selector Effects Service 実装 インストール Store Effects Devtool Storeの作成 Actionの作成 Reducerの作成 NgModuleに設定 Componentから呼び出す Ngrx? Reduxの思想をAngularで実装するためのライブラリ E…

【Angular】IndexedDBを使う

前提 AngularでIndexedDBにアクセス ライブラリに Dexie.jsを使う バージョンは3.0.2 ライブラリの詳細は以下参考 https://dexie.org/ IndexedDB? ブラウザー内にデータを永続的に保存する手段 Key-Value形式で保存 詳細は以下参照 https://developer.mozil…

【RxJS】ユースケースから理解するRxJS

環境 ユースケース Observableを作りたい PromiseをObservableに変換したい 複数の非同期通信の結果を待ち合わせて取得する 非同期通信でエラーが発生した場合 subscribe側に値を渡したい 共通化して処理の切り出し 非同期処理の実行結果を使って非同期処理…