Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
33 commits
Select commit Hold shift + click to select a range
930e8c7
chore: update origin to cea6588bb3
lacolaco Jun 3, 2026
2212c95
fix: migrate untranslated files
lacolaco Jun 3, 2026
237e92f
fix: migrate untranslated files
lacolaco Jun 3, 2026
4276604
fix(migrate): md-class-b src/content/ai
lacolaco Jun 3, 2026
b7297e8
fix(migrate): md-class-c src/content/best-practices
lacolaco Jun 3, 2026
14e67cd
fix(migrate): md-class-b src/content/guide
lacolaco Jun 3, 2026
a5fd4f1
fix(migrate): md-class-c src/content/guide
lacolaco Jun 3, 2026
46d075e
fix(migrate): md-class-c src/content/guide/animations
lacolaco Jun 3, 2026
962a3c6
fix(migrate): md-class-b src/content/guide/components
lacolaco Jun 3, 2026
cc37d9a
fix(migrate): md-class-c src/content/guide/components
lacolaco Jun 3, 2026
d53b61b
fix(migrate): md-class-c src/content/guide/di
lacolaco Jun 3, 2026
1d9605f
fix(migrate): md-class-b src/content/guide/forms
lacolaco Jun 3, 2026
85d7b61
chore(migrate): defer md-class-d src/content/guide/forms/signals
lacolaco Jun 3, 2026
77be208
fix(migrate): md-class-b src/content/guide/http
lacolaco Jun 3, 2026
249db11
fix(migrate): md-class-c src/content/guide/http
lacolaco Jun 3, 2026
ca1125d
fix(migrate): md-class-b src/content/guide/signals
lacolaco Jun 3, 2026
9e7fe08
fix(migrate): md-class-c src/content/guide/signals
lacolaco Jun 3, 2026
b78af8b
fix(migrate): md-class-a src/content/guide/templates
lacolaco Jun 3, 2026
0685215
fix(migrate): md-class-c src/content/guide/templates
lacolaco Jun 3, 2026
0fba547
chore(migrate): defer md-class-d src/content/guide/templates
lacolaco Jun 3, 2026
37a1eeb
fix(migrate): md-class-b src/content/guide/testing
lacolaco Jun 3, 2026
28bace0
fix(migrate): md-class-c src/content/guide/testing
lacolaco Jun 3, 2026
bca473d
fix(migrate): md-class-b src/content/introduction
lacolaco Jun 3, 2026
382c8a3
fix(migrate): md-class-b src/content/reference
lacolaco Jun 3, 2026
296279a
fix(migrate): md-roadmap src/content/reference
lacolaco Jun 3, 2026
a73beba
fix(migrate): md-class-b src/content/tools/cli
lacolaco Jun 3, 2026
634e0d9
fix(migrate): md-class-b src/content/tutorials/first-app/intro
lacolaco Jun 3, 2026
79f7da5
fix(migrate): md-class-b src/content/tutorials/learn-angular/steps/5-…
lacolaco Jun 3, 2026
75277dd
fix(migrate): src-class-a src/app/features/update
lacolaco Jun 3, 2026
b9bbacb
fix(migrate): src-class-b src/app/features/update
lacolaco Jun 3, 2026
41cf065
fix(migrate): src-class-b src/app/routing/navigation-entries
lacolaco Jun 3, 2026
8566571
fix(lint): apply prh rules to forms/signals/models
lacolaco Jun 3, 2026
54dd42b
fix(docs): translate inserted blocks in forms/signals/models
lacolaco Jun 3, 2026
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
87 changes: 50 additions & 37 deletions adev-ja/src/app/features/update/recommendations.en.ts

Large diffs are not rendered by default.

77 changes: 45 additions & 32 deletions adev-ja/src/app/features/update/recommendations.ts

Large diffs are not rendered by default.

14 changes: 14 additions & 0 deletions adev-ja/src/app/features/update/update.component.en.ts
Original file line number Diff line number Diff line change
Expand Up @@ -17,6 +17,20 @@ import {ActivatedRoute, Router} from '@angular/router';
import {marked} from 'marked';
import {MatSnackBar} from '@angular/material/snack-bar';

/**
* Configure marked with a custom link renderer so external links in the
* update guide open in a new tab, matching the convention applied elsewhere
* in adev via the `ExternalLink` directive.
*/
marked.use({
renderer: {
link({href, title, text}) {
const titleAttr = title ? ` title="${title}"` : '';
return `<a href="${href}"${titleAttr} target="_blank" rel="noopener noreferrer">${text}</a>`;
},
},
});

interface Option {
id: keyof Step;
name: string;
Expand Down
14 changes: 14 additions & 0 deletions adev-ja/src/app/features/update/update.component.ts
Original file line number Diff line number Diff line change
Expand Up @@ -17,6 +17,20 @@ import {ActivatedRoute, Router} from '@angular/router';
import {marked} from 'marked';
import {MatSnackBar} from '@angular/material/snack-bar';

/**
* Configure marked with a custom link renderer so external links in the
* update guide open in a new tab, matching the convention applied elsewhere
* in adev via the `ExternalLink` directive.
*/
marked.use({
renderer: {
link({href, title, text}) {
const titleAttr = title ? ` title="${title}"` : '';
return `<a href="${href}"${titleAttr} target="_blank" rel="noopener noreferrer">${text}</a>`;
},
},
});

interface Option {
id: keyof Step;
name: string;
Expand Down
7 changes: 7 additions & 0 deletions adev-ja/src/app/routing/navigation-entries/index.en.ts
Original file line number Diff line number Diff line change
Expand Up @@ -517,6 +517,13 @@ export const DOCS_SUB_NAVIGATION_DATA: NavigationItem[] = [
category: 'Signal Forms',
status: 'new',
},
{
label: 'Field metadata',
path: 'guide/forms/signals/field-metadata',
contentPath: 'guide/forms/signals/field-metadata',
category: 'Signal Forms',
status: 'new',
},
{
label: 'Async operations',
path: 'guide/forms/signals/async-operations',
Expand Down
7 changes: 7 additions & 0 deletions adev-ja/src/app/routing/navigation-entries/index.ts
Original file line number Diff line number Diff line change
Expand Up @@ -517,6 +517,13 @@ export const DOCS_SUB_NAVIGATION_DATA: NavigationItem[] = [
category: 'Signal Forms',
status: 'new',
},
{
label: 'フィールドメタデータ',
path: 'guide/forms/signals/field-metadata',
contentPath: 'guide/forms/signals/field-metadata',
category: 'Signal Forms',
status: 'new',
},
{
label: '非同期処理',
path: 'guide/forms/signals/async-operations',
Expand Down
4 changes: 2 additions & 2 deletions adev-ja/src/content/ai/develop-with-ai.en.md
Original file line number Diff line number Diff line change
Expand Up @@ -18,11 +18,11 @@ Here is a set of instructions to help LLMs generate correct code that follows An

## Rules Files

Several editors, such as <a href="https://studio.firebase.google.com?utm_source=adev&utm_medium=website&utm_campaign=BUILD_WITH_AI_ANGULAR&utm_term=angular_devrel&utm_content=build_with_ai_angular_firebase_studio">Firebase Studio</a> have rules files useful for providing critical context to LLMs.
Several editors, such as <a href="https://studio.firebase.google.com?utm_source=adev&utm_medium=website&utm_campaign=BUILD_WITH_AI_ANGULAR&utm_term=angular_devrel&utm_content=build_with_ai_angular_firebase_studio" target="_blank">Firebase Studio</a> have rules files useful for providing critical context to LLMs.

| Environment/IDE | Rules File | Installation Instructions |
| :------------------- | :--------------------------------------------------------------------------------------------------------------------- | :-------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Firebase Studio | <a download href="/assets/context/airules.md" target="_blank">airules.md</a> | <a href="https://firebase.google.com/docs/studio/set-up-gemini#custom-instructions">Configure `airules.md`</a> |
| Firebase Studio | <a download href="/assets/context/airules.md" target="_blank">airules.md</a> | <a href="https://firebase.google.com/docs/studio/set-up-gemini#custom-instructions" target="_blank">Configure `airules.md`</a> |
| Copilot powered IDEs | <a download="copilot-instructions.md" href="/assets/context/guidelines.md" target="_blank">copilot-instructions.md</a> | <a href="https://code.visualstudio.com/docs/copilot/copilot-customization#_custom-instructions" target="_blank">Configure `.github/copilot-instructions.md`</a> |
| Cursor | <a download href="/assets/context/angular-20.mdc" target="_blank">cursor.md</a> | <a href="https://docs.cursor.com/context/rules" target="_blank">Configure `cursorrules.md`</a> |
| JetBrains IDEs | <a download href="/assets/context/guidelines.md" target="_blank">guidelines.md</a> | <a href="https://www.jetbrains.com/help/junie/customize-guidelines.html" target="_blank">Configure `guidelines.md`</a> |
Expand Down
4 changes: 2 additions & 2 deletions adev-ja/src/content/ai/develop-with-ai.md
Original file line number Diff line number Diff line change
Expand Up @@ -18,11 +18,11 @@ NOTE: これらのファイルは、Angularの規約に準拠するために定

## ルールファイル {#rules-files}

いくつかのエディター(例: <a href="https://studio.firebase.google.com?utm_source=adev&utm_medium=website&utm_campaign=BUILD_WITH_AI_ANGULAR&utm_term=angular_devrel&utm_content=build_with_ai_angular_firebase_studio">Firebase Studio</a>)には、LLMに重要なコンテキストを提供するのに役立つルールファイルがあります。
いくつかのエディター(例: <a href="https://studio.firebase.google.com?utm_source=adev&utm_medium=website&utm_campaign=BUILD_WITH_AI_ANGULAR&utm_term=angular_devrel&utm_content=build_with_ai_angular_firebase_studio" target="_blank">Firebase Studio</a>)には、LLMに重要なコンテキストを提供するのに役立つルールファイルがあります。

| 環境/IDE | ルールファイル | インストール手順 |
|:----------------|:----------------------------------------------------------------|:-----------------------------------------------------------------------------------------------------------------------|
| Firebase Studio | <a download href="/assets/context/airules.md" target="_blank">airules.md</a> | <a href="https://firebase.google.com/docs/studio/set-up-gemini#custom-instructions">`airules.md`を設定</a> |
| Firebase Studio | <a download href="/assets/context/airules.md" target="_blank">airules.md</a> | <a href="https://firebase.google.com/docs/studio/set-up-gemini#custom-instructions" target="_blank">`airules.md`を設定</a> |
| Copilot powered IDEs | <a download="copilot-instructions.md" href="/assets/context/guidelines.md" target="_blank">copilot-instructions.md</a> | <a href="https://code.visualstudio.com/docs/copilot/copilot-customization#_custom-instructions" target="_blank">`.github/copilot-instructions.md`を設定</a> |
| Cursor | <a download href="/assets/context/angular-20.mdc" target="_blank">cursor.md</a> | <a href="https://docs.cursor.com/context/rules" target="_blank">`cursorrules.md`を設定</a> |
| JetBrains IDEs | <a download href="/assets/context/guidelines.md" target="_blank">guidelines.md</a> | <a href="https://www.jetbrains.com/help/junie/customize-guidelines.html" target="_blank">`guidelines.md`を設定</a> |
Expand Down
6 changes: 3 additions & 3 deletions adev-ja/src/content/best-practices/update.en.md
Original file line number Diff line number Diff line change
Expand Up @@ -6,9 +6,9 @@ Keeping your Angular application up-to-date enables you to take advantage of lea

This document contains information and resources to help you keep your Angular applications and libraries up-to-date.

For information about our versioning policy and practices —including support and deprecation practices, as well as the release schedule— see [Angular versioning and releases](reference/releases 'Angular versioning and releases').
For information about our versioning policy and practices — including support and deprecation practices, as well as the release schedule — see [Angular versioning and releases](reference/releases 'Angular versioning and releases').

HELPFUL: If you are currently using AngularJS, see [Upgrading from AngularJS](https://angular.io/guide/upgrade 'Upgrading from Angular JS').
HELPFUL: If you are currently using AngularJS, see [Upgrading from AngularJS](https://angular.io/guide/upgrade 'Upgrading from AngularJS').
_AngularJS_ is the name for all v1.x versions of Angular.

## Getting notified of new releases
Expand All @@ -30,7 +30,7 @@ To check your application's version of Angular use the `ng version` command from
The most recent stable released version of Angular appears [on npm](https://www.npmjs.com/package/@angular/core 'Angular on npm') under "Version." For example, `16.2.4`.

You can also find the most current version of Angular by using the CLI command [`ng update`](cli/update).
By default, [`ng update`](cli/update)(without additional arguments) lists the updates that are available to you.
By default, [`ng update`](cli/update) (without additional arguments) lists the updates that are available to you.

## Updating your environment and apps

Expand Down
2 changes: 1 addition & 1 deletion adev-ja/src/content/best-practices/update.md
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ Angularアプリケーションを最新の状態に保つことで、最先端

バージョン管理ポリシーとプラクティス(サポートと非推奨のプラクティス、リリーススケジュールを含む)については、[Angular バージョン管理とリリース](reference/releases 'Angular バージョン管理とリリース')をご覧ください。

HELPFUL: 現在AngularJSを使用している場合は、[AngularJS からのアップグレード](https://angular.io/guide/upgrade 'Angular JS からのアップグレード')をご覧ください。
HELPFUL: 現在AngularJSを使用している場合は、[AngularJS からのアップグレード](https://angular.io/guide/upgrade 'AngularJS からのアップグレード')をご覧ください。
_AngularJS_ は、Angularのすべてのv1.xバージョンを表します。

## 新しいリリースの通知を受け取る
Expand Down
4 changes: 2 additions & 2 deletions adev-ja/src/content/ecosystem/service-workers/config.md
Original file line number Diff line number Diff line change
Expand Up @@ -85,7 +85,7 @@ For example, an asset group that matches `/foo.js` should appear before one that
Each asset group specifies both a group of resources and a policy that governs them.
This policy determines when the resources are fetched and what happens when changes are detected.

Asset groups follow the Typescript interface shown here:
Asset groups follow the TypeScript interface shown here:

```ts
interface AssetGroup {
Expand Down Expand Up @@ -179,7 +179,7 @@ The first data group that matches the requested resource handles the request.
It is recommended that you put the more specific data groups higher in the list.
For example, a data group that matches `/api/foo.json` should appear before one that matches `/api/*.json`.

Data groups follow this Typescript interface:
Data groups follow this TypeScript interface:

```ts
export interface DataGroup {
Expand Down
2 changes: 1 addition & 1 deletion adev-ja/src/content/ecosystem/service-workers/devops.md
Original file line number Diff line number Diff line change
Expand Up @@ -283,7 +283,7 @@ When the service worker's request for `ngsw.json` returns a `404`, then the serv

<!-- vale Angular.Google_Acronyms = NO -->

A small script, `safety-worker.js`, is also included in the `@angular/service-worker` NPM package.
A small script, `safety-worker.js`, is also included in the `@angular/service-worker` npm package.
When loaded, it un-registers itself from the browser and removes the service worker caches.
This script can be used as a last resort to get rid of unwanted service workers already installed on client pages.

Expand Down
12 changes: 6 additions & 6 deletions adev-ja/src/content/guide/animations/complex-sequences.en.md
Original file line number Diff line number Diff line change
Expand Up @@ -17,12 +17,12 @@ The functions that control complex animation sequences are:

## The query() function

Most complex animations rely on the `query()` function to find child elements and apply animations to them, basic examples of such are:
Most complex animations rely on the `query()` function to find child elements and apply animations to them. Basic examples include:

| Examples | Details |
| :------------------------------------- | :---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| `query()` followed by `animate()` | Used to query simple HTML elements and directly apply animations to them. |
| `query()` followed by `animateChild()` | Used to query child elements, which themselves have animations metadata applied to them and trigger such animation \(which would be otherwise be blocked by the current/parent element's animation\). |
| Examples | Details |
| :------------------------------------- | :------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| `query()` followed by `animate()` | Used to query simple HTML elements and directly apply animations to them. |
| `query()` followed by `animateChild()` | Used to query child elements, which themselves have animation metadata applied to them and trigger such animations \(which would otherwise be blocked by the current/parent element's animation\). |

The first argument of `query()` is a [css selector](https://developer.mozilla.org/docs/Web/CSS/CSS_Selectors) string which can also contain the following Angular-specific tokens:

Expand All @@ -43,7 +43,7 @@ You can also see an illustration of this in the animations example \(introduced

## Animate multiple elements using query() and stagger() functions

After having queried child elements via `query()`, the `stagger()` function lets you define a timing gap between each queried item that is animated and thus animates elements with a delay between them.
After querying child elements via `query()`, the `stagger()` function lets you define a timing gap between each item, animating elements with a delay between them.

The following example demonstrates how to use the `query()` and `stagger()` functions to animate a list \(of heroes\) adding each in sequence, with a slight delay, from top to bottom.

Expand Down
10 changes: 5 additions & 5 deletions adev-ja/src/content/guide/animations/css.en.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@ CSS offers a robust set of tools for you to create beautiful and engaging animat

## How to write animations in native CSS

If you've never written any native CSS animations, there are a number of excellent guides to get you started. Here's a few of them:
If you've never written any native CSS animations, there are a number of excellent guides to get you started. Here are a few of them:
[MDN's CSS Animations guide](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_animations/Using_CSS_animations)
[W3Schools CSS3 Animations guide](https://www.w3schools.com/css/css3_animations.asp)
[The Complete CSS Animations Tutorial](https://www.lambdatest.com/blog/css-animations-tutorial/)
Expand All @@ -14,7 +14,7 @@ and a couple of videos:
[Learn CSS Animation in 9 Minutes](https://www.youtube.com/watch?v=z2LQYsZhsFw)
[Net Ninja CSS Animation Tutorial Playlist](https://www.youtube.com/watch?v=jgw82b5Y2MU&list=PL4cUxeGkcC9iGYgmEd2dm3zAKzyCGDtM5)

Check some of these various guides and tutorials out, and then come back to this guide.
Check out some of these guides and tutorials, then come back to this guide.

## Creating Reusable Animations

Expand All @@ -28,7 +28,7 @@ Adding the class `animated-class` to an element would trigger the animation on t

### Animating State and Styles

You may want to animate between two different states, for example when an element is opened or closed. You can accomplish this by using CSS classes either using a keyframe animation or transition styling.
You may want to animate between two different states, for example when an element is opened or closed. You can accomplish this by using CSS classes, either with a keyframe animation or transition styling.

<docs-code header="animations.css" path="adev/src/content/examples/animations/src/app/animations.css" region="animation-states"/>

Expand All @@ -38,7 +38,7 @@ You can see similar examples in the template guide for [animating styles directl

### Transitions, Timing, and Easing

Animating often requires adjusting timing, delays and easeing behaviors. This can be done using several css properties or shorthand properties.
Animating often requires adjusting timing, delays, and easing behaviors. This can be done using several css properties or shorthand properties.

Specify `animation-duration`, `animation-delay`, and `animation-timing-function` for a keyframe animation in CSS, or alternatively use the `animation` shorthand property.

Expand All @@ -62,7 +62,7 @@ Animations can be triggered by toggling CSS styles or classes. Once a class is p

### Animating Auto Height

You can use css-grid to animate to auto height.
You can use CSS Grid to animate to auto height.

<docs-code-multifile preview path="adev/src/content/examples/animations/src/app/native-css/auto-height.ts">
<docs-code header="auto-height.ts" path="adev/src/content/examples/animations/src/app/native-css/auto-height.ts" />
Expand Down
Loading
Loading