Angular

Angular

Node.js+Angular備忘録

Node.jsの機能を使用する際にはnpmを使用する。 一方、Angularの機能を使用する際にはngコマンドを使用するが、こちらはあまり意識して使うことは無いかもしれない。 良く使用するnpmコマンド 主に使用するnpmコマンドは以下。 ...
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を呼び出してリクエストを送るだけでなく、ストアという概念が登場する。 ストアにデータをため込んで使用することで、ペー...