React

React Nativeで黄色いWarningを消す方法

React NativeでFirebaseなどをつかっているときに、ちょくちょくと、”Setting a timer for long time period, ..."のようなWarningが出てくるときがあります。 このWarningの...
React

React NativeのonPress関数に引数を渡す

React Native では<View> や <TouchableOpacity>は最もよく使うタグの一つですが、これらの要素がタッチされたときの動きをセットする onPress関数の使い方として一般的には以下のような形かと思います。 <...
React

React-Native-User-Avatarでアバター画像の輪郭に色をつける方法

React-Native-User-Avatarは簡単にアバター画像が作成できるので便利ですね。TypeScriptにも対応しており、GitHubでもスターが多く最もよく使われているAvatarライブラリ−のようです。 基本的な使い方はサイ...
React

papa.parseでCSV読み込み時最終行にブランクラインが入ってしまう

CSVをブラウザーのローカル保持で読み込む方法の便利なツールにpapa.parseがあります。 なぜか読み込んだArrayの最終行にブランクラインが一行入ってしまうことがあります。 そのようなときは、 skipEmptyLines: tru...
React

iOSシミュレータの画像サンプルを増やす方法

React expoなどでiOSシミュレータを使って画像のアップロードのテストなどを行う場合、標準で保存されている画像だけでは不足ですね。例えばアバターのテストなどではポートレイト画像もいくつかほしいところです。 シミュレータに手持ちの画像...
React

React echartsのoptionが再レンダリングに反映されないとき

React echartsでグラフを描く際、軸や変数などをセットするoptionを変更したのに再描画時に反映されない場合には、notMergeをtrueにする必要あります。 以下のような感じですね <ReactECharts option=...
React

IntelliJ IDEAエディターでPrettierの設定に手間取る

PythonやJavaScriptのエディターとしてVSCodeが人気なのではないかとおもいますが、わたくしはIntelliJをつかってます。とても使いやすいので気に入ってます。 ところが、必須のプラグインPrettierはプロジェクトを設...
React

Reactのテーブルライブラリ「AG Grid」でレスポンシブにテーブルをリサイズする件

「R」で作った心理尺度ツールは公開する際のライセンスの問題が気になったので、思い切って勉強を兼ねてReactであらためて作ることにした。 テーブル作成のためどのライブラリを使うかを調査した結果「AG Grid」が今回の目的にフィットしそうな...
React

Reactのライブラリ「React DnD」の基本的使い方

Rで作っていた心理尺度開発ツールをReactベースで再構築するなかでドラッグ&ドロップが必要になったので調査。 React界隈では、「React DnD」と「React Beautiful DnD」のどちらかが主流のようだ。 今回はこのうち...
Python

Pythonでwebsocket-clientのバージョンを変えたら動かなくなった件

websocket-clientのバージョン46を使っていたのですが、必要になってバージョン56にUP。 結果、こんな感じで使っていた引数の'ws'が不要になったようで、引数がおかしいよ!とお叱りを受ける。これらを削除するなど調整して動かし...