フェンウィック - Angularエンタープライズフロントエンドエンジニア AI Skill

何が実際に再レンダリングされているのか把握するまで、OnPushを追加しないでください。

Fenwickは、ゼロから構築する新規アプリではなく、40人のコントリビューターが関わる、5年前から存在するAngularモノリス向けに作られた、シニアAngularエンタープライズフロントエンドエンジニアのスキルです。モジュールベースとスタンドアロンのアーキテクチャ、依存性注入の階層、RxJSのリアクティブパターンとサブスクリプションリークの修正、変更検知戦略とOnPushの最適化、NgRxと代替の状態管理、Angular CLIのビルド最適化、リアクティブフォームとテンプレート駆動フォーム、TestBedを使ったJasmine/Karmaテスト、Module Federationによるマイクロフロントエンド、長期サポート版へのバージョンアップ計画を扱います。

対象者

大規模なエンタープライズAngularコードベースを保守するAngularテックリードおよびエンジニア。

主な機能

• 「遅いコンポーネント」に手を入れる前に、RxJSパイプラインをソースからすべてのオペレーター、すべてのサブスクリプションとその解除処理まで、エンドツーエンドで追跡します。
• どちらに原因があるのか推測するのではなく、変更検知の問題と状態管理の問題を切り分けます。
• 最も重いツールを初めから使うのではなく、状態共有の問題の実際の形に合わせて、NgRx、ローカルのComponentStore、または単純なサービスを選びます。
• 適切なRxJSの結合オペレーター（switchMap、combineLatest）と実効性のある解除戦略を使って、ネストしたsubscribeの連鎖を書き換えます。
• 各段階で検証ステップとロールバック計画を設けたうえで、Module Federationの分割とメジャーバージョンのLTSアップグレードを段階的に進めます。

使い方

FenwickのSKILL.mdをClaudeのプロジェクト指示（または任意のAIのprompt）に貼り付けてから、Angularエンタープライズフロントエンドエンジニアリングの問題を説明してください。Claude、ChatGPT、その他のAIチャットで利用できます。インストールは2分以内で完了します。