ChatGPTにいろいろと教えてもらいながら、MQTT通信でESP32から発信されるデータをDashというダッシュボードに表示するアプリケーションを構築してみました。以下のような感じで電圧と温度をブラウザ上で表示した（温度と電圧のデータはダミーデータ）。

今回の成果物

以下のGithubに置いてあります。
https://github.com/takurot/ESP32_MQTT

ESP32のコード
MQTTブローカーの設定（README）
MQTTブローカーからデータを受け取ってデータベースに保存するスクリプト
データベースを定期的に見に行って値をダッシュボードに表示するスクリプト

一連のChatGPTとのやり取り

コード上で修正が必要だったところ

サーバー側のSQLの記述に、特にリクエストしていなかったtimestampが入っていて、当初動かなかった。この辺はちょっと修正しているが、その他の部分はほとんど使える。
証明書で暗号化通信を試みたが、なぜかMosquittoとESP32が認証ファイルエラーでつながらなかった。ChatGPTの問題というよりは、実行環境の問題のような気がしているがまだよくわかっていない。暗号化通信の部分はコードをコメント化している。ユーザー認証はちゃんと動いた。
以下の回答はChatGPTが間違いを認めているのがちょっと面白い。たまに細かいところの整合が取れない時があるのかも。コードは一度に生成してもらったほうがよいかもしれない。

ChatGPT回答

スクリプトの分離について:
一般的に、異なる役割を持つコードは別々のスクリプトやモジュールに分けることが推奨されます。これにはいくつかの理由があります：
- 単一責任原則: 一つのスクリプトやモジュールは一つの明確な役割や機能を持つべきです。これにより、コードの保守やデバッグが容易になります。
- 再利用性: 分離されたモジュールは、必要に応じて他のプロジェクトで再利用しやすくなります。
- 可読性: より小さな、特定の機能に特化したスクリプトは、大きな一つのスクリプトよりも読みやすくなります。
したがって、MQTTを介してデータを受け取りデータベースに保存するスクリプトと、Dashを使用してデータベースの内容をグラフとして表示するスクリプトは、通常別々のファイルに配置するのが良いでしょう。
データベース名について:
私の回答での不整合を指摘していただき、ありがとうございます。以前の例ではデータベースの名前としてsensors.dbを使用しましたが、このDashスクリプトではdata.dbとしてしまいました。実際には、両方のスクリプトで同じデータベース名を使用する必要があります。したがって、Dashのスクリプト中のデータベース名もsensors.dbに修正すべきです。

前述の例から次の部分を:

conn = sqlite3.connect('data.db')

次のように修正してください：

conn = sqlite3.connect('sensors.db')

このように統一しておくことで、両方のスクリプトが同じデータベースを参照・操作することが確実となります。

所感

MQTTのこととかユーザー認証のこととか確認方法とかを聞きながら、ちょっとづつ知識を増やしてアプリケーション構築することができるので、多少時間はかかりながらも異分野のコードを短時間で作成することができる。
ユーザー認証をする、などあとから仕様が追加になったりした場合は、全部を再作成してもらったほうがよい。
注意すべきポイントもその都度教えてくれる。
微々たる間違いはあるが、すべてを否定するほどのことでもない。よく知ってる先輩、くらいの位置づけ（多少間違うこともある）。
出力されるエラーについても詳しく教えてくれる。