TSC Weblog

名医の極み～THE MOST EXCELLENT PHYSICIAN～
脳神経外科医 福島孝徳 より

画面中央奥。水色の滴落検知器。黒とオレンジのノブボルト。
ちょっとわかりにくいがOT-808だと思う。

我が家は川の近くでやや低い土地なので、雨が降ると家の前が水たまりに。

今回の台風では近くの水宮神社が駐車場を車の退避場所として開放してくれたので助かりました。

水宮神社
http://mizumiya-jinja.info/

まだ川の水位は高いので油断できないけど…。

Wi-Fi搭載マイコン「ESP32」。
これを使ってスマートフォンからESP32に接続したLEDを調光してみました。



ESP32を実装しDIP化された開発ボードが各社から販売されており、ブレッドボードにさしてすぐ使えます。
I/OはUARTはもちろんI2CとかSPI・D/A・A/D…もう全部入り。これで1500円しないのです。
ソフトウェア開発は無料のArduino IDEを使い、ライブラリも豊富に公開されています。
普通のおじさんにも簡単にマイコン開発できます。
もちろんこれは僕がすごいんじゃありません。
誰でも簡単にマイコン開発できる環境がそろってることがすごいんです。
うーんいい時代になったものだ。

参考にしたサイト
ESP32でwebserverを立ち上げてRGBLEDをスマホから調光する
https://qiita.com/wak_tech/items/60d993bb85e519a047b0

ESP32をWebサーバとして稼働させ、スマホから発光色・輝度情報を受け取り処理するのは基本的に同じ。
上記サイトの作例そのままでは芸がないのでちょっと工夫した点。

• スライダーの値はGETメソッドではなくPOSTメソッドで送信。


• 単独でアクセスポイント兼Webサーバとして稼働。


• インターネットに接続していなくても動作するようjQueryのスクリプトファイルはSDメモリに保存。


• 動作確認時に使用するSSID・PSK・IPアドレスをOLEDに表示。


• ページを再読み込みしたときスライダーの値が初期値に戻ってしまわないよう、現在のスライダーの値を反映。

購入したもの
すべて秋月電子通商より調達。ブレッドボードとマイクロSDカードは自前。

• ESP32-DevKitC-32D @1480YEN


• 0.96インチ 128×64ドット有機ELディスプレイ(OLED) @580YEN


• マイクロSDカードスロットDIP化キット @300YEN


• 抵抗内蔵5mm赤色LED @15YEN


• 抵抗内蔵5mm黄緑色LED @15YEN


• 抵抗内蔵5mm青色LED @25YEN

---

回路図

• 電源は5V。USBより供給。


• △は3.3V。ESP32より供給。


• ▽はGND。


• LEDは抵抗入り。


• その他の抵抗はすべて10kΩ。

---

ソースコード
正しい実装かどうかはさておき、とりあえず動きます。

• 無保証です。


• 開発環境はArduino IDE 1.8.9。


• Arduino core for ESP32 と OLED SSD1306 のライブラリは予めインストールしておきます。


• SSIDとPSKは適宜書き換えます。


• jQueryのスプリクトファイル「jquery.min.js」を予めマイクロSDカードに保存します。


• IPアドレスは192.168.4.1となります。

ESP32withRGBLEDbyPOST.ino