JSer.info #556 - Electron 14.0.0がリリースされました。
依存がそれぞれChromium 93、Node.js 14.17.0、V8 9.3へとアップデートされています。
破壊的な変更としてapp.allowRendererProcessReuseオプションの削除、worldSafeExecuteJavaScriptオプションを削除(trueがデフォルト)されています。
また、Electron 12でDeprecatedとなっていたremoteモジュールを削除し、@electron/remoteという外部モジュールへと変更されています。
RendererとMain(Node.js)のやり取りには、基本的にはcontextBridgeを使っていく方向になっています。
Node.jsでのFetch APIのpolyfillライブラリであるnode-fetch 3.0.0がリリースされました。
破壊的な変更として、Node.jsのESMのサポート、Node.js 12未満のサポート終了されています。
また、AbortControllerのサポートによって非標準なtimeoutオプションは不要となったため削除されています。
一方で、非標準なhighWaterMarkオプションの追加されています。
replace-jQueryは、jQueryのメソッドに対応するUtilityコード(完全互換ではないです)を生成するツールです。
デフォルトではコード中で利用してるjQueryメソッドに対応するメソッドをもつUtilityコードを生成します。また、特定のメソッドのみを指定して生成することもできるようです。
元コードにある$やjQuery自体は自動で書き換えるわけではありませんが、利用してるjQueryメソッドをUtilityに置き換えることで、jQueryへの依存をなくすことを目的にしたツールです。
JSer.infoをサポートするには
- 😘 知り合いにJSer.infoをおすすめする
- ❤️ GitHub Sponsorsで@azuのスポンサーになる
- 🐦 X(Twitter)で@jser_infoをフォローする
JSer.info Sponsors
JSer.info SponsorsはGitHub SponsorsとしてJSer.infoを支援してくれている方々です。
ヘッドライン
Electron 14.0.0 | Electron Blog
www.electronjs.org/blog/electron-14-0
Electron 14.0.0リリース。
Chromium 93、Node.js 14.17.0、V8 9.3にアップデート。
破壊的な変更としてapp.allowRendererProcessReuseオプションの削除、worldSafeExecuteJavaScriptオプションを削除してデフォルト化。
remoteモジュールを削除し、@electron/remoteという外部モジュール化など。
August 31 2021 Security Releases | Node.js
nodejs.org/en/blog/vulnerability/aug-2021-security-releases2/
Node.jsのセキュリティアップデート。
OpenSSLとnpm 6.x系の脆弱性の修正が含まれていて、Node.js v12.22.6 (LTS)とNode.js v14.17.6 (LTS)がリリースされている。
Release Selenium 4.0.0 RC 1 · SeleniumHQ/selenium
github.com/SeleniumHQ/selenium/releases/tag/selenium-4.0.0-rc-1
Selenium 4.0.0 RC 1リリース
Release v3.0.0 · node-fetch/node-fetch
github.com/node-fetch/node-fetch/releases/tag/v3.0.0
node-fetch 3.0.0リリース。
ESMのサポート、Node.js 12未満のサポート終了、timeoutオプションの削除、highWaterMarkオプションの追加など
jQuery UI 1.13.0-rc.2 released | jQuery UI Blog
blog.jqueryui.com/2021/09/jquery-ui-1-13-0-rc-2-released/
jQuery UI 1.13.0-rc.2リリース。
5年ぶりとなるリリース。
最近jQueryとの互換性を改善する目的のリリースであるため、非互換な変更は含まない。
Stitches 1.0.0 — Stitches
stitches.dev/blog/stitches-1.0.0
CSS-in-JSフレームワークであるStitches 1.0.0リリース。
アーティクル
ECMAScript proposal updates @ 2021-08 | ECMAScript Daily
ecmascript-daily.github.io/ecmascript/2021/09/04/ecmascript-proposal-update
2021年8月のTC39ミーティングでのECMAScript Proposalの変更まとめ。
Class Static Block、hasOwn、.at()がそれぞれStage 4となり、ES2022に入ることが決まった。
JavaScriptのIterator / Generatorの整理
zenn.dev/qnighy/articles/112af47edfda96
IteratorとGeneratorについての解説記事
スライド、動画関係
ss2021 - 日本ソフトウェア科学会 プログラミング論研究会 (JSSST-SIGPPL) (Special Interest Group on Programming and Programming Languages)
ppl.jssst.or.jp/index.php?ss2021
「JavaScript処理系とChromeブラウザの実装技術」についてのスライドまとめ。
サイト、サービス、ドキュメント
bundle - a quick npm package size checker
ブラウザ上でskypack.devとesbuild-wasmを使ってコードをbundleして、bundle sizeをチェックするツール。
ソフトウェア、ツール、ライブラリ関係
google/schema-dts: JSON-LD TypeScript types for Schema.org vocabulary
Schema.orgのvocabularyに対応したJSON-LDのTypeScript型定義ライブラリ。
asmcss/assembler: A modern UI framework
x-styleという仮想プロパティをスタイルとして展開するUtility-firstなUIフレームワーク。
niksy/isomorphic-timers-promises: `timers/promises` for client and server.
github.com/niksy/isomorphic-timers-promises
Node.jsのtimers/promises polyfillライブラリ
microsoft/ts-gyb: Generating native code interfaces from TypeScript
TypeScriptのinterfaceからmustache templatesを使ってコード生成するツール。
TypeScriptのinterfaceから別の言語のboilerplateを生成する目的のツール。
sachinchoolur/replace-jquery: Automatically finds jQuery methods from existing projects and generates vanilla js alternatives.
github.com/sachinchoolur/replace-jquery
jQueryに依存したコードから、利用しているjQueryのメソッドの代替コードを生成するツール。
指定したjQueryのメソッドのみを含んだutilityコードを生成できる。
書籍関係
React Cookbook
learning.oreilly.com/library/view/react-cookbook/9781492085836/
Reactについての書籍。
ルータ、ステート、GraphQL、UI、セキュリティ、テスト、アクセシビリティ、パフォーマンスなどのトピックごとに書かれたクックブック
