JSer.info #526 - npm 7が正式リリースされました。
npm install --global npm で npm 7がインストールされるようになっています。
npm 7がNode.jsに同梱されるのは、Node.js 15からになります。
- npm 7 is now generally available! - The GitHub Blog
- Presenting v7.0.0 of the npm CLI - The GitHub Blog
npm 7ではpackage-lock.jsonのフォーマットが変更されています。
あわせてyarn.lockファイルのサポートが追加されています。
その他の破壊的として、peerDependenciesが自動インストール、npxコマンドの変更、npm auditの出力形式変更などが含まれています。
機能追加としては、acceptDependenciesのサポート、workspacesのサポートが追加されています。
コマンドとしては、npm exec、npm set-script、npm diffなどが追加されています。
また、正式リリースに合わせてDependabotがnpm 7をサポートしています。
renovatebotについては次のIssueを参照してください。
Vuex 4.0.0がリリースされました。
Vue 3サポート、インストールプロセスの変更、グローバルのthis.$storeの型定義をしなくなるといった変更が含まれています。
また、Vue 3の配布形式に合わせてesm, cjs, globalといった複数形式でのビルドを公開しています。
Vuex 4.0.0ではComposition API に対応するuseStore APIが追加されています。
3.xからの4.xへのマイグレーションについては、次のドキュメントにまとめられています。
JSer.infoをサポートするには
- 😘 知り合いにJSer.infoをおすすめする
- ❤️ GitHub Sponsorsで@azuのスポンサーになる
- 🐦 X(Twitter)で@jser_infoをフォローする
JSer.info Sponsors
JSer.info SponsorsはGitHub SponsorsとしてJSer.infoを支援してくれている方々です。
ヘッドライン
npm 7 is now Generally Available - GitHub Changelog
github.blog/changelog/2021-02-02-npm-7-is-now-generally-available/
npm 7がlatestとしてリリースされ、npm install --global npmでnpm 7がインストールされるようになった
Release v6.0.0 · puppeteer/puppeteer
github.com/puppeteer/puppeteer/releases/tag/v6.0.0
Puppeteer v6.0.0リリース。
aria/* selectorが非表示などスキップされた要素にはマッチしないように変更、TypeScriptの型定義を同梱するようになるなど。
また、Chromiumのアップデート、page.emulateNetworkConditionsの追加、Apple M1のサポートなど
Node v15.8.0 (Current) | Node.js
nodejs.org/en/blog/release/v15.8.0/
Node.js 15.8.0リリース。
cryptoモジュールにgeneratePrimeとcheckPrimeメソッドを追加、npm 7.5.0へアップデート。
dgram.createSocketとreadline.questionがAbortSignalをサポートなど
Release v4.0.0 · vuejs/vuex
github.com/vuejs/vuex/releases/tag/v4.0.0
Vuex 4.0リリース。
Vue 3サポート、インストールプロセスの変更、Vue 3に合わせたbundleの配布など。
Node.js 14.x runtime now available in AWS Lambda | AWS Compute Blog
aws.amazon.com/jp/blogs/compute/node-js-14-x-runtime-now-available-in-aws-lambda/
AWS LambdaがNode.js 14をサポート
Typicode's blog - Husky 5
Git Hooksを扱うhusky 5が正式リリース。
依存なしに変更、ライセンスがMITからLicense Zero's Parity Licenseに変更。
4.xからのマイグレーションツールも公開している。
アーティクル
Node By Numbers 2020 - NodeSource
nodesource.com/blog/node-by-numbers-2020
NodesourceのLinux環境向けのNode.jsの2020年を数字で振り返る記事。
rpmとdebのダウンロード数、地域、バージョンごとのダウンロード数など。
セキュリティリリースがあった場合にはダウンロードのスパイクが発生している点についてなど
SMS OTPの自動入力によるリスクとその対策 - Akaki I/O
akaki.io/2021/sms_otp_autofill
iOSとAndroidにおけるSMS OTPの自動入力(autocomplete="one-time-code")の動作の検証。
フィッシングなどの攻撃への利用やDomain-bound codesでの自動入力の検証や仕様などについて
生 WebGL と TypeScript で Vercel のロゴを作る
zenn.dev/ixkaito/articles/webgl-typescript-vercel-logo
WebGLを使って図形を描画するまでをstep by stepで解説しているチュートリアル
useEncapsulation | Kyle Shevlin
kyleshevlin.com/use-encapsulation
React Componentで扱うStateをCustom Hooksで構築するパターンについて。
Custom HooksにまとめることでStateや操作をカプセル化したり、依存関係がわかりやすくなるなど
Introducing Private Click Measurement, PCM | WebKit
webkit.org/blog/11529/introducing-private-click-measurement-pcm/
iOS 14.5ベータでSafariとアプリでできるPrivate Click Measurement(PCM)についての解説。
トラッカーからプライバシーを保護しながら、広告のコンバージョンを遅延して送信する仕組みについて
10 bad TypeScript habits to break this year
startup-cto.net/10-bad-typescript-habits-to-break-this-year/
TypeScriptでの良くない習慣について。
何故良くないのかと、どうするべきなのについて書かれている。
strict、||、any、as、Optional、Genricsの名前、真偽値チェック、!!、!= nullなどについて
サイト、サービス、ドキュメント
Replay: Record and replay web applications
リプレイデバッグサービス。
Firefoxベースのリプレイを記録/再生するためのブラウザをオープンソースとして公開している
https://github.com/RecordReplay/
ソフトウェア、ツール、ライブラリ関係
samthor/gumnut: JS parser in Web Assembly / C
Cで書かれたJavaScriptパーサをWebAssemblyにコンパイルして扱う、JavaScriptパーサライブラリ。
davidjbradshaw/eslint-config-auto: Automatically configure ESLint based on project dependencies
github.com/davidjbradshaw/eslint-config-auto
プロジェクトのpackage.jsonを元にAirbnbのルールを基本としたESLintルール設定を自動で行うツール
