fix: レビュー前半の指摘点修正

Author: MasanobuAkiba

aio-ja/content/tutorial/toh-pt4.md

@@ -1,8 +1,8 @@
 # サービス
 
-ツアー・オブ・ヒーローズ の中で扱っている `HeroesComponent` は、今のところ仮のデータを取得して表示している状態です。
+Tour of Heroes の中で扱っている `HeroesComponent` は、今のところ仮のデータを取得して表示している状態です。
 
-この章では、`HeroesComponent` から無駄を省き、ビュー関連の処理に専念できるよう修正を行います。
+このチュートリアルのリファクタリング後には、`HeroesComponent` は小さくなりビューをサポートすることに専念します。
 これはモックサービスを使用して、ユニットテストをより簡潔にすることにもつながります。
 
 ## なぜサービスが必要なのか？
@@ -12,9 +12,9 @@
 コンポーネントはデータの受け渡しに集中し、その他の処理はサービスクラスへ委譲するべきです。
 
 このチュートリアルでは、アプリケーション全体でヒーローを取得できる `HeroService` を作成します。
-そのサービスは `new` で生成するのではなく、Angular の [*依存性注入*](guide/dependency-injection) で `HeroesComponent` のコンストラクタに注入します。
+そのサービスは `new` で生成するのではなく、Angular による [*依存性の注入*](guide/dependency-injection) で、 `HeroesComponent` コンストラクタに注入します。
 
-また、サービスは異なるクラス間で情報を共有する最適な方法です。
+サービスは、_お互いを知らない_ クラスの間で情報を共有する最適な方法です。
 このチュートリアル後半でも `MessageService` を作成し、次の2クラスに注入します。
 
 1. `HeroService`: メッセージを送信するため
@@ -28,7 +28,7 @@ Angular CLI を使用して `HeroService` を作成しましょう。
   ng generate service hero
 </code-example>
 
-このコマンドは `HeroService` のスケルトンファイルを `src/app.hero.service.ts` に生成します。また、生成される `HeroService` クラスを次に記載します。
+このコマンドは `HeroService` のスケルトンファイルを `src/app.hero.service.ts` に生成します。`HeroService` クラスは次のようになっているはずです。
 
 <code-example path="toh-pt4/src/app/hero.service.1.ts" region="new"
  title="src/app/hero.service.ts (new service)" linenums="false">
@@ -40,7 +40,7 @@ Angular CLI を使用して `HeroService` を作成しましょう。
 
 `@Injectable()` デコレータは、このサービス自体が依存関係を注入している可能性があることを示しています。
 現時点で依存関係があるわけではありませんが、[この後すぐに設定します](#inject-message-service)。
-依存関係の有無にかかわらず、デコレータを付けておくことは良い心がけです。
+依存関係の有無にかかわらず、このデコレータを付けておくとよいでしょう。
 
 <div class="l-sub-section">
 
@@ -58,7 +58,7 @@ Angular の [スタイルガイド](guide/styleguide#style-07-04) ではそれ
 
 この章の実装では、引き続き _モックヒーロー_ を使用します。
 
-続いて、`Hero` および `HEROES` をインポートします。
+`Hero` および `HEROES` をインポートします。
 
 <code-example path="toh-pt4/src/app/hero.service.ts" region="import-heroes">
 </code-example>
@@ -71,15 +71,14 @@ Angular の [スタイルガイド](guide/styleguide#style-07-04) ではそれ
 {@a provide}
 ## `HeroService` の提供
 
-`HeroService` を使用するためには、Angular がそれを `HeroesComponent` へ注入するよりも前に、[手順](#inject)通り _依存性注入システム_ に _提供_ する必要があります。
+Angularが `HeroesComponent` へ注入する（[次に](#inject)おこないます）よりも前に、 _依存性の注入システム_ に `HeroService` を _提供_ する必要があります。
 
 `HeroService` を _提供_ する方法はいくつか存在し、`HeroesComponent`、`AppComponent` または `AppModule` で行うことができます。
 また、それぞれの方法にはメリット・デメリットが存在します。
 
 このチュートリアルでは、 `AppModule` 内で提供を行います。
 
-Angular CLI コマンドに `--module=app` オプションを付与することで、提供を自動化できます。
-よく利用するオプションなので覚えておくと良いでしょう。
+`--module=app` オプションを付与して提供を自動化するようにCLIに伝えるのが一般的な選択です。
 
 <code-example language="sh" class="code-shell">
   ng generate service hero --module=app
@@ -121,14 +120,14 @@ _providers_ についてより詳しく知りたい方は [NgModules](guide/ngmo
 
 ### `HeroService` の注入
 
-`HeroService` 型の非公開プロパティである `heroService` をコンストラクタに追加しましょう。
+`HeroService` 型のプライベートプロパティである `heroService` をコンストラクタに追加しましょう。
 
 <code-example path="toh-pt4/src/app/heroes/heroes.component.ts" region="ctor">
 </code-example>
 
-このパラメータは private な `heroService` プロパティとして定義されると同時に、 `HeroService` を注入すべき場所として認識されます。
+このパラメータはプライベートな `heroService` プロパティとして定義されると同時に、 `HeroService` を注入すべき場所として認識されます。
 
-Angular が `HeroesComponent` を生成する際、その [依存性注入](guide/dependency-injection) システムは `heroService` パラメータを `HeroService` のシングルトンインスタンスとして設定します。
+Angular が `HeroesComponent` を生成する際、[依存性の注入](guide/dependency-injection) システムは `heroService` パラメータを `HeroService` のシングルトンインスタンスとして設定します。
 
 ### _getHeroes()_ の追加
 
@@ -170,20 +169,22 @@ Angular が `HeroesComponent` を生成する際、その [依存性注入](guid
 現在のサービスはモックヒーローを返しているのでこれを免れていますが、
 リモートサーバーからヒーローデータを取得するにあたり、この処理は _非同期_ ということに気づくでしょう。
 
-`HeroService` はサーバーのレスポンスを待機しなければならないため、`getHeroes()` は即座にヒーローデータを返すことができません。
-またその際、ブラウザの処理をブロックしてはならないので、`HeroService.getHeroes()` は何らかの非同期処理を実装する必要があります。
+`HeroService` はサーバーのレスポンスを待たなければならず、`getHeroes()` は即座にヒーローデータを返すことができません。
+そしてそのサービスが待機している間、ブラウザはブロックされないでしょう。
+
+`HeroService.getHeroes()` は何らかの非同期処理を実装する必要があります。
 
 それには、コールバック関数、`Promise`、または `Observable` を使用することができるでしょう。
 
-この章では、`HeroService.getHeroes()` の返り値として `Observable` を選択します。
+この章では、`HeroService.getHeroes()` は `Observable` を返します。
 なぜなら、後にヒーローデータの取得で利用する Angular の [`HttpClient.get()`](guide/http) メソッドが `Observable` を返すからです。
 
 ### Observable _HeroService_
 
-`Observable` は [RxJS ライブラリ](http://reactivex.io/rxjs/) のキークラスです。
+`Observable` は [RxJS ライブラリ](http://reactivex.io/rxjs/) で重要なクラスのひとつです。
 
 [HTTP に関する後の章](tutorial/toh-pt6), でも Angular の `HttpClient` メソッドが `Observable` を返すことに触れるでしょう。
-この章では、RxJS の `of()` 関数をサーバーから取得したデータに見立てます。
+この章ではRxJSの `of()` 関数を使ってサーバーからのデータの取得をシミュレートします。
 
 `HeroService` を開き、`Observable` および `of` を `RxJS` からインポートします。
 
@@ -195,12 +196,11 @@ title="src/app/hero.service.ts (Observable imports)" region="import-observable">
 
 <code-example path="toh-pt4/src/app/hero.service.ts" region="getHeroes-1"></code-example>
 
-`of(HEROES)` は `Observable<Hero[]>` を返します。
-また、`Observable<Hero[]>` はモックヒーローの配列を _ひとつ_ 出力します。
+`of(HEROES)` は _ひとつの値_、すなわちモックヒーローの配列を出力する `Observable<Hero[]>` を返します。
 
 <div class="l-sub-section">
 
-後に行う [HTTP のチュートリアル](tutorial/toh-pt6) では、`HttpClient.get<Hero[]>()` を呼び出します。この返り値もまた、 HTTPレスポンスの結果からなる `Observable<Hero[]>` であり、同様に _ひとつ_ のヒーローリストを出力します。
+[HTTP のチュートリアル](tutorial/toh-pt6) では、_ひとつの値_、すなわちHTTPレスポンスボディ由来のヒーローの配列を出力する `Observable<Hero[]>` を同じように返す `HttpClient.get<Hero[]>()` を呼び出します。
 
 </div>