2025.07.24 覚書 / 2025.07.24 memo's

2025.07.24 覚書 / 2025.07.24 memo's

自分が参考になったブログの紹介します。 / Here are some blogs that I found helpful.

Angular

dev.to

• effect()は最終手段として使用すべきで、多くの場合は以下の代替を使うべきと主張
• computed()：他のSignalsから値を導出できる場合は優先
• イベント駆動設計：Signal変化ではなく、「イベント（ボタンクリックなど）」に反応させる
• RXJS：特にHTTPリクエストの処理にはtoObservable()/toSignal()連携 + RxJS演算子が適している
• rxMethod()やderiveAsync()：Signal Storeのユーティリティで非同期処理を管理

dev.to

• computed()は読み取り専用。導出した値を再利用する用途に最適
• linkedSignal()は書き込みも可能な導出Signal
  • 初期値は依存Signalから取りつつ、手動で上書き可能
  • 前回の値（oldValue）も参照可能で、状態遷移のロジックに強い
• よく使われるケース：親からのinput()依存で初期値を導出しつつ、コンポーネント内で上書きする内部状態

medium.com

• Angular 20では、従来の @Input() や @Output() を使わず、Signalsベースのデータ伝達が標準でサポートされるように
• コンポーネント間の双方向バインディングや状態共有がSignalでネイティブに可能に

qiita.com

• AngularのSignal基本構文（signal(), computed(), effect()など）を紹介
• シンプルな例でSignalの使い方を丁寧に解説：状態管理・リアクティブ更新・副作用処理など

qiita.com

• Angularプロジェクトのフォルダ構成・設計パターンを紹介
• Signal導入のディレクトリ構成やベストプラクティス、ファイル構成の例も含まれる

HTML

zenn.dev

• 最新HTML仕様やモダンなタグ・属性（<dialog>, <picture>, スパース属性など）を再紹介
• アクセシビリティ向上のための属性、フォーム入力の進化、セマンティック構造の重要性に言及