Angular2 DOC GUIDEを翻訳する[DOCUMENTATION OVERVIEW]

# トピック

[Angular2 CORE DOCUMENTATIONのGUIDE](https://angular.io/docs/ts/latest/guide/)の翻訳です。

- [DOCUMENTATION OVERVIEW - ドキュメント概要 -](http://qiita.com/Yamamoto0525/items/85667d0570d8dab8f95a)
- [ARCHITECTURE OVERVIEW - 構文概要 -](http://qiita.com/Yamamoto0525/items/cc727298fc892c23d99b)
- [DISPLAYING DATA - データ表示 -](http://qiita.com/Yamamoto0525/items/e3dd777dd00b7d2a47c7)
- [USER INPUT - ユーザー入力 -](http://qiita.com/Yamamoto0525/items/2040e8ef4acd296299a2)
- [FORMS - フォーム -](http://qiita.com/Yamamoto0525/items/1765c62e99dfab318660)
- [DEPENDENCY INJECTION - 依存性注入 -](http://qiita.com/Yamamoto0525/items/23a1756e9b32bfb6f328)
- [STYLE GUIDE -　スタイルガイド -](http://qiita.com/Yamamoto0525/items/e59551faf69775a7ad12)

注意1）ここに掲載されていない項目は、[Angular2 CORE DOCUMENTATIONのGUIDE](https://angular.io/docs/ts/latest/guide/)を直接参照してください。

注意2）2016年9月30日時点の翻訳です。翻訳者はTOEICで700点くらいの英語力なので、英訳が間違っている可能性があります。しかもかなり意訳している箇所もあります。もし意訳を通り越して、誤訳になっているような箇所がありましたらご指摘ください。

### 参考
- [【最新版】Angular2 QUICKSTART for Typescript の日本語訳](http://blog.yuhiisk.com/archive/2016/09/26/new-angular2-quickstart-japanese-for-typescript.html)
- [チュートリアル: TOUR OF HEROES](https://gist.github.com/dolpen/e4312d4d9a01c52150f6c764e531fc45)

# DOCUMENTATION OVERVIEW - ドキュメント概要 -

このドキュメントは、HTMLとTypeScriptで、クライアントサイドアプリケーションを構築する熟練プログラマーに向けたAngular実践ガイドです。

## Organization　- 構成 -

このドキュメントはいくつかの重要なテーマをもったセクションに分かれており、それぞれのセクションはそのテーマにそったページで構成されています。

|-|-|
|:-----------------|:------------------|
|QuickStart|このドキュメントにある全てのページ、サンプルの基礎|
|Guide|Angular開発の重要な要素|
|API Reference|Angularライブラリにある各メンバの公式な仕様|
|Tutorial|アプリケーションという枠組みの中で、Angularが持つ主要な特徴を段階的に学習する|
|Advanced|Angularの特徴と開発手法について、さらに深く解析する|
|Cookbook|具体的なアプリケーション事例（ほとんどはコードスニペットについて）の最低限の解説をつけたレシピ|

## Learning path - 学習方法 -

ほとんどのページは独立しているので、ガイドをそのまま読み進める必要はありません。
新しくAngularを始める方には、次のようにガイドセクションを進めていく学習方法をお勧めします。

1. 全体像を知るために、[Architecture overview(英文)](https://angular.io/docs/ts/latest/guide/architecture.html)を読みます。

2. [QuickStart(英文)](https://angular.io/docs/ts/latest/quickstart.html)を試してみてください。QuickStartはAngularの"Hello, World"です。その過程を通して、Angularアプリを書くために必要なライブラリやツールのセットアップ方法がわかります。

3. QuickStartではカバーしきれなかった点をフォローしてくれる[Tour of Heroes tutorial(英文)](https://angular.io/docs/ts/latest/tutorial/)に従い、簡易的なテータ駆動型アプリを作成してください。そのアプリでは、本格的なアプリケーションとして重要となる次の特徴を試すことができます。
    - 実用的なプロジェクト構成
    - データバインディング
    - masterとdetail
    - サービス
    - Dependency Injection（DI）
    - ナビゲーション
    - リモートデータアクセス

4. [Displaying Data](https://angular.io/docs/ts/latest/guide/displaying-data.html)では、画面上に情報をどうやって表示させるかを示します。

5. [User Input](https://angular.io/docs/ts/latest/guide/user-input.html)では、Angularがユーザーの振る舞いにどうやって応えるかをカバーしています。

6. [Forms](https://angular.io/docs/ts/latest/guide/forms.html)は、UIにおけるデータ入力やバリデーションを扱います。

7. [Dependency Injection](https://angular.io/docs/ts/latest/guide/dependency-injection.html)は、小さく、一機能しかもたない部品を、大きくて維持しやすいアプリケーションにするための方法です。

8. [Template Syntax](https://angular.io/docs/ts/latest/guide/template-syntax.html)ではAngular template HTMLをわかりやすく学べます。

これらのセクションを読み終えたなら、このサイトにあるほかのページへもいける実力がついたはずです。

## Code samples　- コードサンプル -

それぞれのページに、あなたのアプリケーションでも再利用可能なコードスニペットがあります。
これらのスニペットは、そのページに付随するサンプルアプリケーションからの引用です。

[Architectureページ](https://angular.io/docs/ts/latest/guide/architecture.html)にある[このLive example](https://angular.io/resources/live-examples/architecture/ts/plnkr.html)のように、各ページのトップあたりにはサンプル版に飛ぶリンクがあるので、それを探してください。
そのリンクは、コードを調査、修正、保存、ダウンロード可能なブラウザベースのエディターにつながっています。

チュートリアルのようないくつかのページの始めには、そういったリンクが目立つように書かれています。
それらのページの残り部分は、サンプル構築の重要なステップを説明するというより、そのコードのキーポイントにハイライトを当てました。
そのLiveリンクを通して、いつでも全ソースコードを確認することができます。

## Reference pages - 参考ページ -

- よく使われているAngular構文の例をリストアップした[チートシート](https://angular.io/docs/ts/latest/guide/cheatsheet.html)
- Angular開発者がしっておくべき[専門用語集](https://angular.io/docs/ts/latest/guide/glossary.html)
- Angularライブラリにある一般公開されたすべてのメンバを記載した[公式API Reference](https://angular.io/docs/ts/latest/api/)

## Feedback - フィードバック -

私たちはフィードバックを歓迎しています！
[angular.io Github repo](https://github.com/angular/angular.io)のdocumentation issuesとpull requestsを使ってください。
Angularそのものの問題報告は[Angular Github repo](https://github.com/angular/angular)を使ってください。

> **Next Step**
> [ARCHITECTURE OVERVIEW - 構文概要 -](http://qiita.com/Yamamoto0525/items/cc727298fc892c23d99b)
>