テンプレート一覧に戻る
Angular + TypeScript
Angular 19 + TypeScript + standalone components のプロジェクト向けCLAUDE.md。signalsベースのモダンAngular開発に最適です。
中級angulartypescriptstandalonesignals
CLAUDE.md
# プロジェクト名
Angular 19 + TypeScript で構築されたWebアプリケーション。
## 技術スタック
- **フレームワーク**: Angular 19 (standalone components, signals)
- **言語**: TypeScript 5.x (strict mode)
- **スタイリング**: Tailwind CSS v4 / Angular Material
- **状態管理**: NgRx Signals / RxJS
- **テスト**: Karma + Jasmine / Jest + Testing Library
- **パッケージマネージャ**: npm
## コマンド
| コマンド | 用途 |
|---------|------|
| `ng serve` | 開発サーバー起動 (localhost:4200) |
| `ng build` | プロダクションビルド |
| `ng test` | ユニットテスト実行 |
| `ng lint` | ESLint実行 |
| `ng e2e` | E2Eテスト実行 |
## ディレクトリ構造
| パス | 役割 |
|-----|------|
| `src/app/` | コンポーネント・サービス・ルーティング |
| `src/app/shared/` | 共有コンポーネント・ディレクティブ・パイプ |
| `src/app/core/` | シングルトンサービス・ガード・インターセプター |
| `src/app/features/` | 機能モジュール |
| `src/environments/` | 環境設定 |
## コーディング規約
- standalone componentsを使用(NgModuleは不要)
- signalsでリアクティブ状態管理
- ファイル名はkebab-case、クラス名はPascalCase
- サービスは `inject()` 関数で注入
- OnPush変更検知をデフォルトにする
- RxJSは `takeUntilDestroyed` でリーク防止
## Git規約
- ブランチ: `feature/`, `fix/`, `chore/`
- コミットメッセージ: Conventional Commits形式
- PRは1機能1PR、レビュー必須