Skip to main content

For Developers

クロスプラットフォーム WebSerial JavaScript

WebSerial API

JavaScript を使用して、Chrome とデバイス間で直接シリアル通信を実現。ネイティブインストールやシステムドライバは不要です。

Hero Image
概要

WebSerial API は、シリアルポートや Bluetooth RFCOMM チャネルを介して通信するデバイスに、Web サイトから直接接続できるようにします。

マイクロコントローラ、センサー、POS 周辺機器、その他の組み込みハードウェアを、ブラウザ内から操作するのに最適です。

Chrome が権限管理と接続を安全に制御するため、カスタムドライバをインストールすることなくシリアルデータの送受信が可能です。


仕組み

WebSerial API は、Chrome とデバイス間に安全で権限ベースのシリアルチャネルを開き、JavaScript を通じて直接読み書きを可能にします。

How It Works Image
主な特長

check_small ブラウザから直接シリアルデバイスと通信可能

check_small 多くの USB-to-Serial アダプタでは追加ドライバ不要

check_small Windows、macOS、Linux、ChromeOS など主要プラットフォームに対応

check_small 物理シリアルポートおよび Bluetooth RFCOMM の両方をサポート

check_small シリアル接続前に必ず安全な権限確認を実施


bookmarks

テスト & 開発

Chrome DevTools やブラウザベースのサンプルアプリを使用して、WebSerial 接続を直接テストできます。USB-to-Serial アダプタを使用する場合、多くのプラットフォームで追加ドライバは不要です。

ユースケース

デバイス設定 & デバッグ

ブラウザから直接組み込みデバイスを接続・設定。マイクロコントローラ、開発ボード、ロボティクスシステムに最適です。

リアルタイムデータストリーミング

センサー、IoT モジュール、診断ツールからのライブデータをストリーミングし、監視や分析ダッシュボードに活用します。

産業機器 & POS 制御

研究機器、産業用周辺機器、POS システムを安全なブラウザベースのインターフェースで管理・制御します。

教育 & プロトタイピング

追加ソフトウェアをインストールすることなく、学生やエンジニアがシリアルデバイスを試せる環境を提供します。


外部リソース

開発者向けドキュメント

技術ドキュメント、権限モデル、API メソッドを詳しく確認できます。

ドキュメントへ

GitHub サンプル

WebSerial を使用したデバイス接続のサンプルプロジェクトを確認できます。

サンプルを見る

互換性情報

対応環境:

Windows、macOS、Linux、ChromeOS

非対応:

iOS

Bluetooth サポート:

一部対応(RFCOMM チャネル)

技術上の重要事項

多くの USB-to-Serial アダプタで追加ドライバは不要
シリアルポートを開く前にユーザーの同意が必要
物理シリアルおよび Bluetooth RFCOMM チャネルをサポート

ヒント

データ送信前に、必ずシリアルポートを開くためのユーザー許可をリクエストしてください。

プラットフォーム補足

USB-to-Serial アダプタを使用する場合、多くのプラットフォームで追加ドライバなしで動作します。
シリアルポートを開く前にユーザー許可が必要です。

WebSerial を使うべきケース

次のようなデバイスに適しています

標準的なシリアルプロトコル(UART、RS-232、Bluetooth RFCOMM)で通信する
センサーやバーコードスキャナのように継続的にデータをストリーミングする
USB の構造化されたディスクリプタや複雑な設定を必要としない
Windows、macOS、Linux、ChromeOS ですぐに動作する必要がある

タグ

シリアル
WebSerial
Chrome
JavaScript ドライバ
デバイスアクセス
Bluetooth RFCOMM