Skip to content
Leafony
Shop

Google Sheetsを使ったIoTサービス

Explore with your favorite AI

ChatGPT Claude
Gemini & other AI

Copy this page’s context into your AI to explore how it works and what you can build.

Open Gemini

Copy the prompt, then paste it into Gemini’s message box.

View prompt

This content is not available in your language yet.

概要

Section titled “概要”

ESP32 MCUリーフと4-Sensorsリーフだけで、IoT環境センサを作り、Google スプレッドシートを使って、センサデータを可視化します。

Google Sheetsの準備

Section titled “Google Sheetsの準備”

ESP32 MCUリーフが送るセンサデータをGoogle Sheetsで表示する、IoTサービスを紹介します。 ブラウザを閲覧できるPCやスマホがあれば、どこでもデータを確認できます。
まずは、Google Sheetsでデータを表示するための設定を以下の通り行いましょう。

  1. Googleアカウントにログインし、新しいスプレッドシートを作成しましょう。アカウントがない場合は作成してください。


  1. Google Sheetsのタイトル（デフォルト：無題のスプレッドシート）は自由に変更して大丈夫です。
    また、シート番号（デフォルト：シート1）も自由に変更して大丈夫です。

  2. 下のGoogle SheetsのURLの部分の赤枠で囲った記号列は、後でGoogle Sheetを指定するのに利用するので、適当な場所にコピーしておいてください。

    • ここでは、1o0cogc3aomAj58CRdMZARNJtoEmf8dB9ebY02jKV9tA


  1. ツールからスクリプトエディタを開き、Githubのソースコードをコピー&ペーストしてください。

  1. 以下の変数に、先ほど作成したGoogle Sheetsの情報を入力してください。
    • google_sheets_id：先ほどコピーしたGoogle SheetsのURLの記号列
    • sheet_name：書き込み先のシート名（デフォルト：シート1）


  1. Google Sheetsを公開する手順について、説明します。
    公開->ウェブアプリケーションとして導入をクリックします。


  1. 続いて、アクセスの権限をAnyone, even anonymousに変更し、誰でも閲覧できるようにします。


  1. デプロイボタンを押すと、Script AppからGoogle Sheetsへのアクセス権限の確認が行なわれるので、許可を確認をクリックしてください。


  1. 左下の詳細をクリックしてください。


  1. 次に警告が出るので、（安全ではないページ）に移動をクリックしてください。


  1. 最後にスクリプトからスプレッドシートへのアクセスリクエストを許可してください。


  1. 以下のポップアップ画面が表示され、今回作成したウェブアプリ固有のURLが発行されるので、URLをコピーしてOKをクリックしてください。


（アプリ固有のURL）

https://script.google.com/macros/s/AKfycbw-8Wx8Zf0alULuD3aLQdwnyVM8hSHAiDsrj49wA17ZqE7y-tP8/exec

Google Sheetsの動作確認

Section titled “Google Sheetsの動作確認”

  1. 今回は試しに、Datetime、UniqueID=Leafony_AP02-1、Temperature=100、Humidity=100、Illumination=100 を、Google Sheetsに書き込んでみます。


  2. アプリ固有のURLに、?UniqueID=Leafony_AP02-1&temperature=100&humidity=100&illumination=100を追加すると、以下の通りになります。

https://script.google.com/macros/s/AKfycbw-8Wx8Zf0alULuD3aLQdwnyVM8hSHAiDsrj49wA17ZqE7y-tP8/exec?UniqueID=Leafony_AP02-1&temperature=100&humidity=100&illumination=100

  1. 上記のURLをブラウザに貼り付け、アクセスすると、設定したGoogle Sheetsにデータが書き込まれます。

Google Sheetsの1行目に記載されているカラム名は自動表示されないため、予めご記載ください。


スクリプトのミスがあった場合

Section titled “スクリプトのミスがあった場合”
  1. スクリプトを修正します。
  2. 公開->ウェブアプリケーションとして導入をクリックします。
  3. 最初と全く同じ設定でデプロイすると修正したコードがうまく反映されないことがあるので、再デプロイのときはProject versionをNewに設定して更新をクリックします。
  4. またその時動作しているウェブアプリのURLは以下で確認できます。


次へ進む

Section titled “次へ進む”