translate(content): service-worker-getting-started.md #99

studioTeaTwo · 2018-01-03T15:05:19Z

related to #97

訳注を2つ入れています。（余計な気もするから採用するかは判断お願いします。）
textlintのService WorkerルールにServiceWorkerModuleなどの固有名詞が引っかかります。

lacolaco · 2018-01-04T07:47:25Z

textlintのService WorkerルールにServiceWorkerModuleなどの固有名詞が引っかかります。

Circle CIを見るとひっかかっているのは別の箇所のようですが、ローカルでひっかかりますか？
from ServiceWorker は残さないといけない文のようですので、textlintの無効化を導入したいと思います。
以下の対応を追加してもらえますか？

最新のmasterにrebase
該当部分を以下のコメントで挟む

<!-- textlint-disable prh -->
...
<!-- textlint-enable prh -->

studioTeaTwo · 2018-01-04T08:02:24Z

VS codeのprhアドオン入れてチェックしてるとこんな感じです

lacolaco · 2018-01-04T08:04:19Z

なるほど、試しにprh.ymlのルールを次のように変えてみて変化を見てもらえますか？

  - expected: Service Worker
    pattern:
      - ServiceWorker
      - サービスワーカー
    options:
      wordBoundary: true

studioTeaTwo · 2018-01-04T08:10:06Z

rebase済み（.textlintrc更新ずみ）かつphrにwordBoundary: true追加した結果です。

ServiceWorkerModuleはパスする
from ServiceWorkerはNGになる

lacolaco · 2018-01-04T08:11:26Z

期待通りの挙動になっていそうです。 from ServiceWorker の部分はdisableコメントで回避をお願いします 🙇

lacolaco · 2018-01-04T08:11:43Z

prh.ymlへのdiffも含めていただいてOKです

studioTeaTwo · 2018-01-04T08:39:29Z

パスしました🙆‍♂️

studioTeaTwo · 2018-01-06T08:13:12Z

aio-ja/content/guide/service-worker-getting-started.md

 * `favicon.ico`
 * ビルド成果物（JSおよびCSSバンドル）
-* `assets`の下にあるもの（訳注:assets下にさらに階層を作っている場合は、`ngsw-config.json`の設定を階層に合わせて`/assets/**/**`などのように変えてください。）
+* `assets`の下にあるもの


勘違いだったみたいなので削除しました。
（手元でキャッシュされなかったのですが、別の原因ぽく、現状はglobフォーマット通り/asset/**でasset/images/hoge.pngなども読めてます。）

lacolaco · 2018-01-07T12:31:37Z

aio-ja/content/guide/service-worker-getting-started.md



-Beginning in Angular 5.0.0, you can easily enable Angular service worker support in any CLI project. This document explains how to enable Angular service worker support in new and existing projects. It then uses a simple example to show you a service worker in action, demonstrating loading and basic caching.  
+Angular 5.0.0から、どのCLIプロジェクトでもAngular Service Workerのサポートを簡単に有効にすることができます。このドキュメントでは、新規および既存のプロジェクトでAngular Service Workerのサポートを有効にする方法について説明します。次に、単純な例を使用して、Service Workerが実際に動作していることを確認し、読み込みとキャッシングの基本をデモで行います。


デモで行います -> 実演します がよいでしょう

修正しました。

lacolaco · 2018-01-07T12:33:52Z

aio-ja/content/guide/service-worker-getting-started.md

+1. Service Workerのパッケージを追加します。
+2. CLIでService Workerのビルドサポートを有効にします。
+3. Service Workerをインポートして登録します。
+4. キャッシングビヘイビアなどの設定を指定するService Workerの設定ファイルを作成します。


キャッシングビヘイビア => キャッシュの振る舞い がよいでしょう

修正しました。

lacolaco · 2018-01-07T12:41:45Z

aio-ja/content/guide/service-worker-getting-started.md

 <code-example path="service-worker-getting-started/src/app/app.module.ts" linenums="false" title="src/app/app.module.ts" region="sw-module"> </code-example>

-The file `ngsw-worker.js` is the name of the prebuilt service worker script, which the CLI copies into `dist/` to deploy along with your server.
+`ngsw-worker.js`ファイルは、CLIがあなたのサーバーに一緒にデプロイするために`dist/`にコピーする、事前構築されたService Workerのスクリプト名称です。


スクリプトの名前 でいいと思います

サーバーに一緒にデプロイするためにCLIがdist/にコピーする のほうが係り受けがわかりやすそうです

修正しました。確かにその係り受けが自然ですね。翻訳は直訳の係り受けをいかに読み易くするかみたいなところありますね...。

lacolaco · 2018-01-07T12:43:54Z

aio-ja/content/guide/service-worker-getting-started.md

+Angular CLIには、`ngsw-config.json`というService Workerの設定ファイルが必要です。設定ファイルは、Service Workerがファイルおよびデータリソースをどのようにキャッシュするかを制御します。

-You can begin with the boilerplate version from the CLI, which configures sensible defaults for most applications.
+CLIからボイラープレート版を始めることができます。このボイラープレート版では、多くのアプリケーションで適切であろう推奨設定が行われています。


CLIによるひな形を使って始めることができます

修正しました

lacolaco · 2018-01-07T12:47:52Z

aio-ja/content/guide/service-worker-getting-started.md

+### `http-server`を供給する

-Because `ng serve` does not work with service workers, you must use a seperate HTTP server to test your project locally. You can use any HTTP server. The example below uses the [http-server](https://www.npmjs.com/package/http-server) package from npm. To reduce the possibility of conflicts, test on a dedicated port.
+`ng serve`はService Workerでは機能しないので、プロジェクトをローカルでテストするためには、別個のHTTPサーバーを使用する必要があります。任意のHTTPサーバーを使用できます。次の例では、npmから[http-server](https://www.npmjs.com/package/http-server)パッケージを使用しています。競合する可能性を減らすために、専用ポートでテストしてください。


ng serveはService Workerと連携しないので`

別個の => 別の

修正しました

lacolaco · 2018-01-07T12:49:50Z

aio-ja/content/guide/service-worker-getting-started.md

+`ng serve`はService Workerでは機能しないので、プロジェクトをローカルでテストするためには、別個のHTTPサーバーを使用する必要があります。任意のHTTPサーバーを使用できます。次の例では、npmから[http-server](https://www.npmjs.com/package/http-server)パッケージを使用しています。競合する可能性を減らすために、専用ポートでテストしてください。

-To serve with `http-server`, change to the directory containing your web files and start the web server: 
+`http-server`で供給するために、Webファイルが入っているディレクトリ(訳注:`ng build --prod`で作成されたフォルダ。通常なら`dist`)に移動し、Webサーバーを起動してください。


サンプルコードで cd しているので、ここで訳注は不要かと思います。

時間経って見直すと不要ですね。削除しました。

lacolaco · 2018-01-07T12:51:30Z

aio-ja/content/guide/service-worker-getting-started.md

+AngularにおけるService Workerを使用しないアプリケーションの場合、リフレッシュすると「インターネット接続がありません」と記載されたChromeのインターネット切断ページが表示されます。

-With the addition of an Angular service worker, the application behavior changes. On a refresh, the page loads normally. 
+AngularにおけるService Workerを追加すると、アプリケーションの動作が変更されます。リフレッシュ時に、ページが正常にロードされます。


Angular Service Worker がよいでしょう

lacolaco · 2018-01-07T12:53:32Z

aio-ja/content/guide/service-worker-getting-started.md

+2. アプリケーションタブを閉じますが、ウィンドウは閉じません。これにより、開発者ツールも閉じる必要があります。

-3. Shut down `http-server`.
+3. `http-server`を落とします。


シャットダウン にしましょう

修正しました。

lacolaco · 2018-01-07T12:55:43Z

翻訳ありがとうございます！いくつかの部分で修正をお願いします 🙇

lacolaco · 2018-01-07T13:04:09Z

aio-ja/content/guide/service-worker-getting-started.md

 <hr />

-## More on Angular service workers
+## もっとAngularにおけるService Workerを知りたい


Angular Service Worker でよいでしょう

修正しました。最初のintroduction.mdも修正PR上げます

studioTeaTwo · 2018-01-08T07:36:19Z

@lacolaco レビューありがとうございました。修正をアップしました:bow:

lacolaco · 2018-01-08T15:42:21Z

修正ありがとうございました！

lacolaco self-requested a review January 4, 2018 07:47

lacolaco added pr_state: Wait for review type: translation labels Jan 4, 2018

translate(content): service-worker-getting-started.md

2ae41ee

studioTeaTwo force-pushed the translation/sw-start branch from a3b3253 to 2ae41ee Compare January 4, 2018 08:02

Add wordBoundary to 'Service Worker' rule in textlint

dc5be36

studioTeaTwo force-pushed the translation/sw-start branch from 7f6bc4b to c7c9e3f Compare January 4, 2018 08:30

fix(translate): disable textlint in case of 'from ServiceWorker'

08bab18

studioTeaTwo force-pushed the translation/sw-start branch from c7c9e3f to 08bab18 Compare January 4, 2018 08:42

translate(content): delete the translation annotation

ec1da2f

studioTeaTwo commented Jan 6, 2018

View reviewed changes

lacolaco requested changes Jan 7, 2018

View reviewed changes

lacolaco added pr_state: Need to fix and removed pr_state: Wait for review labels Jan 7, 2018

lacolaco reviewed Jan 7, 2018

View reviewed changes

translate(content): modify review point

7f706ab

lacolaco approved these changes Jan 8, 2018

View reviewed changes

lacolaco added pr_state: Ready to Merge and removed pr_state: Need to fix labels Jan 8, 2018

lacolaco merged commit 3f0a66b into angular:master Jan 8, 2018

studioTeaTwo deleted the translation/sw-start branch January 8, 2018 19:32



		Beginning in Angular 5.0.0, you can easily enable Angular service worker support in any CLI project. This document explains how to enable Angular service worker support in new and existing projects. It then uses a simple example to show you a service worker in action, demonstrating loading and basic caching.
		Angular 5.0.0から、どのCLIプロジェクトでもAngular Service Workerのサポートを簡単に有効にすることができます。このドキュメントでは、新規および既存のプロジェクトでAngular Service Workerのサポートを有効にする方法について説明します。次に、単純な例を使用して、Service Workerが実際に動作していることを確認し、読み込みとキャッシングの基本をデモで行います。

translate(content): service-worker-getting-started.md #99

translate(content): service-worker-getting-started.md #99

Uh oh!

Conversation

studioTeaTwo commented Jan 3, 2018 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

lacolaco commented Jan 4, 2018

Uh oh!

studioTeaTwo commented Jan 4, 2018

Uh oh!

lacolaco commented Jan 4, 2018

Uh oh!

studioTeaTwo commented Jan 4, 2018

Uh oh!

lacolaco commented Jan 4, 2018

Uh oh!

lacolaco commented Jan 4, 2018

Uh oh!

studioTeaTwo commented Jan 4, 2018

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

lacolaco commented Jan 7, 2018

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

studioTeaTwo commented Jan 8, 2018

Uh oh!

lacolaco commented Jan 8, 2018

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

studioTeaTwo commented Jan 3, 2018 •

edited

Loading