feat(ja-JP): add skill sub-reference translations (angular, remotion, etc.)

Translated 85 skill sub-reference files to achieve full parity with
the English source:

- skills/angular-developer/references/ — 35 files (all references)
- skills/remotion-video-creation/rules/ — 28 files (all rules)
- skills/tinystruct-patterns/references/ — 5 files
- skills/openclaw-persona-forge/references/ — 6 files
- skills/skill-comply/prompts/ — 3 files
- skills/lead-intelligence/agents/ — 4 files
- skills/brand-voice/references/ — 1 file
- skills/frontend-slides/ — 2 files
- hooks/memory-persistence/README.md — 1 file

English source parity: 0 missing files (excluding rules/zh/, internal
docs, and experimental examples absent from zh-CN)
This commit is contained in:
Claude
2026-05-18 06:15:16 +09:00
parent 63624426c8
commit 174e31b3fc
85 changed files with 8409 additions and 0 deletions

View File

@@ -0,0 +1,86 @@
# エージェント向け Angular CLI ガイド
Angular CLI`ng`)は Angular ワークスペースを管理するための主要ツールです。プロジェクト構造を変更したり Angular 固有の依存関係を追加したりする際は、手動でのファイル作成や汎用の `npm` コマンドよりも、常に CLI コマンドを優先して使用してください。
## 1. 依存関係の管理
**Angular ライブラリには `npm install` ではなく必ず `ng add` を使用してください。** `ng add` はパッケージのインストールに加え、初期化スキーマティクス(例:`angular.json` の設定、ルートプロバイダーの更新)も実行します。
```bash
ng add @angular/material
ng add tailwindcss
ng add @angular/fire
```
アプリケーションとその依存関係を更新するには(コードマイグレーションが自動的に実行されます):
```bash
ng update @angular/core@<latest or specific version> @angular/cli<latest or specific version>
```
## 2. コード生成(`ng generate` または `ng g`
Angular の規約に準拠し、必要な設定ファイルが自動的に更新されるよう、コード生成には必ず CLI を使用してください。
| 対象 | コマンド | 備考 |
| :------------- | :-------------------- | :--------------------------------------------------------------------------------------------- |
| コンポーネント | `ng g c path/to/name` | コンポーネントを生成します。要求に応じて `--inline-style``-s`)または `--inline-template``-t`)を使用してください。 |
| サービス | `ng g s path/to/name` | `@Injectable({providedIn: 'root'})` サービスを生成します。 |
| ディレクティブ | `ng g d path/to/name` | ディレクティブを生成します。 |
| パイプ | `ng g p path/to/name` | パイプを生成します。 |
| ガード | `ng g g path/to/name` | 関数型ルートガードを生成します。 |
| 環境設定 | `ng g environments` | `src/environments/` を生成し、ファイル置換を含む `angular.json` を更新します。 |
_注意:単一のルート定義を生成するコマンドはありません。コンポーネントを生成した後、`app.routes.ts` 内の `Routes` 配列に手動で追加してください。_
## 3. 開発サーバーとプロキシ
ホットモジュール置換HMRを使用してローカル開発サーバーを起動します
```bash
ng serve
```
### バックエンド API プロキシ
開発中に API リクエストをプロキシするには(例:`/api` をローカルの Node サーバーにリルーティング):
1. `src/proxy.conf.json` を作成します:
```json
{
"/api/**": {"target": "http://localhost:3000", "secure": false}
}
```
2. `angular.json` の `serve` ターゲット以下を更新します:
```json
"serve": {
"builder": "@angular/build:dev-server",
"options": { "proxyConfig": "src/proxy.conf.json" }
}
```
## 4. アプリケーションのビルド
アプリケーションを出力ディレクトリ(デフォルト:`dist/<project-name>/browser`)にコンパイルします。最新の Angular は esbuild ベースの `@angular/build:application` ビルダーを使用します。
```bash
ng build
```
- `ng build` はデフォルトでプロダクション設定を使用し、Ahead-of-TimeAOTコンパイル、ミニファイ、ツリーシェイキングを有効にします。
- `--configuration` オプションを使用して `angular.json` で定義された特定の設定を対象にできます:`ng build --configuration=staging`。
## 5. テスト
- **ユニットテスト**設定されたテストランナーKarma または Vitestでユニットテストを実行するには `ng test` を実行します。
- **エンドツーエンドE2Eテスト**`ng e2e` を実行します。E2E フレームワークが設定されていない場合、CLI がインストールを促しますCypress、Playwright、Puppeteer など)。
## 6. デプロイ
アプリケーションをデプロイするには、まずデプロイメントビルダーを追加してからデプロイコマンドを実行します:
```bash
# Firebase の例
ng add @angular/fire
ng deploy
```