Fork me on GitHub

2021-02-09のJS: npm 7正式リリース、Vuex v4.0.0、Puppeteer v6.0.0

Edit on GitHub 編集履歴を見る

JSer.info #526 - npm 7が正式リリースされました。
npm install --global npm で npm 7がインストールされるようになっています。
npm 7がNode.jsに同梱されるのは、Node.js 15からになります。

npm 7ではpackage-lock.jsonのフォーマットが変更されています。
あわせてyarn.lockファイルのサポートが追加されています。
その他の破壊的として、peerDependenciesが自動インストール、npxコマンドの変更、npm auditの出力形式変更などが含まれています。

機能追加としては、acceptDependenciesのサポート、workspacesのサポートが追加されています。
コマンドとしては、npm execnpm set-scriptnpm 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 Sponsors

JSer.info SponsorsGitHub SponsorsとしてJSer.infoを支援してくれている方々です。


ヘッドライン


npm 7 is now Generally Available - GitHub Changelog

github.blog/changelog/2021-02-02-npm-7-is-now-generally-available/

npm ReleaseNote

npm 7がlatestとしてリリースされ、npm install --global npmでnpm 7がインストールされるようになった


Release v6.0.0 · puppeteer/puppeteer

github.com/puppeteer/puppeteer/releases/tag/v6.0.0

Chrome library ReleaseNote

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 ReleaseNote

Node.js 15.8.0リリース。
cryptoモジュールにgeneratePrimecheckPrimeメソッドを追加、npm 7.5.0へアップデート。
dgram.createSocketreadline.questionがAbortSignalをサポートなど


Release v4.0.0 · vuejs/vuex

github.com/vuejs/vuex/releases/tag/v4.0.0

Vue library ReleaseNote

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/

node.js aws Lambda news

AWS LambdaがNode.js 14をサポート


Typicode's blog - Husky 5

blog.typicode.com/husky-5/

JavaScript library Tools git ReleaseNote

Git Hooksを扱うhusky 5が正式リリース。
依存なしに変更、ライセンスがMITからLicense Zero's Parity Licenseに変更。
4.xからのマイグレーションツールも公開している。


アーティクル


Node By Numbers 2020 - NodeSource

nodesource.com/blog/node-by-numbers-2020

node.js article

NodesourceのLinux環境向けのNode.jsの2020年を数字で振り返る記事。
rpmとdebのダウンロード数、地域、バージョンごとのダウンロード数など。
セキュリティリリースがあった場合にはダウンロードのスパイクが発生している点についてなど


SMS OTPの自動入力によるリスクとその対策 - Akaki I/O

akaki.io/2021/sms_otp_autofill

security HTML article iOS Android

iOSとAndroidにおけるSMS OTPの自動入力(autocomplete="one-time-code")の動作の検証。
フィッシングなどの攻撃への利用やDomain-bound codesでの自動入力の検証や仕様などについて


生 WebGL と TypeScript で Vercel のロゴを作る

zenn.dev/ixkaito/articles/webgl-typescript-vercel-logo

WebGL JavaScript article tutorial TypeScript

WebGLを使って図形を描画するまでをstep by stepで解説しているチュートリアル


useEncapsulation | Kyle Shevlin

kyleshevlin.com/use-encapsulation

React article

React Componentで扱うStateをCustom Hooksで構築するパターンについて。
Custom HooksにまとめることでStateや操作をカプセル化したり、依存関係がわかりやすくなるなど


Introducing Private Click Measurement, PCM | WebKit

webkit.org/blog/11529/introducing-private-click-measurement-pcm/

safari iOS privacy ad article

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 article

TypeScriptでの良くない習慣について。
何故良くないのかと、どうするべきなのについて書かれている。
strict||anyas、Optional、Genricsの名前、真偽値チェック、!!!= nullなどについて


サイト、サービス、ドキュメント


Replay: Record and replay web applications

replay.io/

browser webservice debug

リプレイデバッグサービス。
Firefoxベースのリプレイを記録/再生するためのブラウザをオープンソースとして公開している
https://github.com/RecordReplay/


ソフトウェア、ツール、ライブラリ関係


samthor/gumnut: JS parser in Web Assembly / C

github.com/samthor/gumnut

JavaScript library WebAssembly

Cで書かれたJavaScriptパーサをWebAssemblyにコンパイルして扱う、JavaScriptパーサライブラリ。


davidjbradshaw/eslint-config-auto: Automatically configure ESLint based on project dependencies

github.com/davidjbradshaw/eslint-config-auto

ESLint Tools

プロジェクトのpackage.jsonを元にAirbnbのルールを基本としたESLintルール設定を自動で行うツール


この記事へ修正リクエストをする
JSer.info Slackに参加する