random.tagucch.dev

技術とかの雑なToday I Learnedメモ

パッケージのアップデート、パフォーマンス学びたい
Node.js
performance
Lighthouse

パッケージのアップデート

Dependabot の設定をして作られたプルリクエストを全てマージしたのにも関わらず GitHub の Security Alerts がまだ怒っていて、あれ？と思って調べてみたけどあんまりよく分からなかった。

怒られているライブラリのバージョンを yarn.lock で見たらたしかに存在していたのでそれを解消し、ついでに色々なライブラリのバージョンを一気に上げちゃうかと思ってyarn upgrade-interactiveした。

yarn upgrade-interactive して a で全部選択したらなんかエラーが出た。

tagucch@tagucch random.tagucch.dev % yarn upgrade-interactive
yarn upgrade-interactive v1.22.10
info Color legend :
 "<red>"    : Major Update backward-incompatible updates
 "<yellow>" : Minor Update backward-compatible features
 "<green>"  : Patch Update backward-compatible bug fixes
? Choose which packages to update.
? Choose which packages to update. @types/node@14.17.4, @types/react@17.0.13, @types/react-dom@17.0.8, autoprefixer@10.2.6, postcss@8.3.5, prettier@2.3.2, tailwindcss@2.2.4, typescript@4.3.5,
date-fns@2.22.1, gray-matter@4.0.3, next@10.2.3, react@17.0.2, react-dom@17.0.2
info Installing "dependencies"...
[1/4] 🔍  Resolving packages...
warning next > native-url > querystring@0.2.1: The
warning next > node-libs-browser > url > querystring@0.2.0: The
[2/4] 🚚  Fetching packages...
error jest-worker@27.0.0-next.5: The engine "node" is incompatible with this module. Expected version "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0". Got "14.7.0"
✨  Done in 25.63s.
Error: Found incompatible module.
    at MessageError.ExtendableBuiltin (/usr/local/Cellar/yarn/1.22.10/libexec/lib/cli.js:721:66)
    at new MessageError (/usr/local/Cellar/yarn/1.22.10/libexec/lib/cli.js:750:123)
    at checkOne (/usr/local/Cellar/yarn/1.22.10/libexec/lib/cli.js:48059:11)
    at Object.check (/usr/local/Cellar/yarn/1.22.10/libexec/lib/cli.js:48078:5)
    at /usr/local/Cellar/yarn/1.22.10/libexec/lib/cli.js:7348:73
    at Generator.next (<anonymous>)
    at step (/usr/local/Cellar/yarn/1.22.10/libexec/lib/cli.js:310:30)
    at /usr/local/Cellar/yarn/1.22.10/libexec/lib/cli.js:321:13
tagucch@tagucch random.tagucch.dev %

今の Node.js のバージョンが 14.7.0 だったのでメッセージに従い nodenv で 14.15.0 をダウンロードして設定した。だいぶ前に anyenv を homebrew 経由で入れ直したのでbrew upgrade anyenvだけで nodenv の list が更新されて楽だった。

Node.js のバージョンを更新してからもう一度yarn upgrade-interactiveしたら特に問題なく終了した。jest-workerで求めるバージョンが怒られてたけど、テスト何も書いてないんだよな……。このサイトのテストコードも書いていきたい。

パフォーマンスのことを学びたい

仕事で IE だけ速度が遅くて問題になっているということがあって、それをなんとかしたくてパフォーマンスについて色々調べようみたいな話になっている。

パフォーマンスに関して意識的に何かを改善しようという機会自体がほぼ初めてで困ってしまい、とにかくまずはできることからやるかと思って Lighthouse で計測してみたけど、計測結果の項目とかが全然分からないことだらけでヒエーとなっている。

Lighthouse の計測結果を見ていく - Qiita

ひとまずこれを読んでいるが、項目がめっちゃ多い。先は長そうだ。

← Back To Home