WebSocket

ESP32: Webサーバ上でリアルタイムグラフ表示(デバッグ)

ブラウザChromeによるWebSocketのデバッグ公開講座(春・夏)「AI/IoTセンサのしくみを知ろう」の補足です。グラフ表示には，WebSocketプロトコルを使用しています。センシングしたデータが正しくWebサーバに届いているかの確認には，ブラウザChromeの検証機能を使います。確認手順 1．ブラウザでウェブページ(192.168.4.1)を開いて，グラフ以外の白いところで...

Arduino開発公開講座

ESP32: Webサーバ上でリアルタイムグラフ表示(Chart.js)

ESP32：Chart.jsを使ったグラフ表示公開講座(春夏)「AI/IoTセンサのしくみを知ろう」の補足です。 ESP32のウェブサーバ上で，センサで取得したデータをグラフ表示します。グラフの描画には，Chart.jsというグラフ描画用javascriptライブラリを使用します。グラフの更新には，WebSocketプロトコルを使用して，リアルタイムでセンシングしたデータの表示を行います。 ...

Arduino開発公開講座