Skip to content

Commit 91b2c00

Browse files
lacolacolacolaco
committed
fix: migrate markdown translation changes
1 parent cd0144e commit 91b2c00

File tree

7 files changed

+82
-44
lines changed

7 files changed

+82
-44
lines changed

‎adev-ja/src/content/best-practices/style-guide.md‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -222,12 +222,15 @@ export class UserProfile {
222222
```html
223223
<!-- PREFER -->
224224
<div [class.admin]="isAdmin" [class.dense]="density === 'high'">
225+
<div [style.color]="textColor" [style.background-color]="backgroundColor">
225226
<!-- OR -->
226227
<div [class]="{admin: isAdmin, dense: density === 'high'}">
228+
<div [style]="{'color': textColor, 'background-color': backgroundColor}">
227229

228230

229231
<!-- AVOID -->
230232
<div [ngClass]="{admin: isAdmin, dense: density === 'high'}">
233+
<div [ngStyle]="{'color': textColor, 'background-color': backgroundColor}">
231234
```
232235

233236
`class`および`style`バインディングはどちらも、

‎adev-ja/src/content/guide/aria/overview.md‎

Lines changed: 27 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -17,11 +17,31 @@ npm install @angular/aria
1717

1818
例えば、ツールバーメニューを例に考えてみましょう。特定のロジックに結びついた「単純な」ボタンの列に見えるかもしれませんが、アクセシビリティに不慣れな人にとって、キーボードナビゲーションやスクリーンリーダーは多くの予期せぬ複雑さを加えます。
1919

20-
```
21-
<!------------------------------------->
22-
<!-- INSERT EMBEDDED DEMO OF TOOLBAR -->
23-
<!------------------------------------->
24-
```
20+
<docs-tab-group>
21+
<docs-tab label="Basic">
22+
<docs-code-multifile preview hideCode path="adev/src/content/examples/aria/toolbar/src/basic/app/app.ts">
23+
<docs-code header="app.ts" path="adev/src/content/examples/aria/toolbar/src/basic/app/app.ts"/>
24+
<docs-code header="app.html" path="adev/src/content/examples/aria/toolbar/src/basic/app/app.html"/>
25+
<docs-code header="app.css" path="adev/src/content/examples/aria/toolbar/src/basic/app/app.css"/>
26+
</docs-code-multifile>
27+
</docs-tab>
28+
29+
<docs-tab label="Material">
30+
<docs-code-multifile preview hideCode path="adev/src/content/examples/aria/toolbar/src/basic/material/app/app.ts">
31+
<docs-code header="app.ts" path="adev/src/content/examples/aria/toolbar/src/basic/material/app/app.ts"/>
32+
<docs-code header="app.html" path="adev/src/content/examples/aria/toolbar/src/basic/material/app/app.html"/>
33+
<docs-code header="app.css" path="adev/src/content/examples/aria/toolbar/src/basic/material/app/app.css"/>
34+
</docs-code-multifile>
35+
</docs-tab>
36+
37+
<docs-tab label="Retro">
38+
<docs-code-multifile preview hideCode path="adev/src/content/examples/aria/toolbar/src/basic/retro/app/app.ts">
39+
<docs-code header="app.ts" path="adev/src/content/examples/aria/toolbar/src/basic/retro/app/app.ts"/>
40+
<docs-code header="app.html" path="adev/src/content/examples/aria/toolbar/src/basic/retro/app/app.html"/>
41+
<docs-code header="app.css" path="adev/src/content/examples/aria/toolbar/src/basic/retro/app/app.css"/>
42+
</docs-code-multifile>
43+
</docs-tab>
44+
</docs-tab-group>
2545

2646
この1つのシナリオでは、開発者は次の点を考慮する必要があります：
2747

@@ -42,6 +62,7 @@ Angular Ariaには、一般的なインタラクティブパターンに対応
4262
| [Grid](guide/aria/grid) | セル単位のキーボードナビゲーションを備えた2次元のデータ表示 |
4363
| [Listbox](guide/aria/listbox) | キーボードナビゲーション付きの単一選択または複数選択のオプションリスト |
4464
| [Menu](guide/aria/menu) | ネストされたサブメニューとキーボードショートカットを持つドロップダウンメニュー |
65+
| [Menubar](guide/aria/menubar) | 永続的なアプリケーションメニュー用の水平ナビゲーションバー |
4566
| [Multiselect](guide/aria/multiselect) | コンパクトな表示を持つ複数選択のドロップダウンパターン |
4667
| [Select](guide/aria/select) | キーボードナビゲーション付きの単一選択のドロップダウンパターン |
4768
| [Tabs](guide/aria/tabs) | 自動または手動のアクティベーションモードを持つタブ付きインターフェース |
@@ -63,7 +84,7 @@ Angular Ariaは、カスタムスタイリングを施したWCAG準拠のアク
6384
Angular Ariaはすべてのシナリオに適しているわけではありません:
6485

6586
- **事前にスタイル付けされたコンポーネント** - カスタムスタイルなしで完成された見た目のコンポーネントが必要な場合は、代わりにAngular Materialを使用してください
66-
- **シンプルなフォーム** - <button>や<input type="radio">のようなネイティブHTMLフォームコントロールは、単純なユースケースに対して組み込みのアクセシビリティを提供します
87+
- **シンプルなフォーム** - `<button>`や`<input type="radio">`のようなネイティブHTMLフォームコントロールは、単純なユースケースに対して組み込みのアクセシビリティを提供します
6788
- **ラピッドプロトタイピング** - コンセプトを迅速に検証する場合、事前にスタイル付けされたコンポーネントライブラリは初期開発の時間を短縮します
6889

6990
## 次のステップ {#next-steps}

‎adev-ja/src/content/guide/components/lifecycle.md‎

Lines changed: 7 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -108,19 +108,20 @@ Angularアプリケーション全体に関連するライフサイクルフッ
108108
各 `SimpleChange` には、入力の以前の値、現在の値、
109109
および入力が初めて変更されたかどうかを示すフラグが含まれています。
110110

111+
より強力な型チェックのために、オプションで現在のクラスまたはthisを最初のジェネリック引数として渡すことができます。
112+
111113
```ts
112114
@Component({
113115
/* ... */
114116
})
115117
export class UserProfile {
116118
name = input('');
117119

118-
ngOnChanges(changes: SimpleChanges) {
119-
for (const inputName in changes) {
120-
const inputValues = changes[inputName];
121-
console.log(`Previous ${inputName} == ${inputValues.previousValue}`);
122-
console.log(`Current ${inputName} == ${inputValues.currentValue}`);
123-
console.log(`Is first ${inputName} change == ${inputValues.firstChange}`);
120+
ngOnChanges(changes: SimpleChanges<UserProfile>) {
121+
if (changes.name) {
122+
console.log(`Previous: ${changes.name.previousValue}`);
123+
console.log(`Current: ${changes.name.currentValue}`);
124+
console.log(`Is first ${changes.name.firstChange}`);
124125
}
125126
}
126127
}

‎adev-ja/src/content/guide/testing/services.md‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,7 @@
11
# サービスのテスト
22

3+
NOTE: このガイドはVitestに向けて更新中ですが、一部のコード例は現在Karma/Jasmine構文とAPIを使用しています。該当する場合、Vitestの同等のものを提供するよう積極的に取り組んでいます。
4+
35
サービスが意図通りに動作していることを確認するには、サービス専用のテストを作成できます。
46

57
サービスは、多くの場合、ユニットテストを実行するのに最もスムーズなファイルです。

‎adev-ja/src/content/guide/testing/utility-apis.md‎

Lines changed: 9 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,22 +1,21 @@
11
# テストユーティリティAPI
22

3+
NOTE: このガイドはVitestに向けて更新中ですが、一部の説明とユーティリティAPIの例は現在Karma/Jasmineのコンテキストで提供されています。該当する場合、Vitestの同等のものと更新されたガイダンスを提供するよう積極的に取り組んでいます。
4+
35
このページでは、最も役立つAngularテスト機能について説明します。
46

57
Angularテストユーティリティには、`TestBed`、`ComponentFixture`、およびテスト環境を制御するいくつかの関数が含まれています。
68
[`TestBed`](#testbed-class-summary) および [`ComponentFixture`](#the-componentfixture) クラスは、別途説明します。
79

810
以下は、スタンドアロン関数の概要を、ユーティリティの利用頻度順に示します。
911

10-
| 関数 | 詳細 |
11-
| :--------------------------- | :---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
12-
| `waitForAsync` | テスト（`it`）または設定（`beforeEach`）関数の本体を、特別な _非同期テストゾーン_ 内で実行します。[waitForAsync](guide/testing/components-scenarios#waitForAsync) を参照してください。 |
13-
| `fakeAsync` | テスト（`it`）関数の本体を、特別な _fakeAsync テストゾーン_ 内で実行します。これにより、線形制御フローのコーディングスタイルが可能になります。[fakeAsync](guide/testing/components-scenarios#fake-async) を参照してください。 |
14-
| `tick` | 時間の経過と保留中の非同期アクティビティの完了をシミュレートし、_fakeAsync テストゾーン_ 内の _タイマー_ および _マイクロタスク_ キューの両方をフラッシュします。興味のある読者向けに、この長いブログ投稿、[_タスク、マイクロタスク、キュー、スケジュール_](https://jakearchibald.com/2015/tasks-microtasks-queues-and-schedules)を紹介します。オプションの引数を受け付け、仮想クロックを指定されたミリ秒数だけ進めます。これにより、その時間枠内にスケジュールされた非同期アクティビティがクリアされます。[tick](guide/testing/components-scenarios#tick) を参照してください。 |
15-
| `inject` | 現在の `TestBed` インジェクターから、1 つ以上のサービスをテスト関数に注入します。これは、コンポーネント自体によって提供されるサービスを注入することはできません。[debugElement.injector](guide/testing/components-scenarios#get-injected-services) の議論を参照してください。 |
16-
| `discardPeriodicTasks` | `fakeAsync()` テストが保留中のタイマーイベント _タスク_（キューに入れられた `setTimeOut` および `setInterval` コールバック）で終了すると、テストは明確なエラーメッセージで失敗します。 <br /> 一般的に、テストはキューに入れられたタスクなしで終了する必要があります。保留中のタイマータスクが予想される場合は、`discardPeriodicTasks` を呼び出して _タスク_ キューをフラッシュし、エラーを回避します。 |
17-
| `flushMicrotasks` | `fakeAsync()` テストが保留中の _マイクロタスク_（未解決の Promise など）で終了すると、テストは明確なエラーメッセージで失敗します。 <br /> 一般的に、テストはマイクロタスクが完了するまで待つ必要があります。保留中のマイクロタスクが予想される場合は、`flushMicrotasks` を呼び出して _マイクロタスク_ キューをフラッシュし、エラーを回避します。 |
18-
| `ComponentFixtureAutoDetect` | [自動的な変更検出](guide/testing/components-scenarios#automatic-change-detection) をオンにするサービスの提供トークン。 |
19-
| `getTestBed` | 現在の `TestBed` のインスタンスを取得します。通常、`TestBed` クラスの静的クラスメソッドが十分なため、これは不要です。`TestBed` インスタンスは、静的メソッドとして利用できない、まれに使用されるメンバーをいくつか公開します。 |
12+
| 関数 | 詳細 |
13+
| :--------------------------- | :------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
14+
| `inject` | 現在の `TestBed` インジェクターから、1 つ以上のサービスをテスト関数に注入します。これは、コンポーネント自体によって提供されるサービスを注入することはできません。[debugElement.injector](guide/testing/components-scenarios#get-injected-services) の議論を参照してください。 |
15+
| `ComponentFixtureAutoDetect` | [自動的な変更検出](guide/testing/components-scenarios#automatic-change-detection) をオンにするサービスの提供トークン。 |
16+
| `getTestBed` | 現在の `TestBed` のインスタンスを取得します。通常、`TestBed` クラスの静的クラスメソッドが十分なため、これは不要です。`TestBed` インスタンスは、静的メソッドとして利用できない、まれに使用されるメンバーをいくつか公開します。 |
17+
18+
複雑な非同期シナリオの処理やレガシーのZone.jsベースのアプリケーションのテストについては、[Zone.jsテストユーティリティ](guide/testing/zone-js-testing-utilities)ガイドを参照してください。
2019

2120
## `TestBed` クラスの概要 {#testbed-class-summary}
2221

0 commit comments

Comments
 (0)