JSer.info #405 - Node.js v10.12.0がリリースされました。
util.inspect
にsorted
オプションの追加されています。
これはassert.deepStrictEqual
などのDiff表示を改善するために導入されました。
- assert.deepStrictEqual diff confusion · Issue #22763 · nodejs/node
- util: add sorted option by BridgeAR · Pull Request #22788 · nodejs/node
fs.mkdir
にrecursive
オプションの追加、nghttp2
のアップデートを取り込みWebSockets over HTTP/2のサポート。
module.createRequireFromPath(filename)
の追加、URL
とPathの相互変換するurl.fileURLToPath(url)
とurl.pathToFileURL(path)
をurl
モジュールに追加などが行われています。
- module: add createRequireFunction method by devsnek · Pull Request #19360 · nodejs/node
- Discussion: File URLs in Node.js · Issue #22502 · nodejs/node
ReactライクなAPIをもつUIライブラリのInferno v6.0.0がリリースされました。
スタイルプロパティがhyphenを使った命名規則になりました。今まではdomStyle[style] = value
でスタイルを指定していたためCamelCaseの命名規則でした、しかし、CSS Custom Propertiesを設定するためにCSSStyleDeclaration.setProperty()を使うという理由で、CamelCaseからHyphen区切りに変更されています。
inferno-compat
ではCamelCaseのまま使えるようにreactStyles
というオプションも追加されています。(デフォルトは有効です)
backgroundColor
=>background-color
- Setting css variables by a style object - style.setProperty is needed · Issue #1375 · infernojs/inferno
- Using CSS custom properties (variables) - CSS: Cascading Style Sheets | MDN
またReactのライフサイクルイベントとの互換性向上するためにgetDerivedStateFromProps
とgetSnapshotBeforeUpdate
が追加されています。
String refsを削除、CreateRef/ForwardRef APIの追加、Fragmentsのサポートなども行われています。
マイグレーションガイドもあわせて公開されています。
メジャーブラウザがTSL 1.0とTLS 1.1のサポート終了/デフォルト無効化の予定を公開しました。
- Google Online Security Blog: Modernizing Transport Security
- Removing Old Versions of TLS | Mozilla Security Blog
- Modernizing TLS connections in Microsoft Edge and Internet Explorer 11 - Microsoft Edge Dev BlogMicrosoft Edge Dev Blog
- Deprecation of Legacy TLS 1.0 and 1.1 Versions | WebKit
それぞれのStableバージョンで次のスケジュールでTSL 1.0とTLS 1.1のサポートを終了またはデフォルト無効化される予定となっています。
- IE/MSEdge: 2020年前半
- Firefox: 2020年3月
- Chrome: 2020年1月/ Enterprise 2021年1月
- Safari: 2020年3月
JSer.infoをサポートするには
- 😘 知り合いにJSer.infoをおすすめする
- ❤️ GitHub Sponsorsで@azuのスポンサーになる
- 🐦 X(Twitter)で@jser_infoをフォローする
JSer.info Sponsors
JSer.info SponsorsはGitHub SponsorsとしてJSer.infoを支援してくれている方々です。
ヘッドライン
Node v10.12.0 (Current) | Node.js
nodejs.org/en/blog/release/v10.12.0/
Node.js 10.12.0リリース。
util.inspect
にsorted
オプションの追加、fs.mkdir
にrecursive
オプションの追加、WebSockets over HTTP/2のサポート。
module.createRequireFromPath(filename)
の追加、URL
とPathの相互変換するメソッドをurl
モジュールに追加など
- module: add createRequireFunction method by devsnek · Pull Request #19360 · nodejs/node
- Discussion: File URLs in Node.js · Issue #22502 · nodejs/node
ESLint v5.7.0 released - ESLint - Pluggable JavaScript linter
eslint.org/blog/2018/10/eslint-v5.7.0-released
ESLint v5.7.0リリース。
no-tabs
ルールにallowIndentationTabs
オプションの追加、camelcase
ルールにallow
オプションの追加など
Release v4.0.1 · reduxjs/redux
github.com/reduxjs/redux/releases/tag/v4.0.1
Redux 4.0.1リリース。
.mjs
をサポート、unpkgフィールドを追加など
Release Inferno v6.0.0 · infernojs/inferno
github.com/infernojs/inferno/releases/tag/v6.0.0
Inferno v6.0.0リリース。
hydrate
を別パッケージに移行、スタイルプロパティがhyphenを使った命名規則に、Reactのライフサイクルイベントとの互換性向上。
String refsを削除、CreateRef/ForwardRef APIの追加、Fragmentsのサポートなど
Release Notes for Safari Technology Preview 67 | WebKit
webkit.org/blog/8419/release-notes-for-safari-technology-preview-67/
Safari Technology Preview 67リリース。
Pointer Eventsを試験的にサポート、H264 Simulcastの有効化、CSS.registerProperty
のinitialValue
プロパティのサポートなど
V8 release v7.0 · V8
V8 7.0リリース。
Embedded builtinsでのメモリ消費量の削減、WebAssembly ThreadsのOrigin Trialの開始、Array#sort
が安定ソートになるなど
lolex/History.md at master · sinonjs/lolex
github.com/sinonjs/lolex/blob/master/History.md#300--2018-10-08
Sinon.jsでも使われるFake TimerライブラリであるLolex 3.0リリース。 Clock#countTimers
の追加、negative tickは例外を投げるように変更など
アーティクル
What's New In DevTools (Chrome 71) | Web | Google Developers
developers.google.com/web/updates/2018/10/devtools
Chrome 71の開発者ツールの変更点について。
DOM nodeをglobal variableとして保存できるように、HARファイルに_initiator
と_priority
を追加、PiPのbreakpointをサポートなど
AddyOsmani.com - Start Performance Budgeting
addyosmani.com/blog/performance-budgets/
performance budgetとはなにかについての記事。performance budgetとして使うことがある指標やその設定例。
新しい機能開発をするときにステークホルダーとの理解を共有に使うケースやトレードオフについてなど
What’s New in Create React App 2.0 Video Series – Elijah Manor – Medium
medium.com/@elijahmanor/whats-new-in-create-react-app-2-0-video-series-4ffaaa7cb7df
Create React App 2.0についてのスクリーンキャストと解説
Webpack v3 → v4移行パッケージ対照表 - Qiita
qiita.com/shimarin/items/17707fa575744ca0bd89
webpack3から4への移行におけるオプションやプラグインなどの対応関係や変更点について
スライド、動画関係
SinnerSchrader Tech Session '18 - 2018 - The Year of Web Components - Speaker Deck
speakerdeck.com/dkundel/sinnerschrader-tech-session-18-2018-the-year-of-web-components
Web Componentsについてのスライド。
Web Componentsを構成する仕様の紹介、ツールやフレームワークについて
npm and the future of JavaScript
slides.com/seldo/npm-future-of-javascript#/
npmとJavaScriptのエコシステムについてスライド。
フロントエンドフレームワークやバックエンドフレームワークのシェアの変化、何にnpmを使っているかについてなど。
サイト、サービス、ドキュメント
smooth-code/loadable-components: React code splitting made easy ✂️✨
github.com/smooth-code/loadable-components
Dynamic ImportやCode Splitting、SSRに対応したReactコンポーネントの動的ロードを扱うライブラリ
ソフトウェア、ツール、ライブラリ関係
JavaScript Visualizer
JavaScriptコードの実行をステップごとにインタプリタ的に実行しながら、実行コンテキストがどのように変化しているかを見られるツール。
書籍関係
入門JavaScript フロントエンドエンジニアになるための基本と実践スキル | 玉川 純 |本 | 通販 | Amazon
www.amazon.co.jp/dp/4798153907/
2018年11月28日発売。
初心者向けのJavaScriptについての書籍