anchor.diff:          that it decorates. None of the decorations shown here will "leak" to other
           classes appearing below it in the file.
   
  +        デコレーターの範囲は、それが修飾するJavaScript言語の機能に限られます。
  +        ここでいう修飾は、同一ファイルの中でそれ以降にある他のクラスにまで及ぶわけではありません。
  +
         .alert.is-important
           :marked
             Always include the parentheses `()` when applying a decorator.
             A decorator is a **function** that must be called when applied.
   
  +          デコレーターを適用する際には、常に丸括弧`()`を含めてください。
  +          デコレーターは、適用する際に必ず呼び出される**関数**です。
  +
   :marked
     ## Dependency Injection
  +
  +  ## 依存性の注入 (Dependency Injection)
   .l-sub-section
     :marked
       Dependency Injection is both a design pattern and a mechanism
       for creating and delivering parts of an application to other
       parts of an application that request them.
   
  +    依存性の注入は、アプリケーションの部品に求められた部品を作って送り届けるためのデザインパターンでありメカニズムです。
  +
       Angular developers prefer to build applications by defining many simple parts
       that each do one thing well and then wire them together at runtime.
  +
  +    Angularの開発者は、ひとつのことだけをするシンプルな部品をたくさん定義することでアプリケーションを組み立てることを好み、
  +    その後、実行時にそれぞれをつなぎます。
   
       These parts often rely on other parts. An Angular [Component](#component)
       part might rely on a service part to get data or perform a calculation. When a
       part "A" relies on another part "B", we say that "A" depends on "B" and
       that "B" is a dependency of "A".
   
  +    これらの部品は他の部品に依存していることがよくあります。Angularの[コンポーネント](#component)部分は
  +    データを取得し計算を処理するサービス部分に依存しているかもしれません。"A" 部分が他の "B" 部分に依存しているとき、
  +    "A" は "B" に依存している、または "B" は "A" の依存性であるといいます。
  +
       We can ask a "Dependency Injection System" to create "A"
       for us and handle all the dependencies.
       If "A" needs "B" and "B" needs "C", the system resolves that chain of dependencies
       and returns a fully prepared instance of "A".
   
  +    "依存性の注入システム" に "A" を作成させてすべての依存性を扱わせることができます。
  +    もし "A" が "B" を必要とし、かつ "B" が "C" を必要とするならば、
  +    このシステムは依存性の連鎖を解決したうえで、完全に準備された "A" を返してくれます。
  +
       Angular provides and relies upon its own sophisticated
       [Dependency Injection](dependency-injection.html) system
       to assemble and run applications by "injecting" application parts
       into other application parts where and when needed.
   
  +    Angularは独自で洗練された[依存性の注入](dependency-injection.html)システムを提供し利用しています。
  +    必要なときに必要な場所でアプリケーションの部品を他の部品へ "注入すること" によって、アプリケーションを組み立てて実行します。
  +
       At the core there is an [`Injector`](#injector) that returns dependency values on request.
       The expression `injector.get(token)` returns the value associated with the given token.
  +
  +    その中心には、要求によって依存している値を返す[`インジェクター`](#injector)があります。
  +    `injector.get(token)`という式は、与えられたトークンに関連する依存性の値を返します。
   
       A token is an Angular type (`OpaqueToken`). We rarely deal with tokens directly; most
       methods accept a class name (`Foo`) or a string ("foo") and Angular converts it
       to a token. When we write `injector.get(Foo)`, the injector returns
       the value associated with the token for the `Foo` class, typically an instance of `Foo` itself.
   
  +    トークンはAngularの型(`OpaqueToken`)です。わたしたちが直接トークンを扱うことはめったにありません。
  +    ほとんどのメソッドはクラス名(`Foo`)もしくは文字列("foo")を受け入れて、Angularがトークンに変換するからです。
  +    わたしたちが`injector.get(Foo)`と書くときには、インジェクターは`Foo`クラスのためのトークンに関連した値を返します。
  +    通常その値は`Foo`クラスのインスタンスそのものです。
  +
       Angular makes similar requests internally during many of its operations
       as when it creates a [`Component`](#component) for display.
  +
  +    Angularは、表示のために[`コンポーネント`](#component)を作るような処理において、似た要求を内部的にしています。
   
       The `Injector` maintains an internal map of tokens to dependency values.
       If the `Injector` can't find a value for a given token, it creates
       a new value using a `Provider` for that token.
   
  +    この`インジェクター`は、トークンと依存性の値とのマップを内部的に管理しています。
  +    もし`インジェクター`が与えられたトークンにマップされた値を見つけられないときには、そのトークンの`プロバイダー`を使って新しく値を作成します。
  +
       A [Provider](#provider) is a recipe for
       creating new instances of a dependency value associated with a particular token.
  +
  +    [プロバイダー](#provider)は、特定のトークンに関連した依存性の値の新しいインスタンスを作成するためのレシピです。
   
       An injector can only create a value for a given token if it has
       a `Provider` for that token in its internal provider registry.
       Registering providers is a critical preparatory step.
   
  +    インジェクターは、内部的なプロバイダーのレジストリの中にそのトークンのための`プロバイダー`があるときにのみ、
  +    依存性の値を作成することができます。
  +    プロバイダーをレジストリに登録しておくことは、準備段階において非常に重要なことです。
  +
       Angular registers some of its own providers with every injector.
       We can register our own providers.
   
  +    Angularは、すべてのインジェクターにいくつか独自のプロバイダーを登録します。
  +    そしてわたしたちは自分のプロバイダーを登録できます。
  +
       Learn more in the [Dependency Injection](!{docsLatest}/guide/dependency-injection.html) chapter.
  +
  +    詳しく知るには[依存性の注入](!{docsLatest}/guide/dependency-injection.html)の章を参照してください。
   :marked
     ## Directive
  +
  +  ## ディレクティブ (Directive)
   .l-sub-section
     :marked
       An Angular class responsible for creating, re-shaping, and interacting with HTML elements
       in the browser DOM. Directives are Angular's most fundamental feature.
  +
  +    ブラウザのDOM内で、HTML要素を作成し変形し相互に作用することを担当する、Angularのクラスです。
  +    ディレクティブはAngularのもっとも基本的な機能です。
   
       A Directive is almost always associated with an HTML element or attribute.
       We often refer to such an element or attribute as the directive itself.
  
positive.code:       :marked
          Note that you can often achieve this same goal using [Angular modules](#angular-module) instead.
  
  :marked
    ## Binding
    ## バインディング
  
negative.code:       export class HeroService {}
      :marked
        Without a barrel, a consumer would need three import statements:
  
        バレル無しでは、3つのインポート文を書く必要があります。
      code-example.
        import { HeroComponent } from '../heroes/hero.component.ts';
        import { Hero }          from '../heroes/hero.model.ts';
        import { HeroService }   from '../heroes/hero.service.ts';
      :marked
        We can add a barrel to the `heroes` folder (called `index` by convention) that exports all of these items:
  
        これらすべてをエクスポートしている`heroes`フォルダ（慣例的に`index`と呼ばれます）にバレルを追加できます。
      code-example.
        export * from './hero.model.ts';   // re-export all of its exports
        export * from './hero.service.ts'; // re-export all of its exports
        export { HeroComponent } from './hero.component.ts'; // re-export the named thing
      :marked
        Now a consumer can import what it needs from the barrel.
  
        これでバレルから必要なものをインポートできるようになります。
      code-example.
        import { Hero, HeroService } from '../heroes'; // index is implied
      :marked
        The Angular [scoped packages](#scoped-package) each have a barrel named `index`.
  
        Angularの[スコープ化パッケージ](#scoped-package)それぞれが`index`という名前のバレルを持っています。
  
        That's why we can write this:
  
        というわけで、下記のように記述することができるのです：
  
      +makeExcerpt('quickstart/ts/app/app.component.ts', 'import', '')
  
  