Angular

Angularでnavigateを使ってルートを切り替える

はじめにAngularプロジェクト内で使うルート制御をするには、Routerのnavigateメソッドを使って行えます。今回はこれを使って、コンポーネントでルート(URL)を切り替える実装を解説します。実装全体のルーティング設定全体のルーテ...
Node.js

特定のnpmパッケージをアップデートする方法

いろいろとやり方はありますが、以下のコマンドで一度アンインストールしてから、再インストールするのが確実です。npm uninstall <パッケージ名>npm install <パッケージ名@バージョン>npm installが未指定の場合...
Angular

AngularのRouteのパスの優先順位について

AngularのRouteのパスの優先順位は、Routeの設定を上から順に確認して、最初に一致したものが優先されます。その場合、後続のRouteの設定までは見ません。優先順位について検証間違った設定例えば、1番目にワイルドカードのパスを設定...
Angular

AngularのRouteでリダイレクトする方法

AngularのルーティングによるリダイレクトについてAngularのルーティングでは、特定のURLを他のURLにリダイレクトすることができます。リダイレクトは、非推奨のURLや特定の条件に基づいてユーザーを適切なページに誘導する際に役立ち...
Bootstrap

Bootstrap 5をダウンロードして使う方法

はじめにBootstrap 5をダウンロードして、使う方法を載せていきます。ダウンロード公式サイトから、コンパイルされたCSSとJSのファイルをダウンロードします。公式サイトのDLページ:ファイルを展開すると、以下のようなファイルが展開され...
Angular

Angularでスタンドアロンではないプロジェクトを作成する方法

Angular17以降から、デフォルトプロジェクトを作成するときに、スタンドアロン構成でプロジェクトが作成されるようになりました。ですが、古いバージョンのapp.modules.tsファイルでモジュールをインポートする方を使いたかったため、...
Node.js

npm auditでパッケージの脆弱性を確認して解決する

npm auditについてnpm auditコマンドは、インストールされているnpmパッケージの脆弱性を確認することができるコマンドです。npm auditを使った脆弱性の確認方法npm auditについて、実際に使ってみた結果を参考に解説...
未分類

「この写真についての詳しい情報」アイコンが出て壁紙が変わる(Windows)

勝手に壁紙が変わる原因Windows11を使っていたら、勝手に背景の壁紙が変わっていたので、ウイルスかと思っていたら、Windows Updateによって勝手に変更されてるようなことがありました。デスクトップに「この写真についての詳しい情報...
Angular

リアクティブフォームで複数組み合わせのバリデーションをする[Angular]

はじめにリアクティブフォームのFormBuilderと、バリデーションを自作できるValidatorFnを使って、フォームの複数項目のデータを使ったバリデーションチェックを行います。実装方法実装内容2つの入力項目をバリデーション対象として、...
Angular

リアクティブフォームで空白文字のバリデーションチェックをする[Angular]

はじめにリアクティブフォームのValidation機能で、カスタマイズできる機能を使って、フォームの入力値が空白文字だけの場合、エラーにするようにします。実装方法Angulalr 18で実装していきます。コンポーネントの作成空白文字チェック...