スマートホーム目指してラズパイ触ってみた(5) 〜Amazon S3 + QuickSight連携編〜

##今回の目標
Amazon S3に保存したデータを、QuickSightで表示させる

他の記事はこちら
[ラズパイ触ってみた(1) 〜ラズパイ４+SenseHatセットアップ編〜（Qiita）](https://qiita.com/keilog/items/78dfb492790997fa16b7)
[ラズパイ触ってみた(2) 〜Macからリモートデスクトップ接続編〜（Qiita）]
(https://qiita.com/keilog/items/76117db977ce5096ac19)
[ラズパイ触ってみた(3) 〜LINE連携＆温度通知編〜（Qiita）]
(https://qiita.com/keilog/items/b0ef6161628c544ed6c3)
[ラズパイ触ってみた(4) 〜Amazon S3 (AWS CLI)連携編〜（Qiita）]
(https://qiita.com/keilog/items/a7894275daf151686a86)

##Amazon QuickSightとは？
[Amazon QuickSight (AWS公式サイト)]
(https://aws.amazon.com/jp/quicksight/?nc=sn&loc=1)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1863184/581ff3cd-9186-3b1f-0bb9-ba7f27ca2785.png)
```(AWS公式サイトから抜粋)Amazon QuickSight は、スケーラブルでサーバーレス、組み込み可能な、機械学習を活用したクラウド向けのビジネスインテリジェンス (BI) サービスです。QuickSight では、機械学習を利用したインサイトを含むインタラクティブな BI ダッシュボードを簡単に作成し、公開できます。QuickSight ダッシュボードには任意のデバイスからアクセスでき、アプリケーション、ポータル、ウェブサイトにシームレスに込み込むことができます。
```

##Step1:S3にデータをアップロードする
QuickSightで表示させるために、データファイル（csv）とJSONファイルを準備します。
サンプルとして下記のようなファイルを準備しました。
[参照：ラズパイ触ってみた(4) 〜Amazon S3連携編〜（Qiita）]
(https://qiita.com/keilog/items/a7894275daf151686a86)


```Temparature_S3_Log_forQuickSight.csv
date,temp
2021/08/01,34.2
2021/08/02,35.3
2021/08/03,38.1
2021/08/04,39.1
2021/08/05,40.2
2021/08/06,37.1
2021/08/07,32.7
2021/08/08,38.7
```

```QuickSight_JSON_keilog.json
{
    "fileLocations": [
        {
            "URIs": [
                "s3://作成したバケット名/Temparature_S3_Log_forQuickSight.csv
            ]
        },
        {
            "URIPrefixes": [
                "prefix1",
                "prefix2",
                "prefix3"
            ]
        }
    ],
    "globalUploadSettings": {
        "format": "CSV",
        "delimiter": ",",
        "textqualifier": "'",
        "containsHeader": "true"
    }
}

```

S3の管理画面に移動し、該当のバケットへファイルを保存します。



##Step2:QuickSightのアカウントを作る
AWSコンソールからQuickSightへ移動し、QuickSightのアカウントを作成します。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1863184/9099a334-f7f5-3b7f-7c5d-d17273ce925c.png)
![スクリーンショット 2021-08-10 21.59.34.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1863184/594dada8-83c2-31db-5d2d-a2af435ab071.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1863184/ce254a0f-6590-d5f6-c91d-e2cad983f70f.png)

Region選択では、Asia Pacific（Tokyo）を選択。
同じ選択画面に出てくるAWSのサービス選択は一通りチェックを入れました。

QuickSightのアカウントが作成できたら、data set に移動し、new datasetを選択します。

![dataset.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1863184/0fbac63e-4ce4-5f95-3b0b-5dc8240b795b.png)

S3を選択し、データソース名などを設定します。
![create_dataset.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1863184/8344d294-c2d1-8418-f59f-c0af5b703b54.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1863184/280c0d40-8955-815b-5153-e066263f0bc3.png)

dataset作成後にVizualizeボタンを押すとVizualize画面に遷移します。
Visual Typeで折れ線グラフ（📈）を選択し、X・Y軸にdate,tempをそれぞれ設定すると下記のように表示されました。
![Vizualize.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/1863184/f77a2c90-a92c-6023-40c2-40243683c93d.png)


##参照記事

[AWS S3のデータをQuicksightで表示する(Qiita)]
(https://qiita.com/kaz2214/items/f0cdf1ea3558ad715aca)

AWSマンガ第8話：全てのデータを可視化しろ！
https://aws.amazon.com/jp/campaigns/manga/vol8-1/