web

diagram-js 検討

とあるものが必要なきがしてので、どのように作るのがいいか検討していた。 GUIが欲しかったので 表が得意そうなライブラリが豊富なjavascriptで書くことにして、 javascriptで書くのがつらそうなコアのバックグラウンド処理は webassemblyとか使おうかなと…

nodejs Webpack-dev-server js html ウェブブラウザ更新

webpack dev serverの設定メモ エディタでjsをいじるとブラウザで自動リロードされる htmlをいじると自動リロード bundleも更新される(webpack-dev-serverはbundleしたものをメモリ上に置くので実態のファイル自体は更新されない? その他 ファイル構成 app/…

Ryzen 電力測定⑥

e-tipsmemo.hatenablog.come-tipsmemo.hatenablog.comグラフ表示できるようになったので、 Rustで書いたWebsocketのサーバーから送られてくるjsonでグラフを更新する。 jsonは以下のような形 { "time":2019/01/14 02:50:07, "voltage":102.396, "current":10…

Ryzen サーバー 電力測定⑤/Chart.js

前回はjsonで電力測定値をクライアントに送れるようになった。 e-tipsmemo.hatenablog.com これをきれいにグラフ化したい。 そこでChart.jsを使う。 Chart.jsによる折線グラフ作成<Chart.js<Javascript<木暮仁とりあえず必要 <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.1/Chart.min.js"></script> 表示部分は <body> <input type="text" name="message" value=""> </body>