プログラム

Rustのparserを試す

ちょっと必要になったきがするのでparserをかくためのものを探したり サンプルを書いてみたりした。 個人的なメモ What is the difference between parser generators and parser combinators? - Quora compiler construction - What is the difference betw…

diagram-js customize 6. CustomizeRenderer

今回はBase Renderを継承した自作クラスに切り替えるbpmn-jsを参考にすると、lib/drawに主な3つのファイルがあるので それを作る。(今回はまだMyRenderUtilは使わない) 四角をつなげる線を引いたりするのに lib/util/RenderUtilが必要で、 diagram-jsからそ…

diagram-js customize 5. ContextPadProvider

e-tipsmemo.hatenablog.comつぎはContextPadProvider といっても今回もソースコードを分離する程度 ExampleContextPadProvider.jsの実装を/lib/features/context-pad/に移す。 ほぼコピペContextPadProvider.js import { assign, forEach, isArray } from 'm…

diagram-js customize 4. PaletteProvider

次にPaletteProvider bpmn-jsを習って、 app/lib/features/palette を以下のように構成。 index.jsはappからimportするときの読み込まれる? jsでファイルを分割するときの手法っぽい import PaletteModule from 'diagram-js/lib/features/palette'; import …

diagram-js customize 3. CONNECTION/SHAPE_STYLE

e-tipsmemo.hatenablog.com まず、前回スタイルがピンク色だったが、ここの色を変えるには1.BaseRenderのスタイルを上書き 2.app/lib/draw/Renderに新しくdiagram-js/BaseRenderを継承したRender Classをつくっていろいろとやる。とあるが、2は今は面倒なの…

diagram-js customize 2. Viewer

e-tipsmemo.hatenablog.com Viewer.js import Diagram from 'diagram-js'; import { assign, find, isFunction, isNumber, omit } from 'min-dash'; import { domify, query as domQuery, remove as domRemove } from 'min-dom'; var DEFAULT_OPTIONS = { wi…

diagram-js customize 1. container

e-tipsmemo.hatenablog.com 前回はリファレンスとなるbpmn-js-exampleを実行できるようになったので 今度はdiagram-jsのexampleに機能を追加する。 e-tipsmemo.hatenablog.com public 以下のindex.htmlを必要に応じてbpmn-jsに寄せた。 <html> <head> <link rel="stylesheet" href="css/diagram-js.css"> <link rel="stylesheet" href="css/app.css" /> <style> .palette-icon-l</link></link></head></html>…

diagram-js example とbpmn-js の再構築②

前回はdiagram-jsのexampleを実行したので、 次はbpmn-jsの差分を追加して起動できるかを確かめる。 動作とコードの確認をするためなので不要なファイルが残っていてもあまり気にしない。github.com bpmn-jsをcloneする。lib以下をdiagram-jsのapp以下にコピ…

diagram-js customize 0. font準備

e-tipsmemo.hatenablog.com diagram-jsからbpmn-jsの再構築した後に、 さて自分のアプリを書く番になると、 PaletteProviderにフォントが必要になるのでその作り方をメモする。 使用するもの Inkscape Fontello - icon fonts generator 参考 bpmn-font/HOWTO…

diagram-js example とbpmn-js の再構築①

diagram-jsを使うと決めたはいいが、ドキュメントはそこまで親切ではない感じなので わかったことをメモって行く。e-tipsmemo.hatenablog.com 最初はdiagram-jsのサンプルはgithubにある シンプルなdiagram-jsからどう言った点を実装すればbpmn-js(のような…

diagram-js 検討

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

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

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

STM32Cube MXプロジェクト生成

自分の使いたいMCUを検索して右上のStart Projectする。 Pin Configuration を適当に FPGAならQuartus 13とかProject Navigatorとか かなり昔からこんな画面のPINコンフィギュレーションソフトウェアがあったのに 代表的なMCUにはなぜないんだろうと思ってい…

STM32Cube MXを導入

MXCubeはStdLibの代替になれるぐらいには洗練されたと聞いたので ようやくSTM32Cubeを利用するためにインストールする。インストーラーをダウンロードする。 www.st.com 登録しなければならないらしい。 メールに送られてくるリンクからダウンロードする。MC…

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>

Rust websocket/Ryzen サーバー電力測定④

e-tipsmemo.hatenablog.com の続きで e-tipsmemo.hatenablog.com ができるようになったので。測定された時刻、電圧、電流、ワット数をserde_jsonでシリアライズして送信 Cargo.toml serde = "1.0" serde_derive = "1.0" serde_json = "1.0"#[derive(Serializ…

rust websocket server sender clone

e-tipsmemo.hatenablog.com と e-tipsmemo.hatenablog.com を組み合わせて、 Serverがlistenするスレッドとは別のスレッドからも、sendしたかった。 extern crate ws; use ws::{listen, Sender, Handler, Error, ErrorKind, Result, Message, Handshake}; us…

rust websocket

サーバーアプリ extern crate ws; use ws::{listen, Sender, Handler, Result, Message, CloseCode, Handshake}; use ws::Message::Text; use ws::Message::Binary; use ws::util::Token; struct Server { out: Sender, } impl Handler for Server { fn on_o…

Rust lopdf③

e-tipsmemo.hatenablog.com 文字列を抽出するのは最後 let mut textline : Vec<Object>= vec![]; for l in tmp.split('\n') { match op(CompleteStr(l)) { Ok((_, operate)) => { let operator = operate.operator; match operator.as_str() { "TJ" => { textline.ex</object>…

Ryzen 録画サーバー 電力測定②

e-tipsmemo.hatenablog.com の続き・・・・・ だが、Raspberry piで何度bluetoothctlを利用してWattcheckerに接続し直しても 一向にserialportサービスが見えない・・が 結局OSをRaspberry pi Stretchに変えたらうまくいってしまった・・・www.raspberrypi.o…

ubuntu ocaml install & test

メモ 環境はWSL上で Ubuntu 16.04 fish shell install sudo apt install ocaml OK Syntax Highlight sudo apt install opam opam initopam initをするとインストールされているshellに応じて、 自動で設定を行うか聞いてくる。 最後に以下を実行しろと言って…

Raspberry piでSPI通信

RaspberryでSPIする必要がでてきてその方法を調べたのでメモ。 しかもPythonじゃないといけない。 python好きじゃないけど pi@raspberrypi:~ $ cat /proc/version Linux version 4.14.66-v7+ (dc4@dc4-XPS13-9333) (gcc version 4.9.3 (crosstool-NG crossto…

C++ Rest SDKでtwitter④

http://e-tipsmemo.hatenablog.com/entry/2018/07/14/000000e-tipsmemo.hatenablog.com 次は画像をアップロードする方法を示す。 昔は画像のアップロードとツイートを同時にできるENDPOINTがあったらしいが、今は使えないので 画像をアップロードしてからそ…

C++ Rest SDKでtwitter③

e-tipsmemo.hatenablog.com 続き。認証が完了したら、 oauth_tokenはaccess token oauth_token_secretはaccess token secret を得ている。ツイートを行う。 signatureを作るパラメータにはツイートと、画像をアップロードしてmedia_idがあるならばあるならば…

C++ Rest SDKでtwitter②

e-tipsmemo.hatenablog.com の続き。requestTokenが成功すると oauth_token=xxxxxx&oauth_token_secret=yyyyy&hoge=zzzzzみたいな文字列が返ってくる。 Request TokenとRequest Token Secretとなんとかid(つかわない)https://api.twitter.com/oauth/authoriz…

C++ Rest SDKでtwitter①

TwitterつかうアプリケーションでC++ Rest SDKを利用した。 C++ Rest SDKはexperimentalだがoauth1 oauth2の実装もしてあったが使い方がよくわからなかったので httprequestを直接つかった。Twitter認証のステップをメモしておく。最初にrequestTokenを得る…

Visual Studio 2017 boost xml serialization

Nuget パッケージマネージャーでboostと検索して プロジェクトのプラットフォームツールセットのバージョンにあったBoostをインストールする 今回はv140を入れた。 準備 シリアライズしたいクラスに追加する。 #include <boost/serialization/serialization.hpp> #include <boost/serialization/nvp.hpp> #include <boost/serialization/string.hpp> class hoge { p</boost/serialization/string.hpp></boost/serialization/nvp.hpp></boost/serialization/serialization.hpp>…

Visual Studio 2017 C++ Rest SDK static library build

Visual Studio 2017でcpprestsdkの静的リンクライブラリを作成したときにでてきたエラーの解決方法(2018/06/19) Cannot fimd Build/Release.Tests.settings github.com からリポジトリをクローンするのだが、WSLからgitコマンドを利用したところ、一部のファ…

C++のコンパクトなハッシュライブラリ

HMAC-SHA1を計算したかった。 win32にはcrypt32とかあるけどよくわからなかったのでgithub.com便利 #include "../sha1.h" #include "../hmac.h" #include <string> #include <vector> #include <iostream> int main() { std::string input= "what do ya want for nothing?"; std::strin</iostream></vector></string>…