Googleスプレッドシート上でGravioが収集したセンサーデータを表示！グラフの共有も簡単・外出先からもリアルタイムデータを確認可能（クラウド表計算サービス連携　　その２◇Googleスプレッドシート編）

この記事は１年以上前に書かれた内容です。
Gravioの機能・画面キャプチャーなどの情報が古い可能性があります。
最新情報は、Gravioオンラインマニュアルをご参考ください。

下記ブログ記事もご参考ください。
‍Gravio 4で取得したセンサーデータをGoogle データポータルに接続。無料のBIツールを使って簡単に可視化する手順を解説

‍

Gravio担当のオバタです。

Gravioはエッジ型のソリューションですので、エッジエリア（ローカル）でデータを取り扱う方法は、今までもブログなどでご紹介してきました。しかし、データやグラフの公開、共有を行なう場合、クラウドを活用するのが良いケースもあります。そこで、クラウド型の表計算サービスを使った可視化の方法として、前回はMicrosoft365 Excelを使った手順をご紹介させていただきました。

今回は、Googleスプレッドシートを使った手順をご紹介させていただきます。

ご存知のとおり、Googleアカウントをお持ちであれば、無償でGoogleスプレッドシートをご利用できます。その手軽さからでしょうか、Googleとの連携を希望されるお問い合わせが最近増えてきているなぁと肌で感じておりますので、今回もご参考いただける方はきっと多いだろうと思います。

Googleアカウントを既にお持ちなら、今回の内容は約15分で出来ます。では、早速始めましょう。

できること

Gravioの「SendHttpRequest」コンポーネントを利用することで、取得したセンサーデータをGoogleフォーム経由でGoogleスプレッドシートへ連携します。

Googleドライブに保存されたGoogleスプレッドシートにアクセスすることで、外出先からリアルタイムでデータを確認したり、作成したグラフを別の人と共有することができます。

‍

準備するもの

Google スプレッドシート※
Google フォーム※
Google Chrome
※Googleアカウントをお持ちであれば無償でご利用できます。

Gravio Basic以上のご契約（下記レンタルセンサーとGravioレシーバーが必要なため）
Gravio クライメートセンサー（温度、湿度、気圧）
Gravio レシーバー
Gravio を動作させるためのPC（Windows 10 / Mac / Raspberry Pi 4 など）

‍

設定の手順

１. Googleフォームでアンケートフォームをつくる（Gravioのデータ送信先「GoogleフォームのID」の入手）

１）Googleアカウントを取得して、Googleフォームにアクセスして、画面上の＋プラスアイコン「新しいフォームを作成」をクリックします。　

２）データ形式は「記述式」を選びます（初期値は「ラジオボタン」になっています）。　

３）画面右上のギヤアイコンをクリックして、「ログインが必要」内のチェックを外し、このフォームをどこからでもアクセスできるように設定します。

それ以外の項目は、初期値でかまいません。

‍

‍

４）画面右上の「送信」ボタンをクリックして、送信方法の「リンク」タブから回答入力フォームの「リンクURL」をコピーします。

後ほど２. で利用しますのでメモします。

‍

５）コピーした回答入力フォームURLの末尾 viewForm を formResponse へ変更して、データ送信先URLを作成します。

後ほど３. で利用しますのでメモします。

コピーしたURL　

例）https://docs.google.com/forms/d/e/XXXXXXXXX/viewform?usp=sf_link‍

末尾を変更して作成したURL

例）https://docs.google.com/forms/d/e/XXXXXXXXX/formResponse

‍

‍

2. Googleフォームの回答入力フォームから質問のIDを探す（Gravioのデータ送信先「質問のID」の入手）

１）上記１. ４）で入手したGoogleフォームの回答入力フォームURLへアクセスします。

２）必要な「質問のID」をソースコードから探します。

　　今回は Chrome の DevTools を使います。

　　回答フォームが表示されている画面で「F12キー」を押します。

‍

３）次の手順でソースコードから「質問のID」を探します。

DevToolsのツールバーの「Elements」をクリック
その左端のカーソルマークをクリック
質問の「回答の欄」の上にマウスカーソルを移動して、ソースコードから name=entry.NNNNNN を見つけます。この数値が質問のIDなのでメモします。見つからない場合は、「質問全体」にカーソルを合わせて、質問のIDとなる数値を見つけメモします。入手したIDは３. で利用します。

‍