ラズパイ + Google Data Portalで自宅の気温・湿度をグラフ化

※2021/8/20
期間指定の部分の手順を変更しました。

# これなに
　ラズパイで自宅周りの気温・湿度を取得して、スマホやPCでサクッと見れるようにしました。

　出来上がりは下記リンクになります。

　[自宅周辺の気温・湿度の推移](https://datastudio.google.com/reporting/b23d3e68-28d9-40bf-9f5f-0016b939e24a/page/2UUXC)

# 動機
　Google DataPortalを使えるようになりたいなーと思っていたので、練習のためにやってみました。
　実際に作ってみると、なんとなく暑いなーと思っていたものが、何時から暑くなり始めて何時頃まで暑いのか、夜は何℃くらいまで下がるのかといったことがわかるようになって、色々面白いです。一家に一台くらいあってもいいかも。

　こだわった点としては、データを見る時にスマホでサクッと見れるという点を一番のポイントとして考えました。

　なお、パソコンは本業ではないので洗練された手順になっていないと思います。もっといい方法やスクリプトの書き方等あれば教えていただけるとありがたいです。

※2021.08.22 追記
DataPortal使えるようになりたいなーの第2弾を作成しました。
[DataPortalで燃費の可視化](https://qiita.com/kaz2018/items/90d38197502bc02853ba)


# 概要
![get_temperature.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/284553/7b242999-569b-c51c-0e50-93ccbc5d66e4.png)

1. ラズパイで気温・湿度計測、spreadsheetに送信
1. Google DataProtalでグラフ化
1. スマホやPCのブラウザでアクセスするとデータが見れる

# 使ったもの
- ラズパイ（手元に3B+が余っていたので今回は3B+で。ゼロWなら5000円くらい？）
- DHT22（端子3本のやつ。1300円くらい）

# つまづいた点
- ラズパイのデータ取得
　DHT22というパーツから、pythonでデータを取得します。
　この時モジュールのimportがうまくいきませんでした。
　詳細は本文参照。

- ラズパイからspreadsheetへのデータ送信
　最初、pythonモジュールのgspreadでやろうと思ったんですが、接続が上手くできませんでした。
　仕方ないので、最終的にはGASのWebアプリにGETで投げてspreadsheetに自動的に追記する形にしました。

# 手順
## 1. ラズパイで気温・湿度計測、データ送信
### 1-1.気温・湿度の計測
ラズパイで気温・湿度を計測する手順については、下記のサイトを参考にさせていただきました。
ありがたや。
非常にわかりやすかったので、このページでは詳細書きません。

[簡単！Raspberry pi（ラズパイ）で温度・湿度（DHT22）を測る方法](https://inakita-monolab.com/iot-210105/)

ファイル構成（ラズパイ）：

- /home/pi/
    - Adafruit_Python_DHT
        - sample
            - get_temp.py
    - temperature.csv
    - get_temp.sh

　get_temp.pyで気温・湿度を取得し、そのままspreadsheetに送信します。
　うまくspreadsheetに送信できなかった時に手作業でspreadsheetを修正できるよう、homeディレクトリ（home/pi/）にあるtemperature.csvにも記録しときます。
　このスクリプトをcronで1時間ごとに実行します。

　つまづいた点としては、スクリプトファイルを置く場所がAdafruit_Python_DHTにあると、モジュールのimportでエラーが出てうまくいきませんでした。Adafruit_Python_DHT内に新たにフォルダを作ってその中でget_temp.pyを動かすとうまくいくようです。

```python:get_temp.py
#!/usr/bin/python3
# coding: utf-8
import csv
from datetime import datetime
import Adafruit_DHT as DHT

# select sensor
SENSOR_TYPE = DHT.DHT22

# select GPIO
DHT_GPIO = 2

# DHT22からデータ取得
h, t = DHT.read_retry(SENSOR_TYPE, DHT_GPIO)
t = '{0:0.1f}'.format(t)
h = '{0:0.1f}'.format(h)
time = datetime.now()
time = time.strftime('%Y-%m-%d %H:%M')

# ラズパイのCSVにデータ書き込み
with open('/home/pi/temperature.csv', 'a') as f:
    writer = csv.writer(f)
    writer.writerow([time, t, h])

# GAS Webアプリにデータ送信
import requests

url = 'https://script.google.com/macros/s/[spreadsheetのID]/exec?date_now={}&t={}&h={}'.format(time, t, h)
requests.get(url)
```

spreadsheetのID部分については、後ほどGoogle spreadsheetを準備したらまた修正します。

```bash:get_temp.sh
cd Adafruit_Python_DHT/sample
sudo python3 get_temp.py
```

cronも一応記載すると
00 * * * * /home/pi/get_temp.sh
です。

### 1-2. Google spreadsheetでのデータ受け取り
　GASでGETを受け取ってspreadsheetに追記します。
　1行目の項目名だけ作っておいて、GASのエディタを開きます。
　
　具体的な手順は下記のサイトを参考にさせていただきました。
　ありがたや。
　[GASでGetパラメータを受け取ってスプレッドシートに書き込む方法](https://qiita.com/hirohiro77/items/a947416f803f45777338)

```javascript:GASのコード
function doGet(e) {
  var date_now = String(e.parameters.date_now);
  var t = String(e.parameters.t);
  var h = String(e.parameters.h);
  var sheet = SpreadsheetApp.getActiveSheet();
  sheet.appendRow([date_now, t, h]);
}
```

　GASのWebアプリがデプロイできたら、ラズパイ内に保存したget_temp.pyのID部分をこのWebアプリのものに修正します。

　1時間おきにラズパイからデータが送られてくると、下記のような感じでspreadsheetにデータが追加されていきます。
![Screen Shot 2021-08-09 at 22.28.15.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/284553/81fb1d2f-f7ef-99e1-d765-9caba949e9ac.png)

## 2. データのグラフ化
　Google DataPortalにログインして新規のレポートを作成します。
　![Screen Shot 2021-08-09 at 22.40.56.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/284553/0eec80d4-ba59-cd20-3f8d-9b7539fbc341.png)

　レポートで使う元データとして、気温データを保存したspreadsheetを指定します。
![Screen Shot 2021-08-09 at 22.43.11_2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/284553/23df9aa4-dcd8-4dfe-5240-52f3f579e085.png)


![Screen Shot 2021-08-09 at 22.44.24.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/284553/45ec6b9b-5753-8052-6948-5ec73508377a.png)

　レポートの編集画面になるので、レポートのレイアウトを整えます。

- レポート名を編集
![Screen Shot 2021-08-09 at 23.18.44.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/284553/06c9726f-a1d7-7cdc-3a44-7171e15dfd6e.png)

- 図形の四角とテキストでページのタイトルを作成
![Screen Shot 2021-08-09 at 23.50.50.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/284553/c3cfbd12-19c4-a022-e1a2-13bb1ff2e02c.png)


- コントロールを追加：期間設定を追加
    - データ.デフォルトの日付範囲.詳細設定（直近7日間を指定）
![Screen Shot 2021-08-09 at 23.51.21.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/284553/4ad98b31-b7ea-ba2e-6ab5-328ef0888a54.png)

![Screen Shot 2021-08-20 at 13.24.12.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/284553/47f2272d-8be4-660d-7882-1901dd52852c.png)

![Screen Shot 2021-08-20 at 13.25.00.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/284553/47d96857-926c-a86e-b7d9-e68add32a87c.png)

![Screen Shot 2021-08-20 at 13.31.45.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/284553/24d375c5-68ec-9452-74ea-b786f958b886.png)



- グラフを追加：スコアカードで最高気温を追加
    - 指標をtemperatureに変更、集計方法を最大値に変更
![Screen Shot 2021-08-09 at 23.51.31.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/284553/f312daee-19af-f141-9729-69efebb96593.png)

![Screen Shot 2021-08-09 at 23.08.19.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/284553/6f387ebd-b991-824c-26f7-0fd0fe8a7d8d.png)
![Screen Shot 2021-08-09 at 23.08.36.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/284553/f95111ae-2c37-2e47-bb78-b91a087e7789.png)

- グラフを追加：スコアカードで最低気温を追加
（手順は最高気温と同様）

- グラフを追加：時系列グラフで気温の推移を追加
    - ディメンション：time（日付、時）
    - 指標：temperature
![Screen Shot 2021-08-09 at 23.53.09.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/284553/ece36edb-4b5a-9dc1-1b26-5499aecc6b73.png)

![Screen Shot 2021-08-09 at 23.09.58.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/284553/d98962e1-1908-f1cd-58e0-a8fc0f4dc743.png)

![Screen Shot 2021-08-09 at 23.10.30.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/284553/7d70a040-9cf8-e0bb-aed4-e94e19ada984.png)
![Screen Shot 2021-08-09 at 23.11.07.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/284553/29aa1954-0a55-b15e-cc57-172d6faa9c98.png)

- グラフを追加：時系列グラフで湿度の推移を追加
（手順は気温の時系列グラフと同様）


- レポートに最初から表示されていたデータテーブルの設定を変更
    - ディメンション：time（日付、時）
    - 指標：気温、湿度
    - 並べ替え：time（日時）、降順
![Screen Shot 2021-08-10 at 22.10.54.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/284553/121f9c9d-2384-4f16-6c57-77929760d50c.png)

![Screen Shot 2021-08-09 at 23.34.16.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/284553/8ea6e681-9c95-0156-1c74-acb9b640d140.png)

![Screen Shot 2021-08-09 at 23.34.45.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/284553/00de2494-f923-26a8-39a7-779a64b10472.png)

![Screen Shot 2021-08-09 at 23.34.57.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/284553/f19293b9-8fcf-061f-3dfb-14f13c342266.png)

- ページ全体のテーマとレイアウトを整える
    - テーマ：エッジ
    - レイアウト：キャンパスサイズ.カスタム.幅380　高さ1100
![Screen Shot 2021-08-09 at 23.43.06.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/284553/a4249345-1a13-663c-d290-8aa598fe0ea7.png)
![Screen Shot 2021-08-09 at 23.43.18.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/284553/a62f2e54-de54-c14f-b001-d46a88d6a6eb.png)

- 共有設定を、インターネット上の誰でも閲覧できるよう変更（これは任意）
![Screen Shot 2021-08-10 at 21.19.23.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/284553/d8776e0f-e4d6-9e09-07c4-203ae81098d1.png)

![Screen Shot 2021-08-10 at 21.20.13.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/284553/5c068a04-da0c-e0d8-3f3c-58408be34680.png)

![Screen Shot 2021-08-10 at 21.20.54.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/284553/a6bdfe56-e0d5-996f-1ff8-67ce1fe865be.png)

完成。
[自宅周辺の気温・湿度の推移](https://datastudio.google.com/reporting/b23d3e68-28d9-40bf-9f5f-0016b939e24a/page/2UUXC)

# まとめ
　手探りで色々やってたら結構時間かかったんですが、記事にまとめてみるとそれほど大したことやってないですね。
　ただ、Google spreadsheetとDataPortalは無料で使えるのにここまで便利なツールが作れるので、ほんとにGoogle様様だと思います。頑張って便利なものができると楽しいですね。

　あと、うちは長野県の田舎にあるので、日が暮れると一気に気温が下がるのがグラフを見るとはっきりわかります。東京に住んでた頃は夜中まで暑くて大変だったんですが。夏はやっぱり長野最高。