Skip to content

Commit 0cb6f07

Browse files
authored
fix: translate tutoritals/deferrable-views (#993)
1 parent 055ca83 commit 0cb6f07

File tree

27 files changed

+383
-91
lines changed

27 files changed

+383
-91
lines changed

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

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -53,7 +53,7 @@ Angularの構文、慣習、およびアプリケーション構造に関する
5353
ファイルごとに1つのコンポーネントにすることで、コンポーネントを1つのファイルにまとめた場合に発生する可能性のある変数を共有したり、不要なクロージャや依存関係との不要な結合を作成したりする隠れたバグを回避できます。
5454

5555
**Why**? <br />
56-
単一のコンポーネントは、そのファイルのデフォルトのエクスポートにでき、これによりルーターを使用した遅延ロードが容易になります
56+
単一のコンポーネントは、そのファイルのデフォルトのエクスポートにでき、これによりルーターを使用した遅延読み込みが容易になります
5757

5858
重要なのは、コードをより再利用可能にし、読みやすく、エラーが発生しにくくすることです。
5959

@@ -494,7 +494,7 @@ IMPORTANT: 以下のスタイルガイドの推奨事項は、`NgModule` をベ
494494
注意してください。
495495

496496
**Why**? <br />
497-
その共有モジュールをインポートする遅延ロードされた機能モジュールは、サービスの独自の複製を作成し、望ましくない結果を招く可能性があります。
497+
その共有モジュールをインポートする遅延読み込みされた機能モジュールは、サービスの独自の複製を作成し、望ましくない結果を招く可能性があります。
498498

499499
**Why**? <br />
500500
各モジュールに、シングルトンサービスの独自の独立したインスタンスを持たせたくありません。
@@ -526,13 +526,13 @@ IMPORTANT: 以下のスタイルガイドの推奨事項は、`NgModule` をベ
526526
<docs-code header="app/heroes/heroes.component.html" path="adev/src/content/examples/styleguide/src/04-10/app/heroes/heroes.component.html"/>
527527
</docs-code-multifile>
528528

529-
### 遅延ロードされたフォルダー
529+
### 遅延読み込みされたフォルダー
530530

531531
#### スタイル 04-11
532532

533533
異なるアプリケーション機能またはワークフローは、アプリケーションの開始時にではなく、*オンデマンド**遅延ロード*できます。
534534

535-
**Do** 遅延ロードされた機能のコンテンツを*遅延ロードされたフォルダー*に配置します。
535+
**Do** 遅延読み込みされた機能のコンテンツを*遅延ロードされたフォルダー*に配置します。
536536
一般的な*遅延ロードされたフォルダー*には、*ルーティングコンポーネント*、その子コンポーネント、および関連する資産が含まれています。
537537

538538
**Why**? <br />

adev-ja/src/content/guide/components/anatomy-of-components.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -36,7 +36,7 @@ export class ProfilePhoto { }
3636

3737
デフォルトでは、コンポーネントのスタイルは、そのコンポーネントのテンプレートで定義された要素にのみ影響を与えます。Angularのスタイリングアプローチの詳細については、[コンポーネントのスタイリング](guide/components/styling)を参照してください。
3838

39-
テンプレートとスタイルを別々のファイルに記述することもできます
39+
テンプレートとスタイルを別々のファイルにも記述できます
4040

4141
<docs-code language="angular-ts" highlight="[3, 4]">
4242
@Component({

adev-ja/src/content/guide/components/styling.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -27,7 +27,7 @@ export class ProfilePhoto { }
2727
Angularがコンポーネントをコンパイルすると、これらのスタイルはコンポーネントのJavaScript出力と共に発行されます。
2828
つまり、コンポーネントのスタイルはJavaScriptモジュールシステムに参加します。
2929
Angularコンポーネントをレンダリングすると、フレームワークはコンポーネントの関連するスタイルを自動的に含めます。
30-
これは、コンポーネントを遅延ロードする場合でも同様です
30+
これは、コンポーネントを遅延読み込みする場合でも同様です
3131

3232
Angularは、[Sass](https://sass-lang.com)
3333
[less](https://lesscss.org)[stylus](https://stylus-lang.com)など、

adev-ja/src/content/guide/di/hierarchical-dependency-injection.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -66,7 +66,7 @@ export class ItemService {
6666

6767
`ModuleInjector` は、 `@NgModule.providers` および `NgModule.imports` プロパティによって構成されます。 `ModuleInjector` は、 `NgModule.imports` を再帰的にたどることによって到達できるすべてのプロバイダー配列をフラット化したものです。
6868

69-
`ModuleInjector` 階層は、他の `@NgModules` を遅延ロードするときに作成されます
69+
`ModuleInjector` 階層は、他の `@NgModules` を遅延読み込みするときに作成されます
7070

7171
### プラットフォームインジェクター
7272

adev-ja/src/content/guide/routing/common-router-tasks.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -473,7 +473,7 @@ gotoItems(hero: Hero) {
473473
必要に応じてモジュールを遅延読み込みするようにルートを構成できます。つまり、アプリケーションが起動したときにすべてのモジュールを読み込むのではなく、必要に応じてモジュールを読み込みます。
474474
さらに、アプリケーションの一部をバックグラウンドでプリロードして、ユーザー体験を向上させることができます。
475475

476-
どのルートでも、`loadComponent:` を使用することで、ルーティングされるスタンドアロンコンポーネントを遅延読込できます
476+
どのルートでも、`loadComponent:` を使用することで、ルーティングされるスタンドアロンコンポーネントを遅延読み込みできます
477477

478478
<docs-code header="Lazy loading a standalone component" language="typescript">
479479

adev-ja/src/content/guide/routing/router-reference.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -158,8 +158,8 @@ routerLinkActive="..."
158158
| ルーターイベント | 詳細 |
159159
|:--- |:--- |
160160
| [`NavigationStart`](api/router/NavigationStart) | ナビゲーションが開始されたときにトリガーされます。 |
161-
| [`RouteConfigLoadStart`](api/router/RouteConfigLoadStart) | ルーターがルート構成を遅延ロードする前にトリガーされます|
162-
| [`RouteConfigLoadEnd`](api/router/RouteConfigLoadEnd) | ルートが遅延ロードされた後にトリガーされます|
161+
| [`RouteConfigLoadStart`](api/router/RouteConfigLoadStart) | ルーターがルート構成を遅延読み込みする前にトリガーされます|
162+
| [`RouteConfigLoadEnd`](api/router/RouteConfigLoadEnd) | ルートが遅延読み込みされた後にトリガーされます|
163163
| [`RoutesRecognized`](api/router/RoutesRecognized) | ルーターが URL を解析し、ルートが認識されたときにトリガーされます。 |
164164
| [`GuardsCheckStart`](api/router/GuardsCheckStart) | ルーターがルーティングのガードフェーズを開始したときにトリガーされます。 |
165165
| [`ChildActivationStart`](api/router/ChildActivationStart) | ルーターがルートの子のアクティブ化を開始したときにトリガーされます。 |

adev-ja/src/content/guide/templates/defer.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
# `@defer` を用いた遅延読み込み
22

3-
遅延可能なビュー (別名 `@defer` ブロック) は、ページの初期レンダリングに厳密に必要ないコードの読み込みを遅らせることで、アプリケーションの初期バンドルサイズを削減します。これにより、多くの場合、初期読み込みが高速化され、特にLargest Contentful Paint (LCP) とTime to First Byte (TTFB) に関してCore Web Vitals (CWV) が向上します。
3+
遅延可能ビュー (別名 `@defer` ブロック) は、ページの初期レンダリングに厳密に必要ないコードの読み込みを遅らせることで、アプリケーションの初期バンドルサイズを削減します。これにより、多くの場合、初期読み込みが高速化され、特にLargest Contentful Paint (LCP) とTime to First Byte (TTFB) に関してCore Web Vitals (CWV) が向上します。
44

55
この機能を使用するには、テンプレートのセクションを `@defer` ブロックで宣言的にラップします。
66

@@ -12,7 +12,7 @@
1212

1313
`@defer` ブロック内のコンポーネント、ディレクティブ、パイプのコードは、別のJavaScriptファイルに分割され、残りのテンプレートがレンダリングされた後、必要な場合にのみ読み込まれます。
1414

15-
遅延可能なビューは、さまざまなトリガーやプリフェッチオプションおよびプレースホルダー、読み込み、エラー状態の管理のためのサブブロックをサポートしています。
15+
遅延可能ビューは、さまざまなトリガーやプリフェッチオプションおよびプレースホルダー、読み込み、エラー状態の管理のためのサブブロックをサポートしています。
1616

1717
## どの依存関係が遅延されますか?
1818

adev-ja/src/content/guide/templates/overview.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -43,6 +43,6 @@ AngularはテンプレートをJavaScriptにコンパイルして、アプリケ
4343
| [ng-templateによるテンプレートフラグメントの作成](guide/templates/ng-template) | テンプレートフラグメントを宣言します。 |
4444
| [ng-containerによる要素のグループ化](guide/templates/ng-container) | 複数の要素をグループ化するか、レンダリングする場所をマークします。 |
4545
| [テンプレート内の変数](guide/templates/variables) | 変数の宣言について学びます。 |
46-
| [@deferによる遅延ロード](guide/templates/defer) | `@defer`を使用して遅延可能なビューを作成します|
46+
| [@deferによる遅延読み込み](guide/templates/defer) | `@defer`を使用して遅延可能ビューを作成します|
4747
| [式構文](guide/templates/expression-syntax) | Angular式と標準JavaScriptの違いについて学びます。 |
4848
| [テンプレート内の空白](guide/templates/whitespace) | Angularが空白をどのように処理するかについて学びます。 |
Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
# Deferrable views tutorial
2+
3+
This interactive tutorial consists of lessons that introduce the Angular deferrable views concepts.
4+
5+
## How to use this tutorial
6+
7+
Each step represents a concept in Angular deferrable views. You can do one, or all of them.
8+
9+
If you get stuck, click "Reveal answer" at the top.
10+
11+
Alright, let's [get started](/tutorials/deferrable-views/1-what-are-deferrable-views).
Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,11 @@
1-
# Deferrable views tutorial
1+
# 遅延可能ビューのチュートリアル
22

3-
This interactive tutorial consists of lessons that introduce the Angular deferrable views concepts.
3+
このインタラクティブなチュートリアルは、Angularの遅延可能ビューの概念を紹介するレッスンで構成されています。
44

5-
## How to use this tutorial
5+
## このチュートリアルの使用方法
66

7-
Each step represents a concept in Angular deferrable views. You can do one, or all of them.
7+
各ステップは、Angularの遅延可能ビューにおける概念を表しています。1つでも、すべてでも実行できます。
88

9-
If you get stuck, click "Reveal answer" at the top.
9+
行き詰まったら、上部の「解答を表示」をクリックしてください。
1010

11-
Alright, let's [get started](/tutorials/deferrable-views/1-what-are-deferrable-views).
11+
さあ、[始めましょう](/tutorials/deferrable-views/1-what-are-deferrable-views)

0 commit comments

Comments
 (0)