未分類 「この写真についての詳しい情報」アイコンが出て壁紙が変わる(Windows) 勝手に壁紙が変わる原因Windows11を使っていたら、勝手に背景の壁紙が変わっていたので、ウイルスかと思っていたら、Windows Updateによって勝手に変更されてるようなことがありました。デスクトップに「この写真についての詳しい情報... 2024.10.12 未分類
Angular リアクティブフォームで複数組み合わせのバリデーションをする[Angular] はじめにリアクティブフォームのFormBuilderと、バリデーションを自作できるValidatorFnを使って、フォームの複数項目のデータを使ったバリデーションチェックを行います。実装方法実装内容2つの入力項目をバリデーション対象として、... 2024.09.23 Angular
Angular リアクティブフォームで空白文字のバリデーションチェックをする[Angular] はじめにリアクティブフォームのValidation機能で、カスタマイズできる機能を使って、フォームの入力値が空白文字だけの場合、エラーにするようにします。実装方法Angulalr 18で実装していきます。コンポーネントの作成空白文字チェック... 2024.09.23 Angular
Angular Angularのリアクティブフォームで必須チェックを実装する方法 リアクティブフォームのバリデーション概要Angularはリアクティブフォーム用に組み込みのバリデーターを提供しており、その一つがValidators.requiredです。このバリデーターを使うことで、フォーム入力が必須であることを簡単に指... 2024.09.23 Angular
Angular AngularのリアクティブフォームをFormBuilderで実装する方法 FormBuilderとは?FormBuilderは、AngularのReactiveFormsModuleの一部で、フォームの作成をシンプルにするためのユーティリティクラスです。フォームを構築する際に、FormGroupやFormCont... 2024.09.23 Angular
Angular リアクティブフォームとテンプレート駆動フォームの違い・特徴[Angular] はじめにAngularには、フォームの作成方法として、リアクティブフォームとテンプレート駆動フォームの2つがあります。今回はその2つのフォームの違い・特徴を解説し、どちらのフォームを使ったらよいか記載していきます。リアクティブフォームリアク... 2024.09.23 Angular
Angular withComponentInputBindingでURLパス値を設定[Angular] はじめにAngularの新しいバージョンでは、ルーティング制御でwithComponentInputBinding()を使うことで、URLのパスの一部(URLパラメータ)を、@Inputで取得できるようになりました。今回はそれについて解説し... 2024.09.23 Angular
Angular ng-templateとngTemplateOutletで共通のテンプレート描画をする[Angular] はじめにng-templateとngTemplateOutletを使って、テンプレートの共通処理を綺麗に書くための方法を解説します。Angularのバージョンは18です。ng-templateとはng-template は、Angularの... 2024.09.21 Angular
Angular Angular 18の@forやtrackのテンプレート制御構文について解説 @forについて古いバージョンでは、ngForを使って、テンプレート側でループ処理していましたが、Angular17から@forが新規に使えるようになりました。基本構文以下のように、@forを使ってループ処理を使えます。<ul>@for (... 2024.09.21 Angular
Angular Angularでbootstrapを使う方法やng-bootstrapを使うべきかについて解説 はじめにフロントエンドのデザインでよく使われるbootstrapをAngularで使う場合、どのように環境構築すれば良いか解説していきます。ng-bootstrapを使うべきかAngularでbootstrapを使う方法として、bootst... 2024.09.18 Angular