質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Arduino

Arduinoは、AVRマイコン、単純なI/O(入出力)ポートを備えた基板、C言語を元としたArduinoのプログラム言語と、それを実装した統合開発環境から構成されたシステムです。

Q&A

解決済

3回答

1709閲覧

ブラウザからArduinoを操作したい(ローカル)

Y.NINOMIYA

総合スコア32

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Arduino

Arduinoは、AVRマイコン、単純なI/O(入出力)ポートを備えた基板、C言語を元としたArduinoのプログラム言語と、それを実装した統合開発環境から構成されたシステムです。

0グッド

1クリップ

投稿2018/12/12 12:39

Arduino初心者です。
先日、シリアルモニタを使い値を送信し、その値に応じた動作をさせる方法を学びました。ここで質問なのですが、ブラウザ(IEなど)でArduinoとシリアル通信を行うことはできるのでしょうか?いろいろ調べてみたところNode.jsというものを使うらしいのですがよくわかりませんでした....シリアル通信はPCからの送信だけでArduinoからの送信は考えておりません。その場合、Arduino・ブラウザではどのようなコードを記述すればよいのでしょうか?
詳しい方、回答よろしくお願いいます。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答3

0

ブラウザ(IEなど)でArduinoとシリアル通信を行うことはできるのでしょうか?

普通にブラウザからダイレクトでArduinoのコンソールを触ることは不可能です。
そもそもWebブラウザ(ChromeやIE)はセキュリティがガチガチにできています。
Webページを見ただけでローカルのファイルや、プロセスに触ることができるなら、Webサイトを訪れた瞬間にアンチウィルスソフトを停止させ、デスクトップやマイドキュメント配下のファイルをクラウドストレージへアップロードしてしまい、脅せそうなら脅してお金稼ぎできちゃいますからね。

そんな風に、ブラウザ上で何かむにむに動くようなアプリを作りたければ基本的にJavaScriptに頼るしかありませんが、パソコン内のファイルやプロセスを自由に閲覧することはできません。
あるのはクッキーやローカルストレージという限られたディレクトリ範囲内のファイルを触ることと、
裏で正規のHTTPリクエスト通信を飛ばす方法だけです。

  • Ajax: 一度きりのHTTPリクエストを飛ばす
  • WebSocket: HTTP通信を飛ばしたあと、コネクションを繋ぎっぱなしにして双方向で文字列のやり取りを行う

ところがArduinoはデフォルト状態ではUSBでパソコンに繋ぐものなので単独ではWebサーバになれません


かなりエンジニアとしての技量が必要になってきますが、代替案があります。

Arduinoは基本的に何かしらのパソコンとUSBで接続して動作させます。
そのパソコンでブラウザからのHTTPリクエストを待ち受け、裏でArduinoに連絡を取る仕組みを構築することで、質問文の要件を満たせます。
Node.jsが必要と書かれているのは、こういう特殊なWebサーバを作るのが得意な言語であり、Arduinoを操作するライブラリが揃っているから要件をまず間違いなく満たせるだろうというものです。

まぁ、そのWebサーバを作るにはNode.jsを使いこなせて、
「npmでWebSocketのライブラリとArduinoのシリアル通信モジュール落としてきて合体させるだよね、楽勝」と即興で組みはじめられる程度には技量が必要です。
ブラウザから見た殺風景なWebサイトも、HTML・CSS・JavaScriptできれいにラッピングして使い勝手の良い疑似シリアルコンソールを作り上げる必要がありますから、フロントエンド側の作業量も相当なボリュームになるでしょう。

慣れたNode.jsエンジニアでもモックアップで数日見たほうが良いと思うので、
おそらく完全に初心者の状態から完成まで持っていくのに1〜2ヶ月は見たほうが良いでしょう。
少なくとも私なら「面倒だからそのままシリアルコンソール使うか、Node.jsだけでスクリプト作って直接自動化するわ・・・」と考えます。


ArduinoをWebサーバとして実行する方法はあります。

ただし、Arduinoの中で動く言語はCとC++を混ぜたような独自言語なので
サンプルを見ながらLEDをチカチカさせる位ならサンプルコードコピペで事足りるでしょうけど、
凝ったことをしたければそれなりの時間と情熱が必要です。

投稿2018/12/13 01:33

miyabi-sun

総合スコア21158

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

0

ベストアンサー

Arduino
|
Node.jsサーバ(ローカル)
|
ブラウザ

Arduinoは特に手を加える必要なし
ローカルサーバーは
例えば特定のURIにアクセスしたらArdunoに向かって対応するメッセージをシリアルで送るように作る
さらに操作用のhtmlをブラウザに渡すようにする。

とりあえずArduinoのことは忘れて
「Node.js webサーバ」とかなんとかググって
ローカルでhtmlサーバー立ててブラウザでリンククリックすると
Nodeのコンソールになんか表示する、みたいなものを作って
「Nodeのコンソールになんか表示する」を「シリアルでArduinoと通信する」
に置き換える。


ところで最終的にArduinoをサーバーにしたいとかだとだいぶ話変わるんですが、
シリアル通信って(仮想)シリアルポートのことですよね?

投稿2018/12/13 00:08

ozwk

総合スコア13512

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

0

node.jsではないですが、下記のようなサイトがありましたので紹介します。

どちらにしてもArdiuno単体ではネットワーク通信できないので、Ethernetシールドというものを使用しないといけませんね。

WebブラウザからArduinoを操作する(Ethernetシールド使用)

投稿2018/12/12 14:59

euledge

総合スコア2404

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問