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

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

概要 基本構成 データフロー詳細 Reduxの3原則 1. Single source of truth 2. State is read-only 3. Mutations are written as pure functions 用語集（Redux） Action ActionCreator Store Dispatch State Reducer 概要 UIの状態管理を行うライブラリ 状態…

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

個人情報の利用目的 当ブログでは、お問い合わせや記事へのコメントの際、名前やメールアドレス等の個人情報を入力いただく場合がございます。 取得した個人情報は、お問い合わせに対する回答や必要な情報を電子メールなどをでご連絡する場合に利用させてい…

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

Content-Typeがbinary/octet-stream 現象 原因 対策 Content-Typeがbinary/octet-stream 現象 S3からダウンロードしたファイルのContent-Typeがbinary/octet-streamになってしまう。 原因 S3へのアップロード時にContent-Typeを指定していない。 APIでのアッ…