GitHubでは2021/08/13からgit操作でのIDとパスワードによる認証ができなくなりました https://github.blog/2020-12-15-token-authentication-requirements-for-git-operations/ Parsonal Access Token（PAT）を準備してfetchしてみると $ git fetch remote: …

現象 Google Chromeなどで翻訳機能をONにしていると、Font iconsが翻訳されてアイコンが表示されない ハンバーガーメニューのアイコンが出るはずなのに「メ」になっている 開発者ツールで見ると、「menu」が「メニュー」と訳されてしまっている

Material UI v5ではスタイリング用のライブラリとしてemotionが使われるようです next.material-ui.com Material UIとは別にstyled-componentsを利用している場合、スタイリング用のライブラリが複数存在することになります Material UIでもstyled-component…

tsconfig.jsonに"noErrorTruncation": trueを指定すればOK 以下のissueコメントのとおりです github.com

Reactでできたアプリケーションのパフォーマンスチューニングのために、再レンダリングを調査し、改善したときのメモです 方針 Why Did You Renderを使って、propsやstateが同じはずなのに再レンダリングが発生しているところを見つける 1で見つかった再レン…

システム環境設定から、Dockとメニューバーを選択します そして、ディスプレイの項目で 「メニューバーに表示」にチェックを入れる 「常に」を選択する の2つの項目を設定します すると、メニューバーにディスプレイのアイコンが追加され、ここからSidecarを…

NODE_VERSION でバージョンを指定します 指定する場所は、 Site settings > Build & deploy > Environment > Environment variables です https://docs.netlify.com/configure-builds/environment-variables/#netlify-configuration-variables https://docs.…

現象 iOS端末を回転させてwindow sizeが変わって、resizeイベント後にwindow.innerWidth/innerHeightを参照しても、実際の値と異なる 例えば画面を横から縦に変えた場合、widthは合っていますが、heightは異なる値を示しています bugs.webkit.org 環境 iPadO…

モチベーション PercyのSDKに存在しないフレームワークを使用している https://docs.percy.io/docs/sdks レスポンシブデザインをJavaScriptで頑張っている場合 PercyはDOMのスナップショットを取得して、それをもとにレスポンシブのテストを行っている。その…

まとめ Slackのような仮想リストを実現するのは難しい いずれのライブラリも上方向へのスクロールは難しい 普通に使う分には、react-virtuosoはいいぞ

github.com 作業ログです

github.com 作業ログです

github.com 作業ログ

github.com 作業ログです

github.com Getting Startだけさわるとよさそうに感じるけど、実務で使っていくと要素が取れなかったり、データ取得を待てなかったり、CIで回すとランダムフェイルしたりと苦労します そこで実際のWebアプリに近いもので同じテストを書いてみて使い勝手を確…