Skip to content

Commit a5bf851

Browse files
authored
chore: update origin to 5961e96196b90ae08a1ad266d3786eaed935db41 (#1126)
1 parent 2d2dd26 commit a5bf851

File tree

5 files changed

+47
-35
lines changed

5 files changed

+47
-35
lines changed

adev-ja/src/content/events/v21.en.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
![A retro 8-bit, pixel art style graphic announcing the upcoming release of Angular v21. The large, gradient 'v21' text dominates the frame. Next to it, in smaller text, are the words 'The Adventure Begins' and the release date '11-20-2025' inside a pink pixelated box. The Angular logo is in the bottom right corner.](assets/images/angular-v21-hero.jpg {loading: 'eager', fetchpriority: 'high'} 'Angular v21 Hero Image')
1+
![A retro 8-bit, pixel art style graphic announcing the upcoming release of Angular v21. The large, gradient 'v21' text dominates the frame. Next to it, in smaller text, are the words 'The Adventure Begins' and the release date '11-20-2025' inside a pink pixelated box. The Angular logo is in the bottom right corner.](assets/images/v21-event/angular-v21-hero.jpg {loading: 'eager', fetchpriority: 'high'} 'Angular v21 Hero Image')
22

33
# Angular v21: The Adventure Begins
44

adev-ja/src/content/events/v21.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
![Angular v21の今後のリリースを告知する、レトロな8ビットのピクセルアートスタイルのグラフィック。大きなグラデーションの「v21」テキストがフレームを占めています。その隣には、小さなテキストで「The Adventure Begins」という言葉と、ピンク色のピクセル化されたボックス内にリリース日「11-20-2025」が記載されています。Angularのロゴは右下隅にあります。](assets/images/angular-v21-hero.jpg {loading: 'eager', fetchpriority: 'high'} 'Angular v21ヒーロー画像')
1+
![Angular v21の今後のリリースを告知する、レトロな8ビットのピクセルアートスタイルのグラフィック。大きなグラデーションの「v21」テキストがフレームを占めています。その隣には、小さなテキストで「The Adventure Begins」という言葉と、ピンク色のピクセル化されたボックス内にリリース日「11-20-2025」が記載されています。Angularのロゴは右下隅にあります。](assets/images/v21-event/angular-v21-hero.jpg {loading: 'eager', fetchpriority: 'high'} 'Angular v21ヒーロー画像')
22

33
# Angular v21: 冒険の始まり
44

adev-ja/src/content/tools/cli/serve.en.md

Lines changed: 22 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -4,8 +4,7 @@ You can serve your Angular CLI application with the `ng serve` command.
44
This will compile your application, skip unnecessary optimizations, start a devserver, and automatically rebuild and live reload any subsequent changes.
55
You can stop the server by pressing `Ctrl+C`.
66

7-
`ng serve` only executes the builder for the `serve` target in the default project as specified in `angular.json`.
8-
While any builder can be used here, the most common (and default) builder is `@angular-devkit/build-angular:dev-server`.
7+
`ng serve` only executes the builder for the `serve` target in the default project as specified in `angular.json`. While any builder can be used here, the most common (and default) builder is `@angular/build:dev-server`.
98

109
You can determine which builder is being used for a particular project by looking up the `serve` target for that project.
1110

@@ -17,10 +16,10 @@ You can determine which builder is being used for a particular project by lookin
1716
"architect": {
1817
// `ng serve` invokes the Architect target named `serve`.
1918
"serve": {
20-
"builder": "@angular-devkit/build-angular:dev-server",
19+
"builder": "@angular/build:dev-server",
2120
// ...
2221
},
23-
"build": { /* ... */ }
22+
"build": { /* ... */ },
2423
"test": { /* ... */ }
2524
}
2625
}
@@ -29,21 +28,19 @@ You can determine which builder is being used for a particular project by lookin
2928

3029
```
3130

32-
This page discusses usage and options of `@angular-devkit/build-angular:dev-server`.
33-
3431
## Proxying to a backend server
3532

36-
Use [proxying support](https://webpack.js.org/configuration/dev-server/#devserverproxy) to divert certain URLs to a backend server, by passing a file to the `--proxy-config` build option.
33+
Use [proxying support](https://vite.dev/config/server-options#server-proxy) to divert certain URLs to a backend server, by passing a file to the `--proxy-config` build option.
3734
For example, to divert all calls for `http://localhost:4200/api` to a server running on `http://localhost:3000/api`, take the following steps.
3835

3936
1. Create a file `proxy.conf.json` in your project's `src/` folder.
4037
1. Add the following content to the new proxy file:
4138

4239
```json
4340
{
44-
"/api": {
45-
"target": "http://localhost:3000",
46-
"secure": false
41+
"/api/**": {
42+
"target": "http://localhost:3000",
43+
"secure": false
4744
}
4845
}
4946
```
@@ -56,10 +53,10 @@ For example, to divert all calls for `http://localhost:4200/api` to a server run
5653
"my-app": {
5754
"architect": {
5855
"serve": {
59-
"builder": "@angular-devkit/build-angular:dev-server",
56+
"builder": "@angular/build:dev-server",
6057
"options": {
61-
"proxyConfig": "src/proxy.conf.json"
62-
}
58+
"proxyConfig": "src/proxy.conf.json"
59+
}
6360
}
6461
}
6562
}
@@ -70,7 +67,16 @@ For example, to divert all calls for `http://localhost:4200/api` to a server run
7067

7168
1. To run the development server with this proxy configuration, call `ng serve`.
7269

73-
Edit the proxy configuration file to add configuration options; following are some examples.
74-
For a detailed description of all options, refer to the [webpack DevServer documentation](https://webpack.js.org/configuration/dev-server/#devserverproxy) when using `@angular-devkit/build-angular:browser`, or the [Vite DevServer documentation](https://vite.dev/config/server-options#server-proxy) when using `@angular-devkit/build-angular:browser-esbuild` or `@angular-devkit/build-angular:application`.
70+
NOTE: To apply changes made to your proxy configuration file, you must restart the `ng serve` process.
71+
72+
### Path matching behavior depends on the builder
73+
74+
**`@angular/build:dev-server`** (based on [Vite](https://vite.dev/config/server-options#server-proxy))
75+
76+
- `/api` matches only `/api`.
77+
- `/api/*` matches `/api/users` but not `/api/users/123`.
78+
- `/api/**` matches `/api/users` and `/api/users/123`.
79+
80+
**`@angular-devkit/build-angular:dev-server`** (based on [Webpack DevServer](https://webpack.js.org/configuration/dev-server/#devserverproxy))
7581

76-
NOTE: If you edit the proxy configuration file, you must relaunch the `ng serve` process to make your changes effective.
82+
- `/api` matches `/api` and any sub-paths (equivalent to `/api/**`).

adev-ja/src/content/tools/cli/serve.md

Lines changed: 22 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -4,8 +4,7 @@ Angular CLIアプリケーションは、`ng serve`コマンドで配信でき
44
これにより、アプリケーションがコンパイルされ、不要な最適化がスキップされ、開発サーバーが起動し、その後の変更が自動的に再ビルドおよびライブリロードされます。
55
サーバーは`Ctrl+C`を押して停止できます。
66

7-
`ng serve`は、`angular.json`で指定されたデフォルトプロジェクトの`serve`ターゲットのビルダーのみを実行します。
8-
ここでは任意のビルダーを使用できますが、最も一般的(かつデフォルト)なビルダーは`@angular-devkit/build-angular:dev-server`です。
7+
`ng serve`は、`angular.json`で指定されたデフォルトプロジェクトの`serve`ターゲットのビルダーのみを実行します。ここでは任意のビルダーを使用できますが、最も一般的(かつデフォルト)なビルダーは`@angular/build:dev-server`です。
98

109
特定のプロジェクトで使用されているビルダーは、そのプロジェクトの`serve`ターゲットを調べることで判断できます。
1110

@@ -17,10 +16,10 @@ Angular CLIアプリケーションは、`ng serve`コマンドで配信でき
1716
"architect": {
1817
// `ng serve` invokes the Architect target named `serve`.
1918
"serve": {
20-
"builder": "@angular-devkit/build-angular:dev-server",
19+
"builder": "@angular/build:dev-server",
2120
// ...
2221
},
23-
"build": { /* ... */ }
22+
"build": { /* ... */ },
2423
"test": { /* ... */ }
2524
}
2625
}
@@ -29,21 +28,19 @@ Angular CLIアプリケーションは、`ng serve`コマンドで配信でき
2928

3029
```
3130

32-
このページでは、`@angular-devkit/build-angular:dev-server`の使用法とオプションについて説明します。
33-
3431
## バックエンドサーバーへのプロキシ {#proxying-to-a-backend-server}
3532

36-
[プロキシサポート](https://webpack.js.org/configuration/dev-server/#devserverproxy)を使用して、特定のURLをバックエンドサーバーに転送するには、`--proxy-config`ビルドオプションにファイルを渡します。
33+
[プロキシサポート](https://vite.dev/config/server-options#server-proxy)を使用して、特定のURLをバックエンドサーバーに転送するには、`--proxy-config`ビルドオプションにファイルを渡します。
3734
例えば、`http://localhost:4200/api`へのすべての呼び出しを`http://localhost:3000/api`で実行されているサーバーに転送するには、以下の手順を実行します。
3835

3936
1. プロジェクトの`src/`フォルダーに`proxy.conf.json`ファイルを作成します。
4037
1. 新しいプロキシファイルに以下の内容を追加します。
4138

4239
```json
4340
{
44-
"/api": {
45-
"target": "http://localhost:3000",
46-
"secure": false
41+
"/api/**": {
42+
"target": "http://localhost:3000",
43+
"secure": false
4744
}
4845
}
4946
```
@@ -56,10 +53,10 @@ Angular CLIアプリケーションは、`ng serve`コマンドで配信でき
5653
"my-app": {
5754
"architect": {
5855
"serve": {
59-
"builder": "@angular-devkit/build-angular:dev-server",
56+
"builder": "@angular/build:dev-server",
6057
"options": {
61-
"proxyConfig": "src/proxy.conf.json"
62-
}
58+
"proxyConfig": "src/proxy.conf.json"
59+
}
6360
}
6461
}
6562
}
@@ -70,7 +67,16 @@ Angular CLIアプリケーションは、`ng serve`コマンドで配信でき
7067

7168
1. このプロキシ設定で開発サーバーを実行するには、`ng serve`を呼び出します。
7269

73-
プロキシ設定ファイルを編集して設定オプションを追加します。以下にいくつかの例を示します。
74-
すべてのオプションの詳細については、`@angular-devkit/build-angular:browser`を使用する場合は[webpack DevServerドキュメント](https://webpack.js.org/configuration/dev-server/#devserverproxy)を、または`@angular-devkit/build-angular:browser-esbuild`または`@angular-devkit/build-angular:application`を使用する場合は[Vite DevServerドキュメント](https://vite.dev/config/server-options#server-proxy)を参照してください。
70+
NOTE: プロキシ設定ファイルに加えた変更を適用するには、`ng serve`プロセスを再起動する必要があります。
71+
72+
### パスマッチングの挙動はビルダーに依存する {#path-matching-behavior-depends-on-the-builder}
73+
74+
**`@angular/build:dev-server`** ([Vite](https://vite.dev/config/server-options#server-proxy)ベース)
75+
76+
- `/api``/api`のみにマッチします。
77+
- `/api/*``/api/users`にマッチしますが、`/api/users/123`にはマッチしません。
78+
- `/api/**``/api/users``/api/users/123`の両方にマッチします。
79+
80+
**`@angular-devkit/build-angular:dev-server`** ([Webpack DevServer](https://webpack.js.org/configuration/dev-server/#devserverproxy)ベース)
7581

76-
NOTE: プロキシ設定ファイルを編集した場合、変更を有効にするには`ng serve`プロセスを再起動する必要があります
82+
- `/api``/api`とすべてのサブパスにマッチします(`/api/**`と同等)

0 commit comments

Comments
 (0)