worksこの広告は、90日以上更新していないブログに表示しています。2017-03-27react-resizable使った話pgmot.hatenablog.comこれの続きです。研究で色々あってreactを使う判断をしました。研究ではAndroidのセンサログ情報やら開発者が実装した行動認識を行うクラスを可視化して想定通りに行動認識アルゴリズムが動作しているかの調査や、そもそもどういったセンサデータが用いれるかを調べられるWebベースのデバッグツールを作っていました。本デバッグツールでは様々なセンサデータを可視化することとなるのですが、その際には、グラフなどを自由にサイズ変更できる必要があるかと思います。名前の通りリサイズに対応したReactコンポーネントです。インストール方法とインポート方法はREADMEを参照。</div></ResizableBox>簡単ですね。リサイズできるようにするためのハンドルも設定しないといけません。}cssにこれを書く必要があります。型の画像が仕込まれていてここをドラッグすることでリサイズできるような仕組みです。これもreact-draggableのときと同じようにコンポーネントのサイズを保持したい場合はlocalStorageなどを活用すればよいでしょう。</div></ResizableBox>さらにreact-draggableと連携すればドラッグ可能でリサイズ可能なウインドウっぽい何かが完成します。</ResizableBox></Draggable>こういうことをしてなんとか修論を乗り越えました。裏ではWebsocketやらReduxやら色々使っているので元気が出たらそのあたりも頑張って記事にします。研究で色々あってreactを使う判断をしました。月別アーカイブはてなブログをはじめよう!programmerMOTさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。