mcpField
A
angular

angular

github.com/full-stack-skills開発137 回インストール4 週間前に更新
リポジトリ

angular について

Angular 開発向けのスキルで、SPA、コンポーネント、サービス、ルーティング、フォーム、RxJS を扱います。CLI の手順に加え、遅延読み込みや購読解除の実践も取り上げます。

主な機能

  1. 01Angular SPA とコンポーネント開発
  2. 02サービス、ルーティング、フォーム
  3. 03CLI による生成手順
  4. 04RxJS と async pipe
  5. 05遅延読み込みと性能改善の実践

活用シーン

  1. 01Angular SPA の構築
  2. 02ルートやフォームの追加
  3. 03RxJS 購読の確認

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/full-stack-skills/angular-skills --skill angular

インストール後、Claude Code で/angularを入力して読み込まれたか確認します。

同梱ファイルagents/openai.yamlLICENSE.txt

詳細

このスキルを使用する場面

次のことをユーザーが求めている場合は、いつでもこのスキルを使用してください。

  • Angular で SPA、コンポーネント、サービス、ルーティング、フォームを構築する
  • CLI、RxJS、依存性注入、モジュールを使用する

このスキルの使い方

  1. 開始:ng new、ng generate component/service;モジュール、コンポーネント、テンプレート、バインディング。
  2. 基礎:ルーティング、HttpClient、フォーム(リアクティブ/テンプレート);RxJS と async pipe。
  3. 参考資料:https://angular.io/docs

ベストプラクティス

  • モジュールと遅延読み込み;OnPush と純粋パイプによる最適化。
  • サービスの注入とシングルトン;メモリリークを防ぐための購読解除。

キーワード

angular、コンポーネント、サービス、RxJS、SPA

コメント