@@ -5,13 +5,13 @@ Angular は、HTMLとJavaScriptまたはTypescriptのようにJavascriptにコ
55
66このフレームワークはいくつかのライブラリからなり、いくつかはコアなもので、いくつかは任意のものです。
77
8- Angularアプリケーションを書くために、Angular化されたマークアップを持つHTML * テンプレート* を構成したり、
8+ Angularアプリケーションを書くために、Angular化されたマークアップをもつHTML * テンプレート* を構成したり、
99それらのテンプレートを管理するための * コンポーネント* クラスを書いたり、
1010アプリケーションロジックを * サービス* に追加したり、コンポーネントとサービスを * モジュール* に詰め込んだりします。
1111
1212そして _ ルートのモジュール_ を * ブートストラップ* することでアプリを起動します。
1313Angularはあなたのアプリケーションのコンテンツをブラウザに表示することと、
14- 提供した手順に従ってユーザーの操作に応答することを引き受けます 。
14+ 提供した手順にしたがってユーザーの操作に応答することを引き受けます 。
1515
1616もちろん、それ以上のこともあります。
1717詳細はこのページの続きで学びます。いまのところはこの全体像に集中しましょう。
@@ -46,7 +46,7 @@ NgModuleはすごいものです。
4646_ 機能モジュール_を持ちます。それはアプリケーションドメインに特化したコードの集合、ワークフロー、
4747または密接に関連した一連の機能の集合です。
4848
49- _ ルート_ または _ 機能_ に関わらず 、NgModuleは` @NgModule ` デコレータを持つクラスです 。
49+ _ ルート_ または _ 機能_ にかかわらず 、NgModuleは` @NgModule ` デコレータをもつクラスです 。
5050
5151<div class =" l-sub-section " >
5252
@@ -58,8 +58,8 @@ _ルート_ または _機能_ に関わらず、NgModuleは`@NgModule`デコレ
5858
5959</div >
6060
61- ` NgModule ` はモジュールを説明するプロパティを持つ1つのメタデータオブジェクトを引数に取るデコレータ関数です 。
62- 最も重要なプロパティは
61+ ` NgModule ` はモジュールを説明するプロパティをもつ1つのメタデータオブジェクトを引数に取るデコレータ関数です 。
62+ もっとも重要なプロパティは
6363* ` declarations ` - そのモジュールに属す _ ビュークラス_群です。
6464Angularには3種類のビュークラス: [ components] ( guide/architecture#components ) , [ directives] ( guide/architecture#directives ) , [ pipes] ( guide/pipes )
6565があります。
@@ -161,7 +161,7 @@ _コンポーネント_ は*ビュー*と呼ばれる画面の一部分をコン
161161
162162たとえば、次のビューはコンポーネントによりコントロールされます。
163163
164- * ナビゲーションのリンクを持つアプリケーションのルート 。
164+ * ナビゲーションのリンクをもつアプリケーションのルート 。
165165* ヒーローのリスト。
166166* ヒーローエディター。
167167
@@ -235,14 +235,14 @@ TypeScriptは、**デコレータ**を使うことでメタデータを付与し
235235
236236` @Component ` デコレータはAngularがコンポーネントとそのビューを作成して表示するのに必要な情報をもつ設定情報を取ります。
237237
238- 次は最もよく使う ` @Component ` 設定オプションのいくつかです:
238+ 次はもっともよく使う ` @Component ` 設定オプションのいくつかです:
239239
240240* ` selector ` : Angularが* 親* HTML内の` <app-hero-list> ` が見つかった場所にこのコンポーネントのインスタンスを作成して挿入するように指示するCSSセレクタです。
241- 例えば 、もしアプリのHTMLが ` <app-hero-list></app-hero-list> ` を含んでいたら、Angularは` HeroListComponent ` のインスタンスをそれらのタグの間に挿入します。
241+ たとえば 、もしアプリのHTMLが ` <app-hero-list></app-hero-list> ` を含んでいたら、Angularは` HeroListComponent ` のインスタンスをそれらのタグの間に挿入します。
242242
243243* ` templateUrl ` : [ 上] ( guide/architecture#templates ) で示した、このコンポーネントのHTMLテンプレートのモジュール相対アドレスです。
244244
245- * ` providers ` : このコンポーネントが必要とするサービスに対する** 依存性注入のプロバイダ ** の配列。
245+ * ` providers ` : このコンポーネントが必要とするサービスに対する** 依存性の注入のプロバイダー ** の配列。
246246これはAngularにこのコンポーネントのコンストラクタが` HeroService ` を必要としていることを指示する方法なので、
247247これは表示すべきヒーローのリストを取得することができます。
248248
@@ -298,7 +298,7 @@ Angularはテンプレート内のパーツとコンポーネント内のパー
298298双方向バインディングでは、プロパティの値がプロパティバインディングとして、コンポーネントからインプットボックスに渡ります。
299299ユーザーが値を変更すると、イベントバインディングとしてコンポーネントに戻り、最新の値にプロパティがリセットされます。
300300
301- Angularはアプリケーションコンポーネントツリーのルートから全ての子コンポーネントまで 、
301+ Angularはアプリケーションコンポーネントツリーのルートからすべての子コンポーネントまで 、
302302JavaScriptのイベントサイクルごとに1回、* すべての* データバインディングを処理します。
303303
304304<figure >
@@ -417,8 +417,8 @@ Angularはサービスの定義をもちません。
417417
418418コンポーネントの仕事はユーザー体験を有効化することで、それ以上はありません。
419419それは(テンプレートによってレンダリングされた)ビューと、(モデルの概念を含んだ)アプリケーションロジックを仲介します。
420- 良いコンポーネントはデータバインディングのためにプロパティとメソッドを提供します 。
421- 重要ではないことは全てサービスに委譲します 。
420+ よいコンポーネントはデータバインディングのためにプロパティとメソッドを提供します 。
421+ 重要ではないことはすべてサービスに委譲します 。
422422
423423Angularはこれらの原則を* 強制* しません。
424424もし3000行もある"全部入りの(kitchen sink)"コンポーネントを書いたとしても不満を言いません。
@@ -440,7 +440,7 @@ Angularは必要とするサービスを持った状態の新しいコンポー
440440<br class =" clear " >
441441
442442Angularはコンポーネントがどのサービスを必要としているか、そのクラスのコンストラクタのパラメータの型を見ることで知ることができます。
443- 例えば 、` HeroListComponent ` のコンストラクタは` HeroService ` を必要としています。
443+ たとえば 、` HeroListComponent ` のコンストラクタは` HeroService ` を必要としています。
444444
445445
446446<code-example path =" architecture/src/app/hero-list.component.ts " linenums =" false " title =" src/app/hero-list.component.ts (constructor) " region =" ctor " ></code-example >
@@ -461,10 +461,10 @@ Angularがコンポーネントを作るとき、最初にそのコンポーネ
461461
462462インジェクタに` HeroService ` がない場合、それをどうやって作るのかどう知るのでしょうか?
463463
464- 手短に言えば 、インジェクタに` HeroService ` の** プロバイダ ** を事前に登録しておく必要があります。
465- プロバイダはサービスを作成または返すことができるもので 、普通はサービスクラスそのものです。
464+ 手短にいえば 、インジェクタに` HeroService ` の** プロバイダー ** を事前に登録しておく必要があります。
465+ プロバイダーはサービスを作成または返すことができるもので 、普通はサービスクラスそのものです。
466466
467- プロバイダはモジュールまたはコンポーネントに登録することができます 。
467+ プロバイダーはモジュールまたはコンポーネントに登録することができます 。
468468
469469一般には、どこでも同じサービスインスタンスを使えるように[ ルートのモジュール] ( guide/architecture#modules ) に追加します。
470470
@@ -485,18 +485,17 @@ The full story is in the [dependency injection](guide/dependency-injection) page
485485
486486* * インジェクタ* はメインのメカニズムです。
487487 * インジェクタは作成されたサービスインスタンスのコンテナを保持しています。
488- * インジェクタは* プロバイダ * から新しいサービスインスタンスを作成することができます。
488+ * インジェクタは* プロバイダー * から新しいサービスインスタンスを作成することができます。
489489
490- * * プロバイダ * はサービスを作成するためのレシピです。
490+ * * プロバイダー * はサービスを作成するためのレシピです。
491491
492- * インジェクタとともに* プロバイダ * に登録します。
492+ * インジェクタとともに* プロバイダー * に登録します。
493493
494494<hr />
495495
496496{@a wrap-up}
497497## まとめ
498498
499-
500499Angularアプリケーションの8つの主要な構成要素の基礎を学びました:
501500
502501* [ モジュール] ( guide/architecture#modules )
@@ -508,8 +507,8 @@ Angularアプリケーションの8つの主要な構成要素の基礎を学び
508507* [ サービス] ( guide/architecture#services )
509508* [ 依存性の注入] ( guide/architecture#dependency-injection )
510509
511- Angularアプリケーションではこれらが全ての基礎となり 、先に進むのに十分なものです。
512- しかし、これはあなたが知るべきこと全てではありません 。
510+ Angularアプリケーションではこれらがすべての基礎となり 、先に進むのに十分なものです。
511+ しかし、これはあなたが知るべきことすべてではありません 。
513512
514513ここに少し、重要なAngularの機能とサービスについてのリストがアルファベット順であります。
515514ほとんどのものはこのドキュメントの中で網羅されています。(または近いうちに網羅されます。)
0 commit comments