現象
Google Chromeなどで翻訳機能をONにしていると、Font iconsが翻訳されてアイコンが表示されない
続きを読むMaterial UI v5ではスタイリング用のライブラリとしてemotionが使われるようです
Material UIとは別にstyled-componentsを利用している場合、スタイリング用のライブラリが複数存在することになります
Material UIでもstyled-componentsを使いたい場合、@material-ui/styled-engine
のエイリアスとして@material-ui/styled-engine-sc
を指定することで実現できるようです
Reactでできたアプリケーションのパフォーマンスチューニングのために、再レンダリングを調査し、改善したときのメモです
システム環境設定から、Dockとメニューバーを選択します
そして、ディスプレイの項目で
の2つの項目を設定します
すると、メニューバーにディスプレイのアイコンが追加され、ここからSidecarを有効にできるようになります
Catalina以前だと、ディスプレイの設定から「使用可能な場合はメニューバーにミラーリングオプションを表示」にチェックを入れておけばOKだったので、Big Surからは機能自体が無くなってしまったかと思っていました
この設定で、今まで通り簡単にSidecarを使うことができます
NODE_VERSION
でバージョンを指定します
指定する場所は、
Site settings > Build & deploy > Environment > Environment variables
です
https://docs.netlify.com/configure-builds/environment-variables/#netlify-configuration-variables
https://docs.netlify.com/configure-builds/environment-variables/#declare-variables
iOS端末を回転させてwindow sizeが変わって、resizeイベント後にwindow.innerWidth/innerHeight
を参照しても、実際の値と異なる
例えば画面を横から縦に変えた場合、widthは合っていますが、heightは異なる値を示しています
※ どうしてもiOS Chromeでresizeしたときに実際のwindow.innerWidth/innerHeight
が使いたい!ときに試す