【AWSハンズオン】QuickSightによるデータ可視化

# はじめに
Amazon QuickSightとは、様々なソースからのデータを結合し、
人々にわかりやすい洞察を提供するために使用できるAWS提供のBIツールです。

本記事では、QuickSightによる可視化の基礎をハンズオン形式で学習していきます。

# QuickSight ハンズオン　アーキテクチャ
大規模データの分析に必要な基盤は以下の4つに分類され、
それぞれ活用するAWSサービスが違います。

![図1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/df3eeedb-98e6-e593-0127-acbbd04b1432.png)


・収集　・・・Amazon Kinesis, Direct Connect など
・保存　・・・S3, EBS など
・分析　・・・Amazon EMR, Redshift, Amazon Athena など
・可視化・・・QuickSight, OpenSearch, EC2 など
<br/>

今回利用するサービスを、各データ分析基盤に当てはめた図は下記の通り。
データはAWSから提供されるものを使います。

![図2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/4458c1b1-3535-48d6-3ba4-23a5ceb0ee2f.png)

<br/>

VPCやサブネットなどを考慮して、AWSの構成図に落とし込むと以下のようになります。
これが今回作成するアーキテクチャ図です。

![完成図.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/8f1c28ca-75c9-676b-5e00-5a744c4ba9b2.png)


# QuickSight ハンズオン
それではQuickSightを用いてBIダッシュボードを作成していきます。
大まかな手順は下記の通り。

**1.　Redshiftクラスターのセットアップ**
**2.　Redshiftクラスターへのデータロード**
**3.　QuickSightのセットアップ**
**4.　QuickSightを用いてデータを可視化する**

VPC, サブネット, ハンズオンで使うデータを事前に用意した状態からスタートです。
[データはこちらからダウンロードしてください](https://pages.awscloud.com/JAPAN-event-OE-Hands-on-for-Beginners-Analytics-2022-reg-event.html)

:::note warn
データをダウンロードするためには、AWS提供の無料セミナーに登録後、
[01 今回のハンズオンで構成する構成等の紹介]タブを開いてください。
:::

　**現在の状態**
![初期状態.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/90fe8ec2-feb0-15c6-98cc-6218adbaa155.png)


<br/>

### 1.　Redshiftクラスターのセットアップ
**①Redshift用IAMロールの作成**
　まずは、この後作成するRedshiftクラスター用のIAMロールを作成する。
 
| パラメータ | 値 | 備考 |
| ---- | ---- | ---- |
| サービス | Redshift |  |
| ユースケース | Redshift - Customizable |  |
| 許可ポリシー | AmazonS3ReadOnlyAccess |  |
| ロール名 | Redshift-Role | なんでも可 |
| 信頼ポリシー | Redshiftを信頼します | 詳しくは[画面キャプチャ]を参照 |

<details><summary>画面キャプチャ</summary>

![240519_000.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/a7fdc43e-584a-b433-c7fc-35bbab8d9a00.jpeg)

![240519_001.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/273bbf55-afb3-62bb-978c-959b34f25f50.jpeg)

![240519_002.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/37c9b839-10de-d2a3-2d57-724dbe271944.jpeg)

![240519_003.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/53e3b85f-4fb8-aa82-3c84-f63603dfb92b.jpeg)

![240519_004.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/de191c08-48e9-24f8-3542-03df06d38606.jpeg)

![240519_005.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/ed1215a8-dbbd-0bc9-868c-548810ab5e0d.jpeg)

![240519_006.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/2dfbd85b-e715-2530-d717-66475f3ac151.jpeg)

![240519_007.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/cdd822d5-1b96-c1cc-c2fa-59d833804a3c.jpeg)

</details>

<br/>

**②クラスターサブネットグループの作成**
　払い出しの前にRedshiftクラスターを所属させるための、
　クラスターサブネットグループを作成する。
 
　検索窓から「Redshift」と検索して、Redshiftのサービス画面に移動する。
　左のタブから「サブネットグループ」を選択し、
 「クラスターサブネットグループの作成」を選択する。
 
| パラメータ | 値 | 備考 |
| ---- | ---- | ---- |
| 名前 | cluster-subnet-group-forhandson | なんでも可 |
| VPC | DataAnalytics-VPC | ARN指定なので事前にメモ用意 |
| アベイラビリティゾーン | ap-northeast-1a | ↓サブネットが存在するAZを指定する |
| サブネット | Redshift-subnet | ARN指定なので事前にメモ用意 |

<details><summary>画面キャプチャ</summary>

![240519_029.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/7eeb9b21-761d-8f2c-90b0-954451f4b779.jpeg)

![240519_030.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/58d72130-2f9d-75a6-d13c-a2675f60f6d1.jpeg)

![240519_031.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/2ec851c9-2ecb-3043-2872-ac3fca6a2d4a.jpeg)

![240519_032.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/85e24cbe-f349-162f-dc60-c978b0a37b1b.jpeg)

![240519_033.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/471632bd-0aeb-8701-2322-f96218aa2a92.jpeg)

![240519_034.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/f3e124a6-7a52-e867-425a-d995abdaaade.jpeg)

</details>

<br/>

**③Redshiftクラスターの払い出し**
　今回は通常のRedshiftクラスターを払い出しますが、
　Redshift Serverlessクラスターでも、同様のハンズオンが可能です。

:::note warn
Redshift Serverlessで実施するときは、異なるAZに所属する3つのサブネットに、それぞれ37個以上の利用できるIPアドレスが必要です。
:::

　Redshiftのトップ画面から、画面中央の「クラスターを作成」を選択する。
　下記パラメータを指定。そのほかはデフォルトのまま作成。

| パラメータ | 値 | 備考 |
| ---- | ---- | ---- |
| クラスター識別子 | redshift-cluster-forhandson | なんでも可 |
| クラスターのサイズ | 自分で選択 |  |
| ノードの種類 | dc2.large | 節約!! |
| ノードの数 | 1 | 節約!! |

| パラメータ | 値 | 備考 |
| ---- | ---- | ---- |
| 管理者ユーザー名 | awsuser |  |
| 管理者パスワード | 管理者パスワードを手動で追加する |  |
| パスワード | *************** | ご自由に |

| パラメータ | 値 | 備考 |
| ---- | ---- | ---- |
| IAMロール | Redshift-Role | ①で作成したロールを指定 |

| パラメータ | 値 | 備考 |
| ---- | ---- | ---- |
| デフォルトを使用 | オフ | オフにすると↓が設定できる |
| VPC | DataAnalytics-VPC |  |
| VPCセキュリティグループ | redshift-group | この後の手順で変更が発生するので、今はなんでもOK |
| クラスターサブネットグループ | cluster-subnet-group-forhandson | ②で作成したサブネットグループを指定 |
| **拡張されたVPCのルーティング** | **オンにする** | **重要!!** |
| **パブリックにアクセス可能** | **チェックを外す(オフ)** | **重要!!** |

※拡張VPCルーティングによりS3とRedshiftのデータ連携をAWS内部ネットワークに留める。

| パラメータ | 値 | 備考 |
| ---- | ---- | ---- |
| データベース名 | dev |  |
| データベースポート | 5439 |  |

| パラメータ | 値 | 備考 |
| ---- | ---- | ---- |
| 自動スナップショット保持期間 | 0 | 節約!! |

<details><summary>画面キャプチャ</summary>

![240521_001.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/394175c6-3ba3-7faa-5fe7-f59813f3820c.jpeg)

![240521_004.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/44d5bfee-abe0-dc27-54bd-6c34c8eb4576.jpeg)

![240521_005.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/7571a4cc-ea84-2eb6-beb3-ad7e66f33902.jpeg)

![240521_006.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/1246d2f1-152c-6aa5-e829-c80c7d26051e.jpeg)

![240521_007.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/bce65e5b-8787-b377-e072-7db05b896920.jpeg)

![240521_008.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/8450fad9-941c-cd91-c99b-54d73b4089a3.jpeg)

![240521_009.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/644418d2-c396-bce4-f414-08bc1077b711.jpeg)

![240521_010.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/874b839b-852b-c053-afc8-6eba00d5681f.jpeg)

![240521_023.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/9bb23938-e1ee-877b-5be2-496dad97add5.jpeg)

</details>

<br/>

　**現在の状態**
![手順１完了.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/8096c77f-4900-e80e-270c-6bf682e0566e.png)

<br/>

### 2.　Redshiftクラスターへのデータロード
**①S3バケットの作成**
　RedshiftのデータソースとなるS3バケットを作成していく。
 
　検索窓から「S3」と検索して、S3のサービス画面に移動する。
　「バケットを作成」を選択する。
　下記パラメータ以外はデフォルトで作成する。

| パラメータ | 値 | 備考 |
| ---- | ---- | ---- |
| バケット名 | s3bucket-redshift-forhandson-<yyyymmdd> | グローバルで一意の名前にする |
| パブリックアクセスをすべてブロック | オン |  |
| バケットのバージョニング | 無効にする |  |

<details><summary>画面キャプチャ</summary>

![240519_044.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/1db4df91-03d8-7964-d7d9-ec68fc5943d5.jpeg)

![240521_013.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/20259dbb-23bf-b85b-6b61-7f5d55dc0d4f.jpeg)

![240521_014.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/ec8194bf-76fd-bbbe-3962-4c6010b07423.jpeg)

![240521_015.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/9692ed73-156a-db2f-f026-5dbab9077f8b.jpeg)

![240521_016.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/5c4e2bed-2efa-2102-644e-157fb9bdd038.jpeg)

![240521_017.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/d053834a-bafd-6e35-1dfe-fb8deb391db4.jpeg)

![240521_018.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/92144888-5485-7c9c-3493-db1e2743e04d.jpeg)

</details>

<br/>

**②S3へのデータアップロード**
　先ほど作成したバケットを選択し、事前にダウンロードしたデータをアップロードする。

<details><summary>画面キャプチャ</summary>
 
![240521_019.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/a7ff3134-f333-8f6c-0b1a-608f7e9cef6b.jpeg)

![240521_020.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/abddbf29-a277-9a14-8070-7f16abac06ee.jpeg)

![240521_021.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/9ebfb7df-25a7-ec05-1a89-4d16ebdb3195.jpeg)

![240521_022.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/c0c0a275-c800-a65f-10f6-32b89d657a7b.jpeg)

</details>

<br/>

**②S3のゲートウェイエンドポイントの作成**
　Redshiftとの連携用にS3のゲートウェイエンドポイントを作成する。
　検索窓から「VPC」と検索して、VPCのサービス画面に移動する。
　左タブから「エンドポイント」に遷移し、「エンドポイントを作成」を選択する。
　下記パラメータ以外はデフォルトで作成する。

| パラメータ | 値 | 備考 |
| ---- | ---- | ---- |
| 名前タグ | s3-redshift-endpoint | なんでも可 |
| サービスカテゴリ | AWSのサービス |  |
| サービス | com.amazonaws.ap-northeast-1.s3 |  |
| タイプ | Gateway | Interfaceではないので注意!! |

| パラメータ | 値 | 備考 |
| ---- | ---- | ---- |
| VPC | DataAnalytics-VPC |  |
| ルートテーブル | Redshift-subnetのルートテーブル |  |

<details><summary>画面キャプチャ</summary>

![240521_028.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/80ae06d6-7817-c1f1-891f-bfa2bd60201d.jpeg)

![240521_031.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/468d5445-2df0-caf1-97a7-2507c93a45f3.jpeg)

![240521_032.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/6af539e8-c606-804e-b8cb-5eeb19d9937e.jpeg)

![240521_033.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/0e62ce1f-aa8b-e239-cde6-0019e4a0d4bf.jpeg)

![240521_034.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/ce5f24ee-f307-6eba-68f1-4d31fa766179.jpeg)

![240521_035.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/37886114-c0a9-048a-dc4e-b37b4a2c2142.jpeg)

</details>

<br/>

**③Redshiftクラスターのセキュリティグループ編集**
　Redshiftに付与されたセキュリティグループを編集、
　もしくは新たにセキュリティグループを作成する。

　検索窓から「EC2」と検索して、EC2のサービス画面に移動する。
　左タブから「セキュリティグループ」に遷移し、
　「セキュリティグループを作成」を選択する。

| パラメータ | 値 | 備考 |
| ---- | ---- | ---- |
| セキュリティグループ名 | redshift-group | なんでも可 |
| VPC | DataAnalytics-VPC |  |

| インバウンドルール | タイプ | ソース | 備考 |
| ---- | ---- | ---- | ---- |
|  | すべてのトラフィック | S3ゲートウェイエンドポイント | 「com.amazonaws.ap-northeast-1.s3」を検索欄に入力して選択 |

| アウトバウンドルール | タイプ | 送信先 | 備考 |
| ---- | ---- | ---- | ---- |
|  | すべてのトラフィック | 0.0.0.0/0 |  |

<details><summary>画面キャプチャ</summary>

![240519_085.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/3483d70f-c54a-ab4c-1e55-01defdf70998.jpeg)

![240519_086.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/c8ddc914-f7f9-46b7-062f-52d2c0de2752.jpeg)

![240519_087.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/a8ed3ce5-9088-ee23-4ba2-4af5d74e5a54.jpeg)

</details>

　手順２で作成したRedshiftクラスターの「ネットワークとセキュリティ」タブから、
　セキュリティグループを付け替える。

<details><summary>画面キャプチャ</summary>

![240519_088.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/c809ac2b-0631-5b27-5c3e-767b25551b37.jpeg)

![240519_089.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/04b5fc28-01f0-dab1-14a5-db8367154b89.jpeg)

</details>

<br/>

**④Redshiftクラスター上にテーブル作成**
　作成したRedshiftクラスターから「クエリエディタでクエリ」から
　クエリエディタを起動し、
 　「データベースに接続」で、まずはRedshiftクラスターに接続する。

:::note info
接続情報は**③Redshiftクラスターの払い出し**で指定した認証情報を使いましょう
:::

<details><summary>画面キャプチャ</summary>

![240521_024.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/495c07b4-df43-cfef-7c09-eb62bd087fc8.jpeg)

![240521_025.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/035e90ae-a5a7-5ee0-56f6-e9d0ff81ad5c.jpeg)

![240521_037.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/8da6dd40-9745-9794-bc1f-5a569a15373f.jpeg)

</details>

<br/>

　下記3種類のcreate tableコマンドにより、Redshiftクラスター上にテーブルを作成する。

```sql:usersテーブル
create table users(
  userid integer not null,
  username char(8),
  firstname varchar(30),
  lastname varchar(30),
  city varchar(30),
  state char(2),
  email varchar(100),
  phone char(14),
  likesports boolean,
  liketheatre boolean,
  likeconcerts boolean,
  likejazz boolean,
  likeclassical boolean,
  likeopera boolean,
  likerock boolean,
  likevegas boolean,
  likebroadway boolean,
  likemusicals boolean);
```

```sql:dateテーブル
create table date(
  dateid smallint not null,
  caldate date not null,
  day character(3) not null,
  week smallint not null,
  month character(5) not null,
  qtr character(5) not null,
  year smallint not null,
  holiday boolean default('N'));
```

```sql:salesテーブル
create table sales(
  salesid integer not null,
  listid integer not null,
  sellerid integer not null,
  buyerid integer not null,
  eventid integer not null,
  dateid smallint not null,
  qtysold smallint not null,
  pricepaid decimal(8,2),
  commission decimal(8,2),
  saletime timestamp);
```
 
<details><summary>画面キャプチャ</summary>

![240521_039.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/c38c5fe7-0e51-42a9-6d0e-8e9ce9c1572c.jpeg)

![240521_040.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/c25e6020-199d-9b18-b56d-ff0fd0a81179.jpeg)

![240521_041.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/ca896b99-d41e-c63e-ff33-67ad2d536355.jpeg)

![240521_042.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/ec78f946-0902-c554-c066-859ffe04abeb.jpeg)

</details>


<br/>

**⑤COPYコマンドによるデータロード**
　続けてCOPYコマンドを用いて、S3からRedshiftにデータをコピーする。

:::note warn
COPYコマンドが1分以上完了しない場合は、
NW設定が適切でない場合があります。
:::


```bash:COPY users
COPY users from 's3://<s3バケットのARN>/allusers_pipe.txt' iam_role '<Redshiftに割り当てたIAMロールのARN>' delimiter '|' ;
```

```bash:COPY date
COPY date from 's3://<s3バケットのARN>/date2008_pipe.txt' iam_role '<Redshiftに割り当てたIAMロールのARN>' delimiter '|' ;
```

```bash:COPY date
COPY sales from 's3://<s3バケットのARN>/sales_tab.txt' iam_role '<Redshiftに割り当てたIAMロールのARN>' delimiter '\t'  timeformat 'MM/DD/YYYY HH:MI:SS';
```



<details><summary>画面キャプチャ</summary>

![240521_045.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/6ee9c8dc-f213-a016-8ecb-5e98fed32f83.jpeg)

![240521_047.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/f335fc7a-6203-fc75-2a8d-c3a2b6e8e514.jpeg)

![240521_049.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/556d498e-6aad-fa03-50f9-94b4588b29cb.jpeg)

</details>

<br/>

　**現在の状態**
![手順２完了.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/89d67c2e-8512-6e4e-4d38-ba796828e276.png)



<br/>


### 3.　QuickSightのセットアップ
**①QuickSightへのサインアップ**
　検索窓から「QuickSight」と検索して、QuickSightのサービス画面に移動する。
　「QUICKSIGHTにサインアップ」を選択する。
　チュートリアルは「次へ」で飛ばして「分析」画面を表示させる。
　下記パラメータ以外はデフォルトで作成する。

| パラメータ | 値 | 備考 |
| ---- | ---- | ---- |
| アカウント通知用メールアドレス | ******* | 有効なメールアドレスならなんでも可 |
| QuickSightリージョン | Asia Pacific (Tokyo) |  |
| QuickSightアカウント名 | quicksight-handson-yyyymmdd |  |
| IAMロール | QuickSightで管理されるロールを使用する |  |
| **オプションのアドオン** | **オフ** | 節約!! |

<details><summary>画面キャプチャ</summary>

![240521_059.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/dd0ee17a-1fa3-2c41-73ce-7cdea0b1e5cf.jpeg)

![240521_060.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/a59afeb6-dc4c-19da-b802-7c2e32f761dc.jpeg)

![240521_063.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/db6d12d2-6eea-b85c-4fd6-1118c747a235.jpeg)

![240521_064.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/c62a5724-3cfe-c9e4-0e75-25e37af8ed63.jpeg)

![240521_065.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/604933d2-6ce7-84a9-05b1-168ad649f271.jpeg)

![240521_066.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/b8b70604-f37f-75b0-7a1f-0dff9c648401.jpeg)

![240521_070.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/1879e323-b380-605f-f87f-b6f1228eaf56.jpeg)

![240521_075.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/b78292b2-41a9-a084-a121-e602b22f98e8.jpeg)

![240521_077.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/2af00e94-ec23-d919-f970-aaaa8c648b62.jpeg)

</details>

<br/>

**②QuickSightからVPC接続用IAMロールの作成**
ここからはQuickSightからVPCに接続するための設定を作成していく。
・ポリシー作成
　検索窓から「IAM」と検索して、IAMのサービス画面に移動する。
　左タブから「ポリシー」に遷移し、「ポリシーの作成」を選択する。

| パラメータ | 値 | 備考 |
| ---- | ---- | ---- |
| ポリシー名 | Quicksight-policy  | なんでも可 |
| ポリシー | 下記のjsonを付与する |  |

```json:jsonポリシー
{
    "Version": "2012-10-17",
    "Statement": [
        {
            "Effect": "Allow",
            "Action": [
                "ec2:CreateNetworkInterface",
                "ec2:ModifyNetworkInterfaceAttribute",
                "ec2:DeleteNetworkInterface",
                "ec2:DescribeSubnets",
                "ec2:DescribeSecurityGroups"
            ],
            "Resource": "*"
        }
    ]
}
```

<details><summary>画面キャプチャ</summary>

![240521_120.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/ff0db36f-7c7e-bc5b-9499-ad2af6085d66.jpeg)

![240521_121.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/77572079-8428-aae6-b7f3-a7b1cc73585f.jpeg)

![240521_123.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/54c7530c-d23e-3410-a954-81d01313b331.jpeg)

![240521_124.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/75263a09-4586-86e2-d272-a39850409772.jpeg)

</details>

<br/>

・ロール作成
　左タブから「ロール」に遷移し、「ロールを作成」を選択する。

| パラメータ | 値 | 備考 |
| ---- | ---- | ---- |
| サービス | カスタム信頼ポリシー |  |
| カスタム信頼ポリシー | QuickSightを信頼します | 詳しくは[画面キャプチャ]を参照 |
| 許可ポリシー | Quicksight-policy | 直前に作成したポリシーを付与。 |
| ロール名 | Quicksight-Role | なんでも可 |

<details><summary>画面キャプチャ</summary>

![240521_125.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/cc0f8ed4-a1e1-649c-a867-19270e34d825.jpeg)

![240521_127.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/fcc3e648-5228-aff1-6d93-c46d43035375.jpeg)

![240521_129.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/75a556ef-3255-dea5-f6db-3757f7e298c9.jpeg)

![240521_131.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/771e9f4b-3e7a-9f45-4bf6-c469c2b48336.jpeg)

![240521_133.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/46101a3c-6c62-d982-a45a-223a3de3b70a.jpeg)

</details>

<br/>

**③QuickSightとRedshift用セキュリティグループの編集**
・QuickSight用セキュリティグループの作成
　EC2のサービス画面に移動し、左タブから「セキュリティグループ」に遷移し、
　「セキュリティグループを作成」を選択する。

| パラメータ | 値 | 備考 |
| ---- | ---- | ---- |
| セキュリティグループ名 | quicksight-group | なんでも可 |
| VPC | DataAnalytics-VPC |  |

| インバウンドルール | タイプ | ソース | 備考 |
| ---- | ---- | ---- | ---- |
|  | すべてのトラフィック | Redshiftに付与されているセキュリティグループ |  |

| アウトバウンドルール | タイプ | 送信先 | 備考 |
| ---- | ---- | ---- | ---- |
|  | すべてのトラフィック | 0.0.0.0/0 |  |

<details><summary>画面キャプチャ</summary>

![240521_081.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/e32a7d93-5722-2cc1-6bf2-ae285a813879.jpeg)

![240521_085.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/32d16dc2-3cb4-3bdf-f6ee-743da14292f9.jpeg)

</details>


・Redshift用セキュリティグループの編集
　Redshiftに付与したセキュリティグループを指定し、
　「インバウンドルール」タブから「インバウンドのルールを編集」を選択する。
　下記のルールを追加で付与する。

| インバウンドルール | タイプ | ソース | 備考 |
| ---- | ---- | ---- | ---- |
|  | Redshift | QuickSight用に作成したセキュリティグループ |  |

<details><summary>画面キャプチャ</summary>

![240521_094.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/6323150b-f14d-1984-a977-350a85a38626.jpeg)

![240521_095.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/e8537f21-af36-749d-cf5d-70e9eb91700d.jpeg)

</details>

<br/>

**④QuickSightとVPCを接続**
　QuickSightとVPCを接続していく。
　QuickSight画面に戻り、画面右上のユーザーアイコンをクリックし、
　「QuickSightを管理」を選択する。

　左タブから「VPC接続の管理」に遷移し、「VPC接続の追加」を選択する。

| パラメータ | 値 | 備考 |
| ---- | ---- | ---- |
| VPC接続名 | redshift-connection | なんでも可 |
| VPC ID | DataAnalytics-VPC | ARN指定なので事前にメモ用意 |
| 実行ロール | Quicksight-Role | 直前に作成したロールを付与。 |
| サブネット | Redshift-subnetとQuickSight-subnet | ARN指定なので事前にメモ用意 |
| セキュリティグループID | QuickSight用に作成したセキュリティグループ | ARN指定なので事前にメモ用意 |

　ネットワークインターフェースが各サブネットに1枚ずつ追加され、
　ステータスが「AVAILABLE」になればデータ連携可能になる。

<details><summary>画面キャプチャ</summary>

![240521_099.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/6e708b41-9d24-d6ac-cb8b-59e7185460e4.jpeg)

![240521_100.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/f95bf37d-2945-8f9b-d042-86d8802dda56.jpeg)

![240521_102.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/16525591-d420-16a6-c0c4-57d5c4dec376.jpeg)

![240521_135.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/6c913b46-bf92-75bc-f21c-085ef72e1538.jpeg)

![240521_136.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/f1eae9a2-da59-199b-72c3-0ac5e17e94ab.jpeg)

![240521_137.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/647c8f35-bf40-ce07-eea3-543cdfb1e2b9.jpeg)

![240521_139.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/6f91439f-9a5b-ab0b-ac18-30056990af06.jpeg)

![240521_140.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/14ada866-3cff-78a0-db36-cc49c5726a17.jpeg)

![240521_141.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/a831999c-fad2-966b-d823-93b5a480f149.jpeg)

</details>

<br/>

　**現在の状態（完成!!!）**
![完成図.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/d6be6735-e032-384f-4892-9388ede84e35.png)



<br/>

### 4.　QuickSightを用いてデータを可視化する
　これまでの手順でデータ分析環境の構築は完了しているため、
　Redshiftからデータを連携し、QuickSightで可視化していく。

**①分析用データをQuickSightにロードする**
　QuickSightのトップ画面に戻り、左タブから「分析」に遷移し、
　「新しい分析」を選択する。

　「新しいデータセット」から「Redshift(自動検出)」を選び、
　作成したRedshiftクラスターと接続する。
　下記パラメータを入力した後、「データソースを作成」を押下する。

| パラメータ | 値 | 備考 |
| ---- | ---- | ---- |
| データソース名 | private-redshift | なんでも可 |
| インスタンスID | redshift-cluster-frohandson | 1.　Redshiftクラスターのセットアップで入力したパラメータ |
| 接続タイプ | redshift-connection | 直前に作成したVPC接続を指定。 |
| データベース名 | dev |  |
| ユーザ名 | awsuser |  |
| パスワード | *********** |  |

:::note info
接続情報は**1. Redshiftクラスターのセットアップ**の**③Redshiftクラスターの払い出し**で指定した認証情報を使いましょう
:::

　スキーマに「public」、テーブルに「sales」を選択し、
　左下の「データの編集/プレビュー」を押下する。**(「選択」ではないので注意)**

<details><summary>画面キャプチャ</summary>

![240521_143.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/c9c0c609-aa08-fd8d-1021-1ddaa9063bf0.jpeg)

![240521_144.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/f8bdf3fe-a304-89d5-1c16-ed8e84cf8249.jpeg)

![240521_145.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/7945619a-cb14-ccb3-f058-981fdb594518.jpeg)

![240521_146.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/70722883-15fb-9f97-f6f1-0d8915f9eb62.jpeg)

![240521_147.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/99446650-221c-5cb3-e38d-1c18f5da4122.jpeg)

![240521_150.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/cb1c8ca4-aef3-877a-587b-9ef67c0ece77.jpeg)

![240521_151.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/16b2aa99-a09c-1add-5e28-82ba6d89cdc2.jpeg)

</details>

<br/>

**②データを結合する**
　画面右上の「データを追加」から「データソース」→
　「<先ほど追加したデータソース名>」を選び、「date」テーブルを追加する。
　
　「date」テーブルを追加したら、画面下の結合句の両方に「#dateid」を指定し、
　結合タイプに「Inner」を指定し、「適用」を押下する。

　画面右上の「保存して視覚化」を押下して、分析ページに遷移する。

<details><summary>画面キャプチャ</summary>

![240521_151.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/16b2aa99-a09c-1add-5e28-82ba6d89cdc2.jpeg)

![240521_152.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/a23cad95-fc16-c506-d26a-3e1483f2ec84.jpeg)

![240521_153.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/f8ecdd02-6558-4995-3299-ca0ed01f5a58.jpeg)

![240521_168.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/986f3af8-f384-cf57-6442-a1abc43e7a37.jpeg)

![240521_169.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/9e0d3e11-2df0-7a52-82ba-2f2c6df7afb7.jpeg)

![240521_170.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/4300b2cf-d263-d0c1-c557-e6902f075706.jpeg)

![240521_173.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/df574c7c-1f4c-ea78-d52e-a2fb3737db07.jpeg)

![240521_175.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/525e946d-ab88-b426-44ab-20ffecb2f8a2.jpeg)

![240521_177.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/1366da47-bef9-f32f-cfda-71192430d3bf.jpeg)

</details>

<br/>

**③2008年1月5日の売上量(qtysold)を表示する**
　左の「データ」から「caldate」と「qtysold」を選択することで、
　売上量の時系列グラフが作成される。

<details><summary>画面キャプチャ</summary>

![240521_177.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/4441559c-34f7-1269-aebf-4df3cb094688.jpeg)

</details>

　画面左上の「フィルター」アイコンから「caldate」を選択し、
　下記のフィルター条件を設定する。

| パラメータ | 値 | 備考 |
| ---- | ---- | ---- |
| フィルタータイプ | 日付と時刻の範囲 |  |
| 条件 | 次と等しい |  |
| 時間の詳細度 | 日 |  |
| 日付 | 2008/01/05 |  |

<details><summary>画面キャプチャ</summary>

![240521_178.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/0e805e40-3b07-3694-2ada-30f01cdab6c9.jpeg)

![240521_179.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/617e756b-aa97-2b7e-c53d-11217fa4b516.jpeg)

![240521_180.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/367ad779-e4eb-3514-b12b-504184d1f41c.jpeg)

![240521_181.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/9e5f646d-ef5e-28a6-454f-ec13cdadc37f.jpeg)

![240521_187.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/2061e634-f8d1-9f38-bd84-638f9bd43066.jpeg)

![240521_190.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/89ac9a9e-cb8d-7f74-5cf1-bfad2ac9770e.jpeg)

</details>

<br/>

　グラフのままでは見づらいので、テーブル形式に変換する。
　画面左上の「ビジュアル」アイコンを選択し、
　ビジュアルタイプの中から「テーブル」を選択する。

<details><summary>画面キャプチャ</summary>

![240521_190.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/89ac9a9e-cb8d-7f74-5cf1-bfad2ac9770e.jpeg)

</details>

<br/>

![240521_191.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/0507a9f2-5c09-20af-55e8-3902909ef10b.jpeg)
 
　2008年1月5日の売上量(qtysold)が210であることが表示されました。

<br/>

**④売上量(qtysold)TOP10のバイヤーを表示する**
　視覚化に用いるデータセットを「編集」し、**②データを結合する**と同様の手順で
　「users」テーブルをInner joinする。

　結合句には「salesテーブルの#buyerid」と「usersテーブルの#userid」を指定する。

<details><summary>画面キャプチャ</summary>

![240521_195.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/cf85dcd1-606e-0718-250a-8b12e7d49155.jpeg)

![240521_196.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/d29ee025-8ddd-384b-60b0-f766906add7d.jpeg)

![240521_197.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/917750de-85b8-21b2-c374-f8bed355da4a.jpeg)

![240521_200.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/c3c13e7d-0222-8f1b-9804-a8297cff0486.jpeg)

![240521_203.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/f1c3e416-072c-ae22-e1f4-32ed7cdeeed1.jpeg)

![240521_206.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/9e7151b4-5ef1-4174-1be2-72041f8d0066.jpeg)

</details>

<br/>
 
　分析画面に戻り、画面左上の「ビジュアル」アイコンから
　テーブルのビジュアルを追加する。
　左の「データ」タブからbuyerid,firstname,lastname,qtysoldを追加する。

　さらに画面左上の「フィルター」アイコンからbuyeridにフィルター条件を設定する。
　下記のフィルター条件を設定する。

| パラメータ | 値 | 備考 |
| ---- | ---- | ---- |
| フィルタータイプ | 上位と下位のフィルター　上 |  |
| Integer | 10 |  |
| 集計 | 合計 |  |
| 日付 | 2008/01/05 |  |

<details><summary>画面キャプチャ</summary>

![240521_209.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/e3b873d7-1123-673d-bd2c-5c430ffc1695.jpeg)

![240521_213.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/177b7305-9d68-9c0d-c6d6-f6c8eb3c741b.jpeg)

![240521_214.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/0d54cd22-dae6-b2f7-f57a-5bbb7d95877e.jpeg)

![240521_218.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/ae3a2b87-995c-c985-474b-e045dc1661d3.jpeg)

![240521_219.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/0adcf2eb-5e5d-209f-277c-350cd288ffea.jpeg)

![240521_221.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/0842cd75-9a65-dc22-94ef-46d2b7e6c435.jpeg)

![240521_222.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/a9c40091-d8d6-72cf-19f9-7f42ef4cf772.jpeg)

</details>

　TOP10は表示されたが、並びがバラバラなので降順表示に変更する。
　表示されたテーブルの「qtysold」を選択し、並び替えを降順にする。

<details><summary>画面キャプチャ</summary>
 
![240521_224.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/709bf85c-d7cc-d589-145e-b32131cd5366.jpeg)

</details>

<br/>

![240521_225.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3778694/d6326d1a-6910-f511-5787-d87c149f61c3.jpeg)

　売上量(qtysold)TOP10のバイヤーランキングが表示されました。

<br/>

# 所感
拡張VPCルーティングとエンドポイントの設定をミスって、Redshiftクラスターへのデータロードで見事にハマりました。。
NW設定が不適切だとクエリがすぐにエラーを返さず延々と動き続けるのでかなり時間を無駄にしてしまいました。

QuickSightを操作できるようになるまでが長い！！
本当はもう少しデータ可視化をじっくりやりたかったのですが、
途中で力尽きましたね。


# 引用元

[1]AWS Hands-on for Beginners　手を動かしなら学ぶ Analytics サービス入門
https://pages.awscloud.com/JAPAN-event-OE-Hands-on-for-Beginners-Analytics-2022-confirmation_790.html

[2][AWS Black Belt Online Seminar] Amazon QuickSight 資料及びQA公開
https://aws.amazon.com/jp/blogs/news/aws-black-belt-online-seminar-amazon-quicksight/

[3]AWSでのデータ収集、分析、そして機械学習
https://pages.awscloud.com/rs/112-TZM-766/images/C2-05.pdf