fix

Author: adwd

aio-ja/content/guide/cheatsheet.md

@@ -64,15 +64,15 @@
 </td>
 </tr><tr>
 <td><code>&lt;div <b>[class.extra-sparkle]</b>="isDelightful"&gt;</code></td>
-<td><p>要素の<code>extra-sparkle</code>のCSSクラスの有無を、<code>isDelightful</code>式のTruthyな値にバインドします。</p>
+<td><p>要素の<code>extra-sparkle</code>のCSSクラスの有無を、<code>isDelightful</code>式の真偽値にバインドします。</p>
 </td>
 </tr><tr>
 <td><code>&lt;div <b>[style.width.px]</b>="mySize"&gt;</code></td>
 <td><p><code>mySize</code>式の結果にスタイルプロパティ<code>width</code>をピクセル単位でバインドします。単位はオプションです。</p>
 </td>
 </tr><tr>
 <td><code>&lt;button <b>(click)</b>="readRainbow($event)"&gt;</code></td>
-<td><p>このボタン要素（またはその子要素）でクリックイベントがトリガされ、イベントオブジェクトに渡されるときに、メソッド<code>readRainbow</code>を呼び出します。</p>
+<td><p>このボタン要素（またはその子要素）でクリックイベントがトリガーされ、イベントオブジェクトに渡されるときに、メソッド<code>readRainbow</code>を呼び出します。</p>
 </td>
 </tr><tr>
 <td><code>&lt;div title="Hello <b>{{ponyName}}</b>"&gt;</code></td>
@@ -89,7 +89,7 @@
 </td>
 </tr><tr>
 <td><code>&lt;video <b>#movieplayer</b> ...&gt;<br>  &lt;button <b>(click)</b>="movieplayer.play()"&gt;<br>&lt;/video&gt;</code></td>
-<td><p>現在のテンプレートのデータバインディング式およびイベントバインディング式の<code>video</code>要素インスタンスへのアクセスを提供するローカル変数<code>movieplayer</code>を作成します。</p>
+<td><p>現在のテンプレートのデータバインディング式およびイベントバインディング式の中で、<code>video</code>要素のインスタンスへのアクセスを提供するローカル変数<code>movieplayer</code>を作成します。</p>
 </td>
 </tr><tr>
 <td><code>&lt;p <b>*myUnless</b>="myExpression"&gt;...&lt;/p&gt;</code></td>
@@ -117,7 +117,7 @@
 
 <table class="is-full-width is-fixed-layout">
 <tbody><tr>
-<th>組み込みのディレクティブ</th>
+<th>ビルトインディレクティブ</th>
 <th><p><code>import { CommonModule } from '@angular/common';</code>
 </p>
 </th>
@@ -132,11 +132,11 @@
 </td>
 </tr><tr>
 <td><code>&lt;div <b>[ngSwitch]</b>="conditionExpression"&gt;<br>  &lt;ng-template <b>[<b>ngSwitchCase</b>]</b>="case1Exp"&gt;...&lt;/ng-template&gt;<br>  &lt;ng-template <b>ngSwitchCase</b>="case2LiteralString"&gt;...&lt;/ng-template&gt;<br>  &lt;ng-template <b>ngSwitchDefault</b>&gt;...&lt;/ng-template&gt;<br>&lt;/div&gt;</code></td>
-<td><p><code>conditionExpression</code>の現在の値に基づいて埋め込みテンプレートの1つを選択することによって、divの内容を条件付きで交換します。</p>
+<td><p><code>conditionExpression</code>の現在の値に基づいて埋め込みテンプレートの1つを選択することによって、divの内容を条件にしたがって入れ替えます。</p>
 </td>
 </tr><tr>
 <td><code>&lt;div <b>[ngClass]</b>="{'active': isActive, 'disabled': isDisabled}"&gt;</code></td>
-<td><p>要素のCSSクラスの有無を、関連付けられたマップ値のTruthyな値にバインドします。 右側の式は {class-name: true/false } なマップを返さなければなりません。</p>
+<td><p>要素のCSSクラスの有無を、関連付けられたマップ値の真偽値にバインドします。 右側の式は {class-name: true/false } なマップを返さなければなりません。</p>
 </td>
 </tr>
 </tbody></table>
@@ -164,27 +164,27 @@
 </tr>
 <tr>
 <td><code><b>@Component({...})</b><br>class MyComponent() {}</code></td>
-<td><p>クラスがコンポーネントであり、コンポーネントに関するメタデータを提供することを宣言します。</p>
+<td><p>クラスがコンポーネントであることを宣言し、コンポーネントに関するメタデータを提供します。</p>
 </td>
 </tr><tr>
 <td><code><b>@Directive({...})</b><br>class MyDirective() {}</code></td>
-<td><p>クラスがディレクティブであり、ディレクティブに関するメタデータを提供することを宣言します。</p>
+<td><p>クラスがディレクティブであることを宣言し、ディレクティブに関するメタデータを提供します。</p>
 </td>
 </tr><tr>
 <td><code><b>@Pipe({...})</b><br>class MyPipe() {}</code></td>
-<td><p>クラスがパイプであり、パイプに関するメタデータを提供することを宣言します。</p>
+<td><p>クラスがパイプであることを宣言し、パイプに関するメタデータを提供します。</p>
 </td>
 </tr><tr>
 <td><code><b>@Injectable()</b><br>class MyService() {}</code></td>
-<td><p>依存性注入のインジェクタがこのクラスのインスタンスを作成しているときに、コンストラクタに依存性を注入する必要があるクラスにあることを宣言します。
+<td><p>依存性のインジェクターがこのクラスをインスタンスを作成しているときに、コンストラクタに依存性を注入する必要があるクラスにあることを宣言します。
 </p>
 </td>
 </tr>
 </tbody></table>
 
 <table class="is-full-width is-fixed-layout">
 <tbody><tr>
-<th>ディレクティブ設定</th>
+<th>ディレクティブの設定</th>
 <th><p><code>@Directive({ property1: value1, ... })</code>
 </p>
 </th>
@@ -204,7 +204,7 @@
 
 <table class="is-full-width is-fixed-layout">
 <tbody><tr>
-<th>コンポーネント設定</th>
+<th>コンポーネントの設定</th>
 <th><p>
 <code>@Component</code>は<code>@Directive</code>を継承するので、
 <code>@Directive</code>の設定はコンポーネントにも同様に適用されます。</p>
@@ -263,11 +263,11 @@
 </td>
 </tr><tr>
 <td><code><b>@ViewChild(myPredicate)</b> myChildComponent;</code></td>
-<td><p>コンポーネントビューのクエリ（<code>myPredicate</code>）の最初の結果をクラスのプロパティ（<code>myChildComponent</code>）にバインドします。 ディレクティブには使用できません。</p>
+<td><p>コンポーネントビューのクエリ（<code>myPredicate</code>）の最初の結果をクラスのプロパティ（<code>myChildComponent</code>）にバインドします。 ディレクティブでは使用できません。</p>
 </td>
 </tr><tr>
 <td><code><b>@ViewChildren(myPredicate)</b> myChildComponents;</code></td>
-<td><p>コンポーネントビューのクエリ（<code>myPredicate</code>）の結果をクラスのプロパティ（<code>myChildComponents</code>）にバインドします。 ディレクティブには使用できません。</p>
+<td><p>コンポーネントビューのクエリ（<code>myPredicate</code>）の結果をクラスのプロパティ（<code>myChildComponents</code>）にバインドします。 ディレクティブでは使用できません。</p>
 </td>
 </tr>
 </tbody></table>
@@ -285,7 +285,7 @@
 </td>
 </tr><tr>
 <td><code><b>ngOnChanges(changeRecord)</b> { ... }</code></td>
-<td><p>コンテンツビューまたは子ビューを処理する前にと、入力プロパティが変更されるたびに呼び出されます。</p>
+<td><p>コンテンツビューまたは子ビューを処理する前と、入力プロパティが変更されるたびに呼び出されます。</p>
 </td>
 </tr><tr>
 <td><code><b>ngOnInit()</b> { ... }</code></td>
@@ -320,7 +320,7 @@
 
 <table class="is-full-width is-fixed-layout">
 <tbody><tr>
-<th>依存性注入の設定</th>
+<th>依存性の注入の設定</th>
 <th></th>
 </tr>
 <tr>
@@ -363,23 +363,23 @@
 </td>
 </tr><tr>
 <td><code>class <b>CanActivate</b>Guard implements <b>CanActivate</b> {<br>    canActivate(<br>      route: ActivatedRouteSnapshot,<br>      state: RouterStateSnapshot<br>    ): Observable&lt;boolean&gt;|Promise&lt;boolean&gt;|boolean { ... }<br>}<br><br>{ path: ..., canActivate: [<b>CanActivate</b>Guard] }</code></td>
-<td><p>このコンポーネントをアクティブにすべきかを判断するためにルータが最初に呼び出すクラスを定義するためのインターフェイス。 ブール値、もしくはObservable&lt;boolean&gt;およびPromise&lt;boolean&gt;を返す必要があります。</p>
+<td><p>このコンポーネントをアクティブにすべきかを判断するためにルータが最初に呼び出すクラスを定義するためのインタフェース。 boolean、もしくはObservable&lt;boolean&gt;およびPromise&lt;boolean&gt;を返す必要があります。</p>
 </td>
 </tr><tr>
 <td><code>class <b>CanDeactivate</b>Guard implements <b>CanDeactivate</b>&lt;T&gt; {<br>    canDeactivate(<br>      component: T,<br>      route: ActivatedRouteSnapshot,<br>      state: RouterStateSnapshot<br>    ): Observable&lt;boolean&gt;|Promise&lt;boolean&gt;|boolean { ... }<br>}<br><br>{ path: ..., canDeactivate: [<b>CanDeactivate</b>Guard] }</code></td>
-<td><p>ナビゲーション後にルータがこのコンポーネントを非アクティブ化すべきかを判断するためにルータが最初に呼び出すべきクラスを定義するためのインタフェース。 ブール値、もしくはObservable&lt;boolean&gt;およびPromise&lt;boolean&gt;を返す必要があります。</p>
+<td><p>ナビゲーション後にルータがこのコンポーネントを非アクティブ化すべきかを判断するためにルータが最初に呼び出すべきクラスを定義するためのインタフェース。 boolean、もしくはObservable&lt;boolean&gt;およびPromise&lt;boolean&gt;を返す必要があります。</p>
 </td>
 </tr><tr>
 <td><code>class <b>CanActivateChild</b>Guard implements <b>CanActivateChild</b> {<br>    canActivateChild(<br>      route: ActivatedRouteSnapshot,<br>      state: RouterStateSnapshot<br>    ): Observable&lt;boolean&gt;|Promise&lt;boolean&gt;|boolean { ... }<br>}<br><br>{ path: ..., canActivateChild: [CanActivateGuard],<br>    children: ... }</code></td>
-<td><p>子ルートをアクティブにすべかを判断するためにルータが最初に呼び出すクラスを定義するためのインターフェイス。ブール値、もしくはObservable&lt;boolean&gt;およびPromise&lt;boolean&gt;を返す必要があります。</p>
+<td><p>子ルートをアクティブにすべかを判断するためにルータが最初に呼び出すクラスを定義するためのインタフェース。boolean、もしくはObservable&lt;boolean&gt;およびPromise&lt;boolean&gt;を返す必要があります。</p>
 </td>
 </tr><tr>
 <td><code>class <b>Resolve</b>Guard implements <b>Resolve</b>&lt;T&gt; {<br>    resolve(<br>      route: ActivatedRouteSnapshot,<br>      state: RouterStateSnapshot<br>    ): Observable&lt;any&gt;|Promise&lt;any&gt;|any { ... }<br>}<br><br>{ path: ..., resolve: [<b>Resolve</b>Guard] }</code></td>
-<td><p>ルートをレンダリングする前にルートデータを解決するためにルータが最初に呼び出すべきクラスを定義するためのインターフェイス。 値か、その値に解決されるObservableおよびPromiseを返す必要があります。</p>
+<td><p>ルートをレンダリングする前にルートデータを解決するためにルータが最初に呼び出すべきクラスを定義するためのインタフェース。 値か、その値を解決するObservableおよびPromiseを返す必要があります。</p>
 </td>
 </tr><tr>
 <td><code>class <b>CanLoad</b>Guard implements <b>CanLoad</b> {<br>    canLoad(<br>      route: Route<br>    ): Observable&lt;boolean&gt;|Promise&lt;boolean&gt;|boolean { ... }<br>}<br><br>{ path: ..., canLoad: [<b>CanLoad</b>Guard], loadChildren: ... }</code></td>
-<td><p>遅延ロードされたモジュールがロードされるべきかを判断するためにルータが最初に呼び出すべきクラスを定義するためのインタフェース。ブール値、もしくはObservable&lt;boolean&gt;およびPromise&lt;boolean&gt;を返す必要があります。</p>
+<td><p>遅延ロードされたモジュールがロードされるべきかを判断するためにルータが最初に呼び出すべきクラスを定義するためのインタフェース。boolean、もしくはObservable&lt;boolean&gt;およびPromise&lt;boolean&gt;を返す必要があります。</p>
 </td>
 </tr>
 </tbody></table>