初心者向け：AWS(EC2)にRailsのWebアプリをデプロイする方法 ①


## 参考
- 以下の記事を参考にさせて頂きました。ありがとうございます。

#### [(下準備編)世界一丁寧なAWS解説。EC2を利用して、RailsアプリをAWSにあげるまで](http://qiita.com/naoki_mochizuki/items/f795fe3e661a3349a7ce)

## 目次はこちら
### [初心者向け：AWS(EC2)にRailsのWebアプリをデプロイする方法 目次](http://qiita.com/iwaseasahi/items/d5f2ef3eac5e349a8f7d)

## 手順
### VPCの作成
#### VPCを選択します。

![スクリーンショット 2017-05-27 16.27.42.png](https://qiita-image-store.s3.amazonaws.com/0/142810/2d645dbc-6ab1-6ec6-ba22-253c1597f65d.png "スクリーンショット 2017-05-27 16.27.42.png")

#### 左側のリストから、VPCを選択します。

![スクリーンショット 2017-05-27 16.30.41.png](https://qiita-image-store.s3.amazonaws.com/0/142810/01cfb2d7-33ea-db60-29be-9ec2a2a0f0ff.png "スクリーンショット 2017-05-27 16.30.41.png")

#### 「VPCの作成」をクリックします。

![スクリーンショット 2017-05-27 16.31.34.png](https://qiita-image-store.s3.amazonaws.com/0/142810/0d506619-d738-6089-addb-a86d5a57b3a7.png "スクリーンショット 2017-05-27 16.31.34.png")

#### 以下が表示されたら、[ネームタグ]と[IPv4 CIDR block]を入力します。

![スクリーンショット 2017-05-27 16.32.46.png](https://qiita-image-store.s3.amazonaws.com/0/142810/cb9c1dbc-5ca2-9e55-323a-367f9f23b788.png "スクリーンショット 2017-05-27 16.32.46.png")

#### 例

![スクリーンショット 2017-05-27 16.33.52.png](https://qiita-image-store.s3.amazonaws.com/0/142810/52110460-eea4-bafa-a1ff-c9174a812d8b.png "スクリーンショット 2017-05-27 16.33.52.png")

#### VPCが作成されました。

![スクリーンショット 2017-05-27 16.36.51.png](https://qiita-image-store.s3.amazonaws.com/0/142810/f8a14336-994e-a8ab-15b7-21131cafd391.png "スクリーンショット 2017-05-27 16.36.51.png")


### サブネットの作成
#### 左側のリストから、サブネットを選択します。

![スクリーンショット 2017-05-27 16.36.51 2.png](https://qiita-image-store.s3.amazonaws.com/0/142810/f12f128e-c5e5-f5ab-5e27-446f245f4f05.png "スクリーンショット 2017-05-27 16.36.51 2.png")

#### 「サブネットの作成」をクリックします。

![スクリーンショット 2017-05-27 16.38.27.png](https://qiita-image-store.s3.amazonaws.com/0/142810/e513c324-a6bd-df03-c9a8-dd44cc7f921d.png "スクリーンショット 2017-05-27 16.38.27.png")

#### 以下が表示されたら、①〜④を入力します。

![スクリーンショット 2017-05-27 16.41.05 2.png](https://qiita-image-store.s3.amazonaws.com/0/142810/a9464b59-a054-5882-0d45-47462a6d4774.png "スクリーンショット 2017-05-27 16.41.05 2.png")

#### 例
##### 注意：写真では、ネームタグが「ChristChurches-Map-Subnet」となっていますが、後で以下に変更しています。
##### 「ChristChurches-Map-Subnet-1a」

![スクリーンショット 2017-05-27 16.43.11.png](https://qiita-image-store.s3.amazonaws.com/0/142810/c22d8291-bb3e-d82a-12c8-9775fbcd8365.png "スクリーンショット 2017-05-27 16.43.11.png")

#### 今回はデータベースをRDSで作成するため、サブネットをもう一つ作成します。

![スクリーンショット 2017-05-27 16.48.31.png](https://qiita-image-store.s3.amazonaws.com/0/142810/f1922906-0bd1-1139-14af-bd340e2b7761.png "スクリーンショット 2017-05-27 16.48.31.png")

#### 2つ目に作成するサブネットは、1つ目とアベイラビリティーゾーンを変えます。

![スクリーンショット 2017-05-27 16.49.45.png](https://qiita-image-store.s3.amazonaws.com/0/142810/cc931ae2-c77f-21ff-7935-1ca2ca626fb3.png "スクリーンショット 2017-05-27 16.49.45.png")

#### アベイラビリティーゾンを変更したことによって、赤囲み部分も変更します。

![スクリーンショット 2017-05-27 16.53.15.png](https://qiita-image-store.s3.amazonaws.com/0/142810/09902714-6c72-595e-0104-12eed7a6dcaa.png "スクリーンショット 2017-05-27 16.53.15.png")

#### 以下のようにサブネットが2つ作成されました。

![スクリーンショット 2017-05-27 16.55.13.png](https://qiita-image-store.s3.amazonaws.com/0/142810/db6f7778-5f12-64b4-b225-6e015e968aff.png "スクリーンショット 2017-05-27 16.55.13.png")

### インターネットゲートウェイの作成
#### 左側のリストから、インターネットゲートウェイを選択します。

![スクリーンショット 2017-05-27 16.56.59.png](https://qiita-image-store.s3.amazonaws.com/0/142810/7db00014-acf2-2b39-d838-e00106a0e247.png "スクリーンショット 2017-05-27 16.56.59.png")

#### 「インターネットゲートウェイの作成」をクリックします。

![スクリーンショット 2017-05-27 16.58.04.png](https://qiita-image-store.s3.amazonaws.com/0/142810/c4a4951a-79bf-e454-72e3-a683fef1d8e1.png "スクリーンショット 2017-05-27 16.58.04.png")

#### [ネームタグ]を入力します。

![スクリーンショット 2017-05-27 16.58.53.png](https://qiita-image-store.s3.amazonaws.com/0/142810/262469d6-de66-762b-110a-27452c3cbcf8.png "スクリーンショット 2017-05-27 16.58.53.png")

#### 例

![スクリーンショット 2017-05-27 16.59.57.png](https://qiita-image-store.s3.amazonaws.com/0/142810/67ae946c-5301-814d-ecb9-fd0610fdcc49.png "スクリーンショット 2017-05-27 16.59.57.png")

#### 作成したインターネットゲートウェイを選択し、「VPCにアタッチ」をクリックします。

![スクリーンショット 2017-05-27 17.00.51.png](https://qiita-image-store.s3.amazonaws.com/0/142810/cd04d4a4-6c64-fbc8-bf76-11f1536348f6.png "スクリーンショット 2017-05-27 17.00.51.png")

#### 最初に作成したVPCを選択し、「アタッチ」をクリックします。

![スクリーンショット 2017-05-27 17.01.36.png](https://qiita-image-store.s3.amazonaws.com/0/142810/28a673ab-89fd-586a-6694-5a920994e8ce.png "スクリーンショット 2017-05-27 17.01.36.png")

#### インターネットゲートウェイにVPCがアタッチされました。

![スクリーンショット 2017-05-27 17.02.30.png](https://qiita-image-store.s3.amazonaws.com/0/142810/01237f2e-2419-ab4d-4cb0-63f6d4490e66.png "スクリーンショット 2017-05-27 17.02.30.png")

### ルートテーブルの作成
#### 左側のリストから、ルートテーブルを選択します。

![スクリーンショット 2017-05-27 17.03.30.png](https://qiita-image-store.s3.amazonaws.com/0/142810/f0bd4ad5-05a9-bf9e-424b-13933bbe91e4.png "スクリーンショット 2017-05-27 17.03.30.png")

#### 「ルートテーブルの作成」をクリックします。

![スクリーンショット 2017-05-27 17.22.39.png](https://qiita-image-store.s3.amazonaws.com/0/142810/a2062ee6-0b2d-941a-0188-12c7ccb73e78.png "スクリーンショット 2017-05-27 17.22.39.png")

#### [ネームタグ]を入力し、「作成」をクリックします。

![スクリーンショット 2017-05-27 17.23.26.png](https://qiita-image-store.s3.amazonaws.com/0/142810/ae763beb-7444-87ac-5447-0c2c48944d6c.png "スクリーンショット 2017-05-27 17.23.26.png")

#### 例

![スクリーンショット 2017-05-27 17.24.36.png](https://qiita-image-store.s3.amazonaws.com/0/142810/48aded8a-ff0b-42a0-0156-4df5ede65969.png "スクリーンショット 2017-05-27 17.24.36.png")

#### 画面下の「ルート」を選択します。

![スクリーンショット 2017-05-27 17.25.17.png](https://qiita-image-store.s3.amazonaws.com/0/142810/c9b6ba0e-d258-af58-3b22-53b18e01295b.png "スクリーンショット 2017-05-27 17.25.17.png")

#### 「編集」をクリックします。

![スクリーンショット 2017-05-27 17.26.28.png](https://qiita-image-store.s3.amazonaws.com/0/142810/b2f15dbe-08e2-6351-1437-6025c8f9bfc1.png "スクリーンショット 2017-05-27 17.26.28.png")

#### 「別ルートを追加」をクリックします。

![スクリーンショット 2017-05-27 17.27.08.png](https://qiita-image-store.s3.amazonaws.com/0/142810/dab028b6-7a8e-b915-8364-6cdb6449d63e.png "スクリーンショット 2017-05-27 17.27.08.png")

#### 送信先に `0.0.0.0/0` を入力し、ターゲットを選択します。

![スクリーンショット 2017-05-27 17.28.18.png](https://qiita-image-store.s3.amazonaws.com/0/142810/83dc0319-fd26-3332-fe2a-39ea9fbc9894.png "スクリーンショット 2017-05-27 17.28.18.png")

![スクリーンショット 2017-05-27 17.28.31.png](https://qiita-image-store.s3.amazonaws.com/0/142810/c7427ed2-ff3c-e785-5fd7-b46400eed4af.png "スクリーンショット 2017-05-27 17.28.31.png")

#### 「保存」をクリックします。

![スクリーンショット 2017-05-27 17.28.45.png](https://qiita-image-store.s3.amazonaws.com/0/142810/5cf01f1a-87c7-da33-c3a1-7c512aae26f8.png "スクリーンショット 2017-05-27 17.28.45.png")

#### ルートが追加されました。

![スクリーンショット 2017-05-27 17.28.59.png](https://qiita-image-store.s3.amazonaws.com/0/142810/b67528d4-5c47-45c4-d4e0-20194cb4abae.png "スクリーンショット 2017-05-27 17.28.59.png")

### サブネットの設定
#### 左側のリストから、サブネットを選択します。

![スクリーンショット 2017-05-27 17.31.51.png](https://qiita-image-store.s3.amazonaws.com/0/142810/20697571-777d-59dd-81ce-7e6ced29ae3f.png "スクリーンショット 2017-05-27 17.31.51.png")

#### 作成したサブネットの内、まず `1a` を選択します。

![スクリーンショット 2017-05-27 17.33.08.png](https://qiita-image-store.s3.amazonaws.com/0/142810/673d3077-0242-50c4-a1de-203c66969bd3.png "スクリーンショット 2017-05-27 17.33.08.png")

#### ルートテーブルを選択します。

![スクリーンショット 2017-05-27 17.33.57.png](https://qiita-image-store.s3.amazonaws.com/0/142810/282d5814-c19e-5feb-a545-c565b6b6b65f.png "スクリーンショット 2017-05-27 17.33.57.png")

#### 「編集」をクリックします。

![スクリーンショット 2017-05-27 17.34.40.png](https://qiita-image-store.s3.amazonaws.com/0/142810/a8c9acaa-0224-168f-262c-83c2e27dd79f.png "スクリーンショット 2017-05-27 17.34.40.png")

#### 変更先を選択します。

![スクリーンショット 2017-05-27 17.35.30.png](https://qiita-image-store.s3.amazonaws.com/0/142810/bbfc9753-5bbf-22f5-9707-dbd71dc09b01.png "スクリーンショット 2017-05-27 17.35.30.png")

#### 作成したルートテーブルに設定します。

![スクリーンショット 2017-05-27 17.35.57.png](https://qiita-image-store.s3.amazonaws.com/0/142810/84c1916e-fb3d-3589-fc4d-113a26d2e0a0.png "スクリーンショット 2017-05-27 17.35.57.png")

#### 変更されたら、「保存」をクリックします。

![スクリーンショット 2017-05-27 17.36.08.png](https://qiita-image-store.s3.amazonaws.com/0/142810/4cedfa7c-05e4-dd7d-b0a3-59f1370d9c50.png "スクリーンショット 2017-05-27 17.36.08.png")

#### もう一つ `1c` のサブネットを選択します。

![スクリーンショット 2017-05-27 17.38.08.png](https://qiita-image-store.s3.amazonaws.com/0/142810/1605e99f-e939-0bdb-ac4b-f02608626f0f.png "スクリーンショット 2017-05-27 17.38.08.png")

#### `1a` で行った変更と同様に設定します。

### セキュリティグループの作成
#### 左側のリストから、セキュリティグループを作成します。

![スクリーンショット 2017-05-27 17.39.47.png](https://qiita-image-store.s3.amazonaws.com/0/142810/6fd701ae-2239-db90-135f-8bc870d7db40.png "スクリーンショット 2017-05-27 17.39.47.png")

#### 「セキュリティグループの作成」をクリックします。

![スクリーンショット 2017-05-27 17.40.48.png](https://qiita-image-store.s3.amazonaws.com/0/142810/ad4a768f-11ae-847a-0903-5c0891c4dc55.png "スクリーンショット 2017-05-27 17.40.48.png")

### [ネームタグ]、[グループ名]、[説明]を入力します。

![スクリーンショット 2017-05-27 17.42.50.png](https://qiita-image-store.s3.amazonaws.com/0/142810/fd5a9687-a162-5d08-133c-0495b83a5144.png "スクリーンショット 2017-05-27 17.42.50.png")

### 例
#### ※ 説明には、日本語が入力できませんでした。

![スクリーンショット 2017-05-27 17.44.17.png](https://qiita-image-store.s3.amazonaws.com/0/142810/6a5a8e26-02ae-9637-27fc-3b71e31d8f59.png "スクリーンショット 2017-05-27 17.44.17.png")

#### インバウンドルールを選択します。

![スクリーンショット 2017-05-27 17.45.10.png](https://qiita-image-store.s3.amazonaws.com/0/142810/3f1bc4a2-7788-e7e6-6085-866a41bd34a5.png "スクリーンショット 2017-05-27 17.45.10.png")

#### 「編集」をクリックします。

![スクリーンショット 2017-05-27 17.45.59.png](https://qiita-image-store.s3.amazonaws.com/0/142810/491fafad-6618-ac8f-f587-0024e575e740.png "スクリーンショット 2017-05-27 17.45.59.png")

#### TPCを編集します。

![スクリーンショット 2017-05-27 17.47.14.png](https://qiita-image-store.s3.amazonaws.com/0/142810/d4edecb3-838e-ec54-c757-f9e7f0849f59.png "スクリーンショット 2017-05-27 17.47.14.png")

#### ①はSSHにします。②は作成したセキュリティーグループを選択します。

![スクリーンショット 2017-05-27 17.48.02.png](https://qiita-image-store.s3.amazonaws.com/0/142810/8bd59992-a0b4-0a2d-2011-0546e103088f.png "スクリーンショット 2017-05-27 17.48.02.png")

#### 以下のようになります。

![スクリーンショット 2017-05-27 17.48.17.png](https://qiita-image-store.s3.amazonaws.com/0/142810/14020fe3-dbe6-e072-0ae2-f149760d45a2.png "スクリーンショット 2017-05-27 17.48.17.png")

#### 「別のルールを追加」をクリックします。

![スクリーンショット 2017-05-27 17.50.39.png](https://qiita-image-store.s3.amazonaws.com/0/142810/78a22e09-26ba-1d5b-e73c-3c3f984e0c95.png "スクリーンショット 2017-05-27 17.50.39.png")

#### ①はHTTPにします。②は、`0.0.0.0/0` を入力します。

![スクリーンショット 2017-05-27 17.51.49.png](https://qiita-image-store.s3.amazonaws.com/0/142810/27c1f46f-3add-30b5-232d-ad9d49bd4204.png "スクリーンショット 2017-05-27 17.51.49.png")

#### 「保存」をクリックします。

![スクリーンショット 2017-05-27 17.53.21.png](https://qiita-image-store.s3.amazonaws.com/0/142810/d719ac99-324e-6aa9-bf25-b6904f92e524.png "スクリーンショット 2017-05-27 17.53.21.png")

### 以下に続きます。
#### [初心者向け：AWS(EC2)にRailsのWebアプリをデプロイする方法 ②](http://qiita.com/iwaseasahi/items/4666f9a777ba3cf61a05)