Angular Node.js+Angular備忘録
Node.jsの機能を使用する際にはnpmを使用する。 一方、Angularの機能を使用する際にはngコマンドを使用するが、こちらはあまり意識して使うことは無いかもしれない。 良く使用するnpmコマンド 主に使用するnpmコマンドは以下。 ...
Angular
Angular Angular ローカルでAngular＆Javaのアプリケーションを起動するためのプロキシ設定
Angular のローカル開発 (ng serve) は、デフォルトで で起動します。 一方、バックエンド（Java/Spring Boot など）は など別ポートで動作していることが多いです。 このとき、フロントから直接 にアクセスすると...
Angular Typescript備忘録
関数基礎 function hello(name){ console.log('こんにちは、' + name + 'さん。'); } hello('桜井'); // こんにちは、桜井さん 無名関数 関数名が無い＞結局helloが関数名に見え...
Angular Node.jsのバージョンが勝手に最新版になる
開発で使用している自身のローカルPCで、意図せずNodeのバージョンを最新にしてしまったので、アンインストールしてから元のバージョンでインストールし直した。 しかし、日が経つといつの間にかバージョンが最新に戻っている。 その度にアンインスト...
アーキテクチャ ハッシュ化、暗号化
ハッシュ化とは？ ハッシュ化は指定のアルゴリズムに基づき、元の文字列を不規則な値に変換する処理を指す。 不可逆であり、ハッシュ化された値から元の値を求めることはできない。 同じ文字列を同じアルゴリズムでハッシュ化した場合、 同じ処理結果とな...
Angular Cannot read properties of undefined (reading ‘digest’)
Angularを使用しているプロジェクトで、SHA256による暗号化メソッドをステージング環境にデプロイしたところ、以下のメソッド実行時にエラーが発生。 ■エラーメッセージ Cannot read properties of undefin...
アーキテクチャ CSRF備忘録
CSRFとは？ CSRF (Cross Site Request Forgery)は、Cookieの認証情報を不正リンクによって悪用されること。 認証情報は一般的に、クッキー、ヘッダーに付与される。 例えば、銀行のサイトにログインすれば、ブ...
Angular Angularコンポーネント
Angularとは？ TypeScriptで実装されたNode.jsを拡張したフレームワーク。Node.jsの拡張では、Angularの他に、ReactやVueがあります。 Angularのドキュメントや実装を読み解くにあたって、見ただけで...
クッキー Angularテスト備忘録
Angularの基本的なテスト実装について解説する。 フレームワークは、KarmaとJasmineを使用する。 テストの起動 npm test npm run <script> で、グローバルの設定に依存せず、開発フォルダのpackage....
Angular Angular状態管理基礎
状態管理はSPA（シングルページアプリケーション）の実装に用いられる。 状態管理では、単純にHTMLからjavascriptを呼び出してリクエストを送るだけでなく、ストアという概念が登場する。 ストアにデータをため込んで使用することで、ペー...