Angular Angularのメジャーバージョンアップ事前調査
Angular の EOL 対応について、どのような手順を踏めばよいかをまとめる。 特に、クライアントに納品する視点で、本番のエラーリスクを考えた事前準備などにフォーカスしているため、個人で自分用アプリを開発している方は、アップグレード実施...
Angular
Angular Angular Bootstrapとngx-bootstrapの違い
Bootstrapとngx-bootstrap、2つのフレームワークについて、どちらかでいいのか、ngx-bootstrapを選ぶと何がお得なのか、よくわからなかったので調べてみた。 AngularとBootstrap ngx-bootst...
ソフトウェア playwright基礎
playwrightとは nodeで使用できるテスト自動化ツール。 seleniumを使ったことがあれば、まさにそんな感じ。 自動でブラウザを起動して、コードで選択した要素をポチポチ自動実行して、ページ遷移したり、値を期待値と比較したりでき...
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の認証情報を不正リンクによって悪用されること。 認証情報は一般的に、クッキー、ヘッダーに付与される。 例えば、銀行のサイトにログインすれば、ブ...