プログラム
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…
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の差分を追加して起動できるかを確かめる。 動作とコードの確認をするためなので不要なファイルが残っていてもあまり気にしない。github.com bpmn-jsをcloneする。lib以下をdiagram-jsのapp以下にコピ…
e-tipsmemo.hatenablog.com diagram-jsからbpmn-jsの再構築した後に、 さて自分のアプリを書く番になると、 PaletteProviderにフォントが必要になるのでその作り方をメモする。 使用するもの Inkscape Fontello - icon fonts generator 参考 bpmn-font/HOWTO…
diagram-jsを使うと決めたはいいが、ドキュメントはそこまで親切ではない感じなので わかったことをメモって行く。e-tipsmemo.hatenablog.com 最初はdiagram-jsのサンプルはgithubにある シンプルなdiagram-jsからどう言った点を実装すればbpmn-js(のような…
とあるものが必要なきがしてので、どのように作るのがいいか検討していた。 GUIが欲しかったので 表が得意そうなライブラリが豊富なjavascriptで書くことにして、 javascriptで書くのがつらそうなコアのバックグラウンド処理は webassemblyとか使おうかなと…
webpack dev serverの設定メモ エディタでjsをいじるとブラウザで自動リロードされる htmlをいじると自動リロード bundleも更新される(webpack-dev-serverはbundleしたものをメモリ上に置くので実態のファイル自体は更新されない? その他 ファイル構成 app/…
自分の使いたいMCUを検索して右上のStart Projectする。 Pin Configuration を適当に FPGAならQuartus 13とかProject Navigatorとか かなり昔からこんな画面のPINコンフィギュレーションソフトウェアがあったのに 代表的なMCUにはなぜないんだろうと思ってい…
MXCubeはStdLibの代替になれるぐらいには洗練されたと聞いたので ようやくSTM32Cubeを利用するためにインストールする。インストーラーをダウンロードする。 www.st.com 登録しなければならないらしい。 メールに送られてくるリンクからダウンロードする。MC…
e-tipsmemo.hatenablog.come-tipsmemo.hatenablog.comグラフ表示できるようになったので、 Rustで書いたWebsocketのサーバーから送られてくるjsonでグラフを更新する。 jsonは以下のような形 { "time":2019/01/14 02:50:07, "voltage":102.396, "current":10…
前回は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>
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…
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…
サーバーアプリ 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…
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>…
e-tipsmemo.hatenablog.com の続き・・・・・ だが、Raspberry piで何度bluetoothctlを利用してWattcheckerに接続し直しても 一向にserialportサービスが見えない・・が 結局OSをRaspberry pi Stretchに変えたらうまくいってしまった・・・www.raspberrypi.o…
メモ 環境はWSL上で Ubuntu 16.04 fish shell install sudo apt install ocaml OK Syntax Highlight sudo apt install opam opam initopam initをするとインストールされているshellに応じて、 自動で設定を行うか聞いてくる。 最後に以下を実行しろと言って…
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…
http://e-tipsmemo.hatenablog.com/entry/2018/07/14/000000e-tipsmemo.hatenablog.com 次は画像をアップロードする方法を示す。 昔は画像のアップロードとツイートを同時にできるENDPOINTがあったらしいが、今は使えないので 画像をアップロードしてからそ…
e-tipsmemo.hatenablog.com 続き。認証が完了したら、 oauth_tokenはaccess token oauth_token_secretはaccess token secret を得ている。ツイートを行う。 signatureを作るパラメータにはツイートと、画像をアップロードしてmedia_idがあるならばあるならば…
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…
TwitterつかうアプリケーションでC++ Rest SDKを利用した。 C++ Rest SDKはexperimentalだがoauth1 oauth2の実装もしてあったが使い方がよくわからなかったので httprequestを直接つかった。Twitter認証のステップをメモしておく。最初にrequestTokenを得る…
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でcpprestsdkの静的リンクライブラリを作成したときにでてきたエラーの解決方法(2018/06/19) Cannot fimd Build/Release.Tests.settings github.com からリポジトリをクローンするのだが、WSLからgitコマンドを利用したところ、一部のファ…
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>…
Visual Studioで文字列を扱うとき、 以下の設定の違いで TCHARの定義がかわる。 参考 Tchar.h における汎用テキストのマッピング typedef std::basic_string<TCHAR> tstring; typedef std::basic_stringstream<TCHAR> tstringstream; typedef std::basic_ostringstream<TCHAR> tos</tchar></tchar></tchar>…
WindowsでWin32のアプリを作っていたとき http requestとかするときいいライブラリないなみたいな記憶があって わざわざC++/CLIで、C#のHttpRequestクラスみたいなものをつかてたけども、MicrosoftのメンテしているC++ Rest SDKという物があったらしい。 (い…
{ "TEST": [ { "name": "aaa", "hoge": "bbb", "foo": "ccc" }, { "name": "ddd", "hoge": "eee", "foo": "fff" }, { "name": "ggg", "hoge": "hhh", "foo": "iii" }] } こういうJSONがある。 まずこれが正しいのかチェックした lab.syncer.jp OK次にこれを…
ポリゴンの衝突判定のためにレイと三角形の衝突を実装した。 球と同様にHITトレイトを実装する。 三角形との交差判定は risalc.info にある通り。 面内のベクトルは、三角形の法線と直行するのでそこからがわかる。 ベクトルを求め、三角形を張る、を基底と…
金属とガラスを実装した。 それぞれMaterial Traitを実装し、光が当たったときのその光のゆく方向を計算する。 再帰の呼び出しに条件を付けることで、不必要なほどの反射光の計算を適当に減らす。 fuzzは反射時のランダム要素 ガラスの球と屈折率 わかりにく…