angular について
Angular 開発向けのスキルで、SPA、コンポーネント、サービス、ルーティング、フォーム、RxJS を扱います。CLI の手順に加え、遅延読み込みや購読解除の実践も取り上げます。
主な機能
- 01Angular SPA とコンポーネント開発
- 02サービス、ルーティング、フォーム
- 03CLI による生成手順
- 04RxJS と async pipe
- 05遅延読み込みと性能改善の実践
活用シーン
- 01Angular SPA の構築
- 02ルートやフォームの追加
- 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、依存性注入、モジュールを使用する
このスキルの使い方
- 開始:ng new、ng generate component/service;モジュール、コンポーネント、テンプレート、バインディング。
- 基礎:ルーティング、HttpClient、フォーム(リアクティブ/テンプレート);RxJS と async pipe。
- 参考資料:https://angular.io/docs
ベストプラクティス
- モジュールと遅延読み込み;OnPush と純粋パイプによる最適化。
- サービスの注入とシングルトン;メモリリークを防ぐための購読解除。
キーワード
angular、コンポーネント、サービス、RxJS、SPA
コメント
Markdown 対応