worksこの広告は、90日以上更新していないブログに表示しています。研究で色々あってreactを使う判断をしました。研究ではAndroidのセンサログ情報やら開発者が実装した行動認識を行うクラスを可視化して想定通りに行動認識アルゴリズムが動作しているかの調査や、そもそもどういったセンサデータが用いれるかを調べられるWebベースのデバッグツールを作っていました。本デバッグツールでは様々なセンサデータを可視化することとなるのですが、その際には、ツール利用者が自由にグラフ配置できるような仕組みが求められるかと思います。なにぶん、昨今Androidのセンサは増えていますし、行動認識と一口に言っても様々なパラメータや計算過程の値が跋扈するわけです、大量のグラフを並べたいように並べる仕組みが必要かと思います。いうライブラリを使いました。名前の通りドラッグ可能にする便利コンポーネントです。インストール方法と設定については公式READMEをご覧ください。コンポーネントで囲います。要素はドラッグ可能になりました。Reactのコンポーネントでも同様にできます。ウインドウっぽくしたい現状の実装だと要素内のどこをドラッグしてもドラッグされます。できればウインドウのUIっぽく上の方だけクリックしたら移動みたいな実装にしたいですね。属性を利用すれば良いです。指定したclassの要素をドラッグすることで移動ができるようになります。こっちではドラッグできないよ</Draggable>位置を保存したい今回のツールはブラウザベースで開発しているのですがリロードのたびに配置が変わるのは好ましくありません。そこで位置を保存して再読込の際にはロードされるようにしましょう。属性によって位置が決められる。