angular-state-management
Angular の状態管理パターンを構築する
Angular チームには、アプリの成長に合わせて明確な状態管理の選択肢が必要です。このスキルは、Signals、NgRx、SignalStore、ComponentStore、RxJS 移行のための実践的なパターンを提供します。
自分のエージェントでインストール
このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。
Review the Skillstore skill "angular-state-management" from https://skillstore.io/skills/sickn33-angular-state-management.md and its manifest at https://skillstore.io/api/skills/sickn33-angular-state-management/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。
エージェントが読めるリソース
AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。
テストする
「angular-state-management」を使用しています。 フィルター、読み込み、サーバー更新を備えた商品リストの状態管理が必要です。
期待される結果:
SignalStore の使用を推奨し、状態の形、computed filtered products、load methods、コンポーネントでの使用ガイダンスを示します。
「angular-state-management」を使用しています。 私のアプリでは、ユーザーセッション状態に BehaviorSubject サービスを使用しています。
期待される結果:
writable subjects を private signals、readonly accessors、computed selectors、明示的な update methods に置き換える移行計画。
「angular-state-management」を使用しています。 多数の Angular ルート全体でグローバルな cart と user state が必要です。
期待される結果:
feature slices、actions、selectors、effects、ルートレベルのコンポーネント向け integration points を含む NgRx 構造。
セキュリティ監査
安全All 54 static findings are false positives caused by Markdown syntax, illustrative TypeScript, relative application endpoints, or official documentation links. No executable shell commands, system reconnaissance, prompt injection, data exfiltration, or malicious intent were found.
リスク要因
🌐 ネットワークアクセス (12)
⚙️ 外部コマンド (40)
このレポートを共有・引用
バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。
レポートリンクをコピー
https://skillstore.io/skills/sickn33-angular-state-management/audits/5?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdownバッジ
[](https://skillstore.io/skills/sickn33-angular-state-management?utm_source=security_passport_badge)HTMLバッジ
<a href="https://skillstore.io/skills/sickn33-angular-state-management?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/sickn33-angular-state-management/security.svg" alt="Skillstore security assessment" loading="lazy"></a>埋め込みカード
<iframe src="https://skillstore.io/embed/skills/sickn33-angular-state-management.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>学術引用 (APA · BibTeX · CFF)
APA形式の引用
sickn33. (2026). angular-state-management security audit report (audit version 5) [Author version unspecified]. Skillstore. https://skillstore.io/skills/sickn33-angular-state-management/audits/5BibTeX形式の引用
@techreport{sickn33-sickn33-angular-state-management-2026,
author = {sickn33},
title = {angular-state-management security audit report (audit version 5)},
institution = {Skillstore},
year = {2026},
number = {5},
url = {https://skillstore.io/skills/sickn33-angular-state-management/audits/5},
note = {Author version unspecified}
}CITATION.cff
cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "angular-state-management security audit report (audit version 5)"
version: "unspecified"
type: report
authors:
- name: "sickn33"
date-released: "2026-07-23"
url: "https://skillstore.io/skills/sickn33-angular-state-management/audits/5"
identifiers:
- type: other
value: "skillstore:sickn33-angular-state-management:audit:5"
description: "Skillstore immutable audit report identifier"
Skillstore スコア
このスコアの理由 証拠の信頼度: 高作成できるもの
状態管理戦略を選ぶ
実装前に、Angular フィーチャー向けに Signals、SignalStore、ComponentStore、NgRx を比較します。
レガシー状態管理をモダン化する
BehaviorSubject サービスから、明確な読み取り API と書き込み API を備えた signal ベースのサービスへの移行を計画します。
エンタープライズ向け Store を構造化する
複雑なアプリ全体の状態のために、actions、reducers、selectors、effects、コンポーネントバインディングを設計します。
これらのプロンプトを試す
この機能に適した Angular 状態管理パターンを選ぶのを手伝ってください: [describe feature]。Signals、SignalStore、ComponentStore、NgRx を比較してください。
[state domain] 向けの signal ベースの Angular サービスを設計してください。readonly 状態、computed values、loading state、errors、update methods を含めてください。
[domain] 向けの NgRx feature design を作成してください。actions、reducer shape、selectors、effects、component integration notes を含めてください。
この Angular 状態管理パターンをレビューし、Signals または NgRx SignalStore への移行を提案してください。リスク、手順、テストの優先事項を説明してください。
ベストプラクティス
- 複数のフィーチャーが同じデータを必要とするまで、状態はローカルに保ちます。
- 派生状態には、重複して保存するのではなく computed values を使用します。
- サーバーの loading、success、error 状態を UI 専用の状態から分離します。
回避
- 明確な共有要件がない単純なコンポーネント状態をグローバル化しないでください。
- 制御された update methods の外で signal values を直接変更しないでください。
- 明確な所有境界なしに Signals と RxJS を混在させないでください。
よくある質問
このスキルは完全な Angular Store を生成しますか？
Signals ではなく NgRx を使うべきなのはいつですか？
BehaviorSubject からの移行に役立ちますか？
サーバー状態も扱いますか？
このスキルは Angular Signals に限定されていますか？
Claude、Codex、Claude Code はこのスキルを使用できますか？
開発者情報
作成者
sickn33ライセンス
MIT
Skillstore リビジョン
r2
バージョンに関する注意
作者はバージョンを宣言していません。
リポジトリ
https://github.com/sickn33/antigravity-awesome-skills/tree/main/skills/angular-state-management参照
ebdfe608f5de2b66ff37ab4af12af8ac4f5e8006
メンテナンスの新しさ
2026/7/26
利用状況
6 ダウンロード · 81 閲覧
ファイル構成