Web Serial APIとは何ですか？

ブラウザからシリアルポートを介してマイコン（Arduino等）や外部デバイスと通信できるWeb APIプラットフォーム。Progressive Web Appsでハードウェア制御を可能にする。

Web Serial APIのポイントは？

ChromeベースのブラウザからArduino・ESP32等を制御可能。ユーザー許可（Permission API）で特定ポートを選択。HTTPS環境またはlocalhostでのみ動作。Electron不要でブラウザだけでハードウェアアプリを作れる

【うぇぶしりあるえーぴーあい】

公開: 2026年8月13日

💡 「ブラウザとArduinoが直接おしゃべり」——CableなしでWebからマイコンを制御できるブラウザAPI

📌 このページのポイント

ブラウザ ↔ USBシリアル ↔ マイコンの双方向通信フロー

ひよこ

ペンギン先生、ArduinoってブラウザのWebページから操作できるの？

ペンギン先生

「Web Serial API」を使えばできるよ！USB ケーブルでつないだArduinoやESP32をブラウザから直接シリアル通信でコントロールできるんだよ。

ひよこ

「シリアル通信」って何なの？

ペンギン先生

データを1ビットずつ順番に送る通信方式だよ。ArduinoはパソコンとUSBでつながるとき「シリアルポート」として認識されていて、昔からArduino IDEのシリアルモニターでデータのやり取りをしてたんだよ。それをブラウザからできるようにしたのがWeb Serial APIだよ。

ひよこ

普通のWebサイトから誰でもマイコンを操作できたら怖くないの？

ペンギン先生

ちゃんとセキュリティがあるよ。ユーザーが「このページにこのポートへのアクセスを許可する」と明示的に選択しないと通信できないし、HTTPSまたはlocalhostでしか動かないんだよ。

ひよこ

これがあるとどんないいことがあるの？

ペンギン先生

以前はブラウザからハードウェアを制御するためにElectronというデスクトップアプリフレームワークが必要だったんだけど、Web Serial APIがあれば普通のWebページだけでできるよ。Arduinoのファームウェア書き込みツールをブラウザだけで動かす事例も出てきているんだよ。

まとめ：ざっくりこれだけ覚えればOK！

「Web Serial API」って出てきたら「ブラウザからマイコンをシリアル通信で制御するAPI」と思えればだいたいOK！

📖 おまけ：英語の意味

「Web Serial API」＝ Webシリアル通信API

💬 Fugu Project（Project Fugu）の一環でGoogleが推進。WebUSBやWebBluetoothと並ぶハードウェアアクセスAPIファミリーの一つだよ。