Angularのテンプレートでは、 - formGroup - formControlName のようにバインディングを書く場面がよくあります。 ここで [formGroup]="myForm" formControlName="name" といった書き方の違いに疑問を持ったことはありませんか？ この記事では、 [ ] の意味…

はじめに Angularをきちんと使いこなせるようになりたい。 でも、日々忙しい中でどう進めればいいか悩む…。 そんな人のために、 毎日少しずつ積み上げる「90日間プラン」 を作りました！ 無理なく、でも着実に。 これをやりきれば、 「設計できるAngularエン…

はじめに Angularを勉強していると、 「このままAngularだけやってていいのかな？」 「ReactやNext.jsにも応用できるのかな？」 と悩むこと、ありますよね。 でも安心してください。 Angularを極めることは、他の技術にも応用できる「一生モノのスキル」につ…

ブラウザ内にデータを保存できる仕組みとしてIndexedDBがありますが、 SQLデータベースとは違った特徴を持っています。 今回は、IndexedDBで「できること」「できないこと」を、SQLと比較しながら整理してみます。 IndexedDBはNoSQL型 まず大前提として、Ind…

Webブラウザにデータを保存できる仕組みとして、IndexedDBはとても便利です。 ただし、IndexedDBにはブラウザごとに異なる容量制限があり、無限に保存できるわけではないので注意が必要です。 この記事では、特に主要なブラウザである Chrome・Safari・Edge …

素晴らしい記事があったので、メモしておきます。 qiita.com tech.bitbank.cc zenn.dev

AngularでReactive Formsを使うとき、 例えば formGroupName や formArrayName を付ける場面があります。 そのときに、 divやfieldsetなどの実体のあるタグが必要 ng-containerは使えない というルールがあります。 なぜ実体あるタグじゃないといけないのか…

Angularでは長年、 AppModule のようにモジュール単位でアプリを構成するのが基本でした。 しかし、Angular v14以降、 Standalone Component（スタンドアロンコンポーネント） という新しいスタイルが登場しました！ この記事では、 - Standalone Components…

Angularアプリケーションを作るとき、必ず出てくるのが AppModule と @NgModule という存在。 これらは何のために必要なのか？ どうしてHTML側でインポートなしに使えるのか？ この記事では、そういった疑問を整理して解説します！ @NgModuleとは？ @NgModul…

AngularのReactive Formsでは、FormControl と FormGroup を使って フォームの値や状態を管理します。 これらがどんなプロパティを持っているかを整理しておくと、 フォームの作り込みやエラー処理がぐっとスムーズになります。 この記事では、それぞれが持…