おびやまロボット研究所ブログ

一回作っとくと後で便利なので、メールアドレスで認証して、IDを作成して使うシステムを
phpで書いてみた。
メールアドレス送ると、IDと認証番号がメールで送ってきて、サイトで両方入れて一致したらID作成完了。
そのIDを使ってデータをサーバーに送って、可視化できます。データのダウンロードも可。
もうちょっと作ったら公開するかも。

Javascriptのリファレンスはこちらを見てる。
古い人間なので本を買って勉強したいところだけど、
オンラインで凄いボリュームがあってありがたいです。

https://developer.mozilla.org/ja/docs/Web/JavaScript

Javascriptはちょっとしか書いたことがないので、文法が良く分からない。
簡単なことを試すのは、

p5.js

が便利。ブラウザ上で、書いて動かして文法確認できる。
editorに行ってコード書いて動かすと、別に画面表示無くてもコンソールに出力ができるので、文法確認したり、オブジェクトや配列や、関数の動作を確認するのにいいです。

Javascriptとphpを簡単に書いてみてIoTでデータ可視化できるようにしてみた。
X軸に対してY1,Y2の2本分のデータをくっつけたURLを送るとデータがテキストファイルに追記されるphpを書いてデータを送る。

https://cpu4edu.net/ひみつ/dataひみつlog.php?x=10&y1=12&y2=14

さっき書いた、JavaScriptでテキストファイルを読み込む方法のところでサンプルを利用して、追記したデータファイルを読み込む。
そのデータを plotlyに送ってプロットするjavascriptを書いた。

セキュリティ考慮してないので、コードはここでは書きません。

以下のサイトで紹介されてることをやってみた。

JavaScriptでテキストファイルを簡単に読み込む方法7選
https://jp-seemore.com/web/3855/

この中でFetch APIを使った方法が簡単そうだけど、loadボタンは要らないのでその部分を除いてみて、ウインドウがロードされたときに起動するようにしたら動いた。