Arduino UNO WiFi Webサーバー：ブラウザからLEDをON/OFF制御

概要

Arduino UNO WiFi（内蔵ESP8266/ATWINC1500搭載モデル）を簡易Webサーバーとして動作させ、ブラウザからオンボードLED（D13）をON/OFF制御するデモプロジェクトです。ArduinoWiFiライブラリを使用し、REST風のURLパスでGPIOを操作します。

必要な部品

• Arduino UNO WiFi（Arduino.org版 / Rev2等）
• LED（オンボードのL LED（D13）を使用する場合は不要）
• 220Ω抵抗（外部LED使用時）
• ブレッドボード・ジャンパーワイヤー

回路

オンボードLED（D13）をそのまま使用するか、外部LEDのアノードを220Ω抵抗経由でD13に、カソードをGNDに接続します。回路図はプロジェクトページ参照。

スケッチ解説

ライブラリ

• ArduinoWiFi.h - Arduino UNO WiFi専用のWi-Fi/サーバー制御ライブラリ
• Wire.h - I2C（本スケッチでは未使用だが定型でインクルード）

動作フロー

1. setup(): D13を出力設定、Wi-Fi開始、シリアルに「WebServer Server is up」出力
2. loop(): Wifi.available() でクライアント接続待ち、process() でリクエスト処理
3. process(): URLの最初のパス（'/'まで）を読み取り、webserver ならHTML返却、digital ならGPIO制御
4. WebServer(): HTTP 200 OK + HTMLボディ返却。ON/OFFボタンは /arduino/digital/13/1 と /arduino/digital/13/0 を window.open() で呼び出すJavaScript
5. digitalCommand(): /digital/<pin>/<value> をパースし digitalWrite() 実行、ステータステキスト返却

重要なポイント

• レスポンス末尾に DELIMITER（ライブラリ定義の終端マーカー）を送信必須。これがないとクライアント側で通信完了とみなされない。
• WifiData オブジェクトでクライアントストリームを操作。
• URLパスは /arduino/webserver/ と /arduino/digital/13/1 の形式。

動作確認手順

1. スケッチ書き込み後、シリアルモニタでIPアドレス確認（または hostname.local）。
2. ブラウザで https://<IP>/arduino/webserver/ または https://<hostname>.local/arduino/webserver/ にアクセス。
3. 表示される「pin13 ON」「pin13 OFF」ボタンをクリック → LED点灯/消灯。
4. Arduino UNO WiFiのWebパネル（https://<IP>/）からもGPIO操作可能。

応用・発展

• 複数GPIOの制御（リレー、モーター、サーボ等）
• センサー値のJSON返却（/analog/<pin> 等）
• WebSocketやServer-Sent Eventsでリアルタイム双方向通信
• 認証・HTTPS化（本番運用時）
• SPA（Single Page Application）フロントエンドとの連携

注意点

• Arduino UNO WiFiは生産終了品が多く、入手性に注意。後継は Arduino UNO WiFi Rev2（ATmega4809 + u-blox NINA-W13）または Arduino Nano 33 IoT、ESP32 等。
• ArduinoWiFi.h は標準の WiFi.h（ESP32/ESP8266用）とは異なる専用ライブラリ。
• ブラウザのポップアップブロック機能により window.open() がブロックされる場合、手動で許可するか <a href="..."> リンク方式に変更推奨。