From d5c07e80f367f71a57ccf235e55ced0beef0adc7 Mon Sep 17 00:00:00 2001 From: Allajah Date: Fri, 17 Nov 2017 16:17:49 +0900 Subject: [PATCH 1/3] Translate tutorial/index.md to Japanese --- aio-ja/content/tutorial/index.md | 65 +++++++++++++++----------------- 1 file changed, 31 insertions(+), 34 deletions(-) diff --git a/aio-ja/content/tutorial/index.md b/aio-ja/content/tutorial/index.md index 5e82584693..361e7ac64f 100644 --- a/aio-ja/content/tutorial/index.md +++ b/aio-ja/content/tutorial/index.md @@ -1,69 +1,66 @@ -

Tutorial: Tour of Heroes

+

チュートリアル: ツアー・オブ・ヒーローズ

-The _Tour of Heroes_ tutorial covers the fundamentals of Angular. -In this tutorial you will build an app that helps a staffing agency manage its stable of heroes. +_ツアー・オブ・ヒーローズ_ チュートリアルはAngularの基礎をカバーしています。 +このチュートリアルでは人財派遣会社がヒーローの集合を管理するためのアプリケーションを開発します。 -This basic app has many of the features you'd expect to find in a data-driven application. -It acquires and displays a list of heroes, edits a selected hero's detail, and navigates among different views of heroic data. +この基本的なアプリケーションは、データ駆動型アプリケーションで期待される多くの機能を持っています。 +ヒーローのリストを取得して表示し、選択したヒーローの詳細を編集し、ヒーローデータのさまざまなビュー間を遷移します。 -By the end of the tutorial you will be able to do the following: +このチュートリアルが終わるときには、あなたは以下のことが出来るようになっています。 -* Use built-in Angular directives to show and hide elements and display lists of hero data. -* Create Angular components to display hero details and show an array of heroes. -* Use one-way data binding for read-only data. -* Add editable fields to update a model with two-way data binding. -* Bind component methods to user events, like keystrokes and clicks. -* Enable users to select a hero from a master list and edit that hero in the details view. -* Format data with pipes. -* Create a shared service to assemble the heroes. -* Use routing to navigate among different views and their components. +* Angularに組み込まれているディレクティブを利用して、要素を表示および隠し、ヒーローデータのリストを表示する。 +* ヒーローの詳細やヒーローのリストを表示するためのAngularコンポーネントを作成する。 +* 読み取り専用データのための一方向データバインディングを使用する。 +* 双方向データバインディングを用いて、モデルを更新するための編集可能なフィールドを設置する。 +* キー入力やクリックといったユーザーのイベントに対しコンポーネントが持つメソッドをバインドする。 +* ユーザーがマスターリストからヒーローを選択し、詳細画面でそのヒーロを編集できるようにする。 +* パイプによりデータを整形する。 +* ヒーローを組み立てるための共有サービスを作成する。 +* 様々なビューとそれらのコンポーネント間を遷移可能にするためにルーティングを使用する。 -You'll learn enough Angular to get started and gain confidence that -Angular can do whatever you need it to do. +Angularを始めるためにAngularのことを十分に学び、Angularは必要なことを何でもできるということを確信するようになります。 -After completing all tutorial steps, the final app will look like this . +チュートリアルの全てのステップを完了した時、最終的なアプリケーションはこのようになります。 + -## What you'll build +## これから何を作るか -Here's a visual idea of where this tutorial leads, beginning with the "Dashboard" -view and the most heroic heroes: +これは、このチュートリアルがもっとも勇敢なヒーローを表示するダッシュボードから始まり、どこに誘導するか +という視覚的アイデアです。
Output of heroes dashboard
-You can click the two links above the dashboard ("Dashboard" and "Heroes") -to navigate between this Dashboard view and a Heroes view. +ダッシュボード上の2つのリンク("Dashboard" と "Heroes")をクリックすることができ、 +このダッシュボード画面とヒーロの画面を遷移します。 -If you click the dashboard hero "Magneta," the router opens a "Hero Details" view -where you can change the hero's name. +ダッシュボードで"Magenta"というヒーローをクリックしたら、ルーターはヒーローの名前を編集できる"Hero Details"画面を開きます。
Details of hero in app
-Clicking the "Back" button returns you to the Dashboard. -Links at the top take you to either of the main views. -If you click "Heroes," the app displays the "Heroes" master list view. - +”Back"ボタンをクリックすることでダッシュボードに戻ります。 +上部にあるリンクはそれぞれのメインビューに遷移させます。 +"Heroes"をクリックしたら、アプリケーションは"Heroes"のマスターリストのビューを表示します。
Output of heroes list app
-When you click a different hero name, the read-only mini detail beneath the list reflects the new choice. +別のヒーローの名前をクリックすると、リストの下にある読み取り専用の小さな詳細ビューが、新しく選択されたものを反映します。 -You can click the "View Details" button to drill into the -editable details of the selected hero. +"View Details"ボタンをクリックすることで、選択されたヒーローを編集可能な詳細ビューに移ることができます。 -The following diagram captures all of the navigation options. +次の図は全ての遷移の選択肢をキャプチャしたものです。
View navigations
-Here's the app in action: +以下がアプリケーションでユーザーがアクションを取っている様子です。
Tour of Heroes in Action From 977d74890e48f0fe6ac0ccd6f94ca6c238923ffc Mon Sep 17 00:00:00 2001 From: Allajah Date: Sun, 19 Nov 2017 17:08:23 +0900 Subject: [PATCH 2/3] Modify texts --- aio-ja/content/tutorial/index.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/aio-ja/content/tutorial/index.md b/aio-ja/content/tutorial/index.md index 361e7ac64f..041d3123d8 100644 --- a/aio-ja/content/tutorial/index.md +++ b/aio-ja/content/tutorial/index.md @@ -8,9 +8,9 @@ _ツアー・オブ・ヒーローズ_ チュートリアルはAngularの基礎 このチュートリアルが終わるときには、あなたは以下のことが出来るようになっています。 -* Angularに組み込まれているディレクティブを利用して、要素を表示および隠し、ヒーローデータのリストを表示する。 +* 要素を表示・隠蔽する、そしてヒーローデータのリストを表示するための組み込みAngularディレクティブを使う。 * ヒーローの詳細やヒーローのリストを表示するためのAngularコンポーネントを作成する。 -* 読み取り専用データのための一方向データバインディングを使用する。 +* 読み取り専用データのための単方向データバインディングを使用する。 * 双方向データバインディングを用いて、モデルを更新するための編集可能なフィールドを設置する。 * キー入力やクリックといったユーザーのイベントに対しコンポーネントが持つメソッドをバインドする。 * ユーザーがマスターリストからヒーローを選択し、詳細画面でそのヒーロを編集できるようにする。 @@ -18,7 +18,7 @@ _ツアー・オブ・ヒーローズ_ チュートリアルはAngularの基礎 * ヒーローを組み立てるための共有サービスを作成する。 * 様々なビューとそれらのコンポーネント間を遷移可能にするためにルーティングを使用する。 -Angularを始めるためにAngularのことを十分に学び、Angularは必要なことを何でもできるということを確信するようになります。 +Angularを始めるためにAngularのことを十分に学び、Angularは必要なことを何でもできるということを確信するでしょう。 チュートリアルの全てのステップを完了した時、最終的なアプリケーションはこのようになります。 From ab994e485d4995e6441d31caafe4bcbd31d293dd Mon Sep 17 00:00:00 2001 From: Allajah Date: Sun, 19 Nov 2017 17:09:59 +0900 Subject: [PATCH 3/3] Fix typos --- aio-ja/content/tutorial/index.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/aio-ja/content/tutorial/index.md b/aio-ja/content/tutorial/index.md index 041d3123d8..5ae1523edb 100644 --- a/aio-ja/content/tutorial/index.md +++ b/aio-ja/content/tutorial/index.md @@ -13,7 +13,7 @@ _ツアー・オブ・ヒーローズ_ チュートリアルはAngularの基礎 * 読み取り専用データのための単方向データバインディングを使用する。 * 双方向データバインディングを用いて、モデルを更新するための編集可能なフィールドを設置する。 * キー入力やクリックといったユーザーのイベントに対しコンポーネントが持つメソッドをバインドする。 -* ユーザーがマスターリストからヒーローを選択し、詳細画面でそのヒーロを編集できるようにする。 +* ユーザーがマスターリストからヒーローを選択し、詳細画面でそのヒーローを編集できるようにする。 * パイプによりデータを整形する。 * ヒーローを組み立てるための共有サービスを作成する。 * 様々なビューとそれらのコンポーネント間を遷移可能にするためにルーティングを使用する。 @@ -34,9 +34,9 @@ Angularを始めるためにAngularのことを十分に学び、Angularは必
ダッシュボード上の2つのリンク("Dashboard" と "Heroes")をクリックすることができ、 -このダッシュボード画面とヒーロの画面を遷移します。 +このダッシュボード画面とヒーローの画面を遷移します。 -ダッシュボードで"Magenta"というヒーローをクリックしたら、ルーターはヒーローの名前を編集できる"Hero Details"画面を開きます。 +ダッシュボードで"Magneta"というヒーローをクリックしたら、ルーターはヒーローの名前を編集できる"Hero Details"画面を開きます。
Details of hero in app