Skip to content

Commit

Permalink
[fix] タイトル翻訳。文字校 #49
Browse files Browse the repository at this point in the history
  • Loading branch information
ecouffes committed Nov 3, 2017
1 parent 29e0ff5 commit 85377c4
Showing 1 changed file with 25 additions and 29 deletions.
54 changes: 25 additions & 29 deletions polymer-project.org/Start/toolbox/deploy.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
---
title: Step 4. Deploy
subtitle: "Build an app with App Toolbox"
title: Step 4. デプロイ
subtitle: "App Toolboxでアプリケーションを作成しよう"
---

<!-- toc -->
Expand All @@ -9,9 +9,9 @@ subtitle: "Build an app with App Toolbox"

## デプロイビルド

`polymer build` とコマンドを入力を行い、Polymerアプリケーションを製品用にビルドをかけます
`polymer build`とコマンドを入力を行い、Polymerアプリケーションをビルドし製品版となるファイルを作成します

異なる機能を持つブラウザ毎に、それぞれのアプリケーションビルドを提供することができます。Polymer Starter Kitは、3つのビルドを作成するように構成されています:
異なる機能を持つブラウザ毎に、それぞれ異なるアプリケーションビルドを提供することができます。Polymer Starter Kitは、3つのビルドを作成するように構成されています

* service workerがバンドルされたminifyビルド。オールドブラウザとの互換性を考慮しEC5でのコンパイル。
* service workerがバンドルされたminifyビルド。ES6コードはそのまま提供。ES6対応ブラウザ向けビルド。
Expand All @@ -20,7 +20,7 @@ subtitle: "Build an app with App Toolbox"
本手順では、バンドルされたコンパイル済ビルド(`es5-bundled`)をデプロイし、最大限の互換性を確保します。
それ以外のビルドをサーバーへデプロイする場合は、より複雑なセットアップが必要となります。

ビルド設定は、プロジェクトルートフォルダに存在する設定ファイル `polymer.json` 内の `builds` オブジェクトで行われています:
ビルド設定は、プロジェクトルートフォルダに存在する設定ファイル`polymer.json`内の`builds`オブジェクトで行われています

polymer.json { .caption}
```
Expand All @@ -39,33 +39,29 @@ polymer.json { .caption}
...
```

ビルドは `build/` フォルダのサブフォルダへ、次のように出力されます:
ビルドは`build/`フォルダのサブフォルダへ、次のように出力されます:

build/
es5-bundled/
es6-bundled/
es6-unbundled/

カスタムビルドを設定するには、コマンドラインオプションを使用するか、`polymer.json` を編集します。 Run `polymer help build` for the full list of available options and optimizations. Also, see the documentation on the [polymer.json specification](https://www.polymer-project.org/2.0/docs/tools/polymer-json) and [building your Polymer application for production](https://www.polymer-project.org/2.0/toolbox/build-for-production).
カスタムビルドを設定するには、コマンドラインオプションを使用するか、`polymer.json`を編集します。使用可能なオプションと、最適化の全項目については、`polymer help build`コマンドを実行してください。また、次のドキュメントも参照してみてください。[polymer.json specification](https://www.polymer-project.org/2.0/docs/tools/polymer-json)[building your Polymer application for production](https://www.polymer-project.org/2.0/toolbox/build-for-production)

## サーバーにデプロイ

Polymerのアプリケーションは、どのWebサーバーにもデプロイできます。

本テンプレートでは、`<app-location>` 要素を使用してURLベースのルーティングを有効にします。
そのためには、サーバーがエントリーポイントである `index.html` を、全てのルートに対して提供する必要があります。
This template uses the `<app-location>` element to enable URL-based routing,
which requires that the server serve the `index.html` entry point for all
routes.
本テンプレートでは、`<app-location>`要素を使用してURLベースのルーティングを有効にします。
そのためには、サーバーが、エントリーポイントである`index.html`を全てのルートに対して提供する必要があります。

下のセクションのいずれかを実行すると、このアプリケーションを[Google AppEngine](https://cloud.google.com/appengine)または[Firebase Static Hosting](https://www.firebase.com/docs/hosting/)にデプロイすることができます。これは、Polymerアプリケーションをデプロイするための無料で安全な方法です。
他のホスティングプロバイダにおいても同様の手順でのデプロイとなります。
下のセクションのいずれかを実行すると、このアプリケーションを[Google AppEngine](https://cloud.google.com/appengine)または[Firebase Static Hosting](https://www.firebase.com/docs/hosting/)にデプロイすることができます。これは、Polymerアプリケーションをデプロイするための無料でセキュアな方法です。他のホスティングプロバイダにおいても同様の手順でのデプロイとなります。

### AppEngine によるデプロイ

1. [Google App Engine SDK](https://cloud.google.com/appengine/downloads) をダウンロードし、ご使用のプラットフォームの手順に従ってインストールします。本チュートリアルでは、Python SDK を使用します
1. [Google App Engine SDK](https://cloud.google.com/appengine/downloads)をダウンロードし、ご使用のプラットフォームの手順に従ってインストールします。本チュートリアルでは、Python SDKを使用します

1. [AppEngine アカウントに登録します](https://cloud.google.com/appengine).
1. [AppEngine アカウントに登録します](https://cloud.google.com/appengine)

1. [プロジェクトダッシュボードを開き](https://console.cloud.google.com/iam-admin/projects)
、新しいプロジェクトを作成します。
Expand All @@ -77,9 +73,9 @@ routes.
App Engineは、プロジェクトの名前に基づいてプロジェクトIDを提供します。
このIDを書き留めておきます。

1. `cd` コマンドを使って、アプリのメインフォルダ(たとえば、`my-app/`)に移動します。
1. `cd`コマンドを使って、アプリのメインフォルダ(たとえば、`my-app/`)に移動します。

1. 次の内容の `app.yaml` ファイルを作成します。:
1. 次の内容の`app.yaml`ファイルを作成します

```
runtime: python27
Expand Down Expand Up @@ -119,39 +115,39 @@ routes.
gcloud config set project my-app-164409
1. アプリケーションを作成します:
1. アプリケーションを作成します
gcloud app create
アプリケーションをデプロイする地域を選択する必要がありますが、これは変更できません。
1. アプリケーションをデプロイします:
1. アプリケーションをデプロイします
gcloud app deploy
1. アプリケーションは、指定されたURLにてオンラインで利用できるようになります。以下はURLの一例です:
1. アプリケーションは、指定されたURLにてオンラインで利用できるようになります。以下はURLの一例です
https://my-app-164409.appspot.com/new-view
以下のコマンドを入力すると、アプリケーションのURLが指定されブラウザが起動します:
以下のコマンドを入力すると、アプリケーションのURLが指定されブラウザが起動します
gcloud app browse
### Firebase によるデプロイ
以下の手順は、[Firebase hosting quick start guide](https://www.firebase.com/docs/hosting/quickstart.html) に基づいた説明です
以下の手順は、[Firebase hosting quick start guide](https://www.firebase.com/docs/hosting/quickstart.html) に基づいています
1. [Firebase アカウントに登録します](https://www.firebase.com/signup/)。
1. [https://www.firebase.com/account](https://www.firebase.com/account) へ行き、新しいアプリケーションを作成します(訳者注:[プロジェクトを追加]から新規プロジェクトを作成します)。 アプリケーションに関連付けられているプロジェクトIDを書き留めます。
1. [https://www.firebase.com/account](https://www.firebase.com/account) へ遷移し、新しいアプリケーションを作成します(訳注:[プロジェクトを追加]から新規プロジェクトを作成します)。アプリケーションに関連付けられているプロジェクトIDを書き留めます。
![Welcome to Firebase showing Project ID](/images/2.0/toolbox/welcome-firebase.png)
1. Firebaseコマンドラインツールをインストールします。
npm install -g firebase-tools
1. `cd` コマンドを使って、プロジェクトフォルダに移動します。
1. `cd`コマンドを使って、プロジェクトフォルダに移動します。
1. Firebaseアプリケーションを初期化します。
Expand All @@ -160,9 +156,9 @@ routes.
1. Firebaseは、アプリケーションに関連付けられているプロジェクトを尋ねてきます。既に作成済のプロジェクトから一つを選択します。
1. Firebaseはアプリケーションのパブリックフォルダ名を尋ねます。`build/es5-bundled/` と入力しenterキーを押します。
1. Firebaseはアプリケーションのパブリックフォルダ名を尋ねてきます。`build/es5-bundled/`と入力しenterキーを押します。
1. firebaseの設定を編集し、URLルーティング情報を追加します。最終的な `firebase.json` ファイルは、次のようになります:
1. firebaseの設定を編集し、URLルーティング情報を追加します。最終的な`firebase.json`ファイルは、次のようになります
```
{
Expand All @@ -178,11 +174,11 @@ routes.
}
```
この設定によって、Firebaseは、ファイル拡張子で終わらないURLに対して、`index.html` を表示するようになります。
この設定によって、Firebaseは、ファイル拡張子で終わらないURLに対して、`index.html`を表示するようになります。
1. プロジェクトをデプロイします。
firebase deploy
サイトのURLが出力画面に表示されます。`firebase open hosting:site` コマンドを実行して、デフォルトブラウザにてサイトを表示することもできます。
サイトのURLが出力画面に表示されます。`firebase open hosting:site`コマンドを実行して、デフォルトブラウザにてサイトを表示することもできます。

0 comments on commit 85377c4

Please sign in to comment.