Fork me on GitHub

2019-11-05のJS: MSEdge on Chromium RC、Immer 5.0.0、Speed Report on Search Console

Edit on GitHub 編集履歴を見る

JSer.info #460 - Microsoft EdgeのChromium版がRCリリースされました。

ロゴがあたらしくなりましたが、Microsoft Edge on Chromiumは既に公開されているMicrosoft Edge Insider ChannelsのCanary、Dev、Betaでテストできます。
RCリリースの記事では、自動テストに使えるWebDriver、Puppeteer、IEDriverServer使ったMSEdgeのIEモードでの起動方法についてなどについても書かれています。

また、今後の開発予定についてはステータスページやExplainerページを参照してください。


オブジェクトをImmutableに変更するライブラリであるImmer.js 5.0.0がリリースされました。

5.0.0ではMapSetのオブジェクトがサポートされています。
詳しくは次のドキュメントを参照するとよさそうです。


Google Search ConsoleにSpeed Reportが試験的に追加されました。

Chrome User Experience Reportのデータを元にした速度に関するLow、Middle、Fastのグループ分けを行い、問題の指摘などをしてくれます。
問題の改善方法についての詳細は、LighthouseベースとなったPageSpeed Insightsに誘導される形になっています。


ヘッドライン


OpenJS Foundation launches new professional certification program to support the future of Node.js development - OpenJS Foundation

openjsf.org/blog/2019/10/22/openjs-foundation-launches-new-professional-certification-program-to-support-the-future-of-node-js-development/

node.js news

OpenJS Foundation(Node.js Foundation)がNode.jsのアプリケーション開発とサービス開発における2種類の認定プログラムを開始した


Release v0.111.0 · facebook/flow

github.com/facebook/flow/releases/tag/v0.111.0

flowtype ReleaseNote

FlowType 0.111.0リリース。
Object spread構文によるオブジェクトのマージにおける型推論の改善。
パフォーマンス改善に向けた試験的なフラグとしてexperimental.minimal_mergeの追加など


The npm Blog — Release: 6.12.1

blog.npmjs.org/post/188679949625/release-6121

npm ReleaseNote

npm 6.12.1リリース。
Node.js 13のサポートなど


Release v5.0.0 · immerjs/immer

github.com/immerjs/immer/releases/tag/v5.0.0

JavaScript library ReleaseNote

Immer 5.0.0リリース。
MapとSetのサポート


Getting your sites ready for the new Microsoft Edge - Microsoft Edge Blog

blogs.windows.com/msedgedev/2019/11/04/edge-chromium-release-candidate-get-ready/

MSEdge ReleaseNote

MSEdge on ChromiumのRCリリース。
WebDriverの対応、Puppeteerの対応、IEDriverServer使ったMSEdgeのIEモードでの起動方法についてなど


アーティクル


Hands-on guide: developing & deploying Node.js apps in Kubernetes

learnk8s.io/nodejs-kubernetes-guide/

node.js Docker kubernetes article tutorial

Express+MongoなNode.jsアプリをDockerで動かして、それをminikubeを使ってローカルのKubernatesクラスタで動かし、スケーリングをテストするチュートリアル記事


5 TypeScript tips to improve your applications

nehalist.io/5-typescript-tips-to-improve-your-architecture/

TypeScript article

TypeScriptの型Tips。
Utility types、unknown型の利用、Lookup Types、ライブラリの型の拡張、ビルトインオブジェクトの型についてなど


スライド、動画関係


React Conf 2019 - YouTube

www.youtube.com/playlist?list=PLPxbbTqCLbGHPxZpw4xj_Wwg8-fdNxJRh

React video

React Conf 2019の動画一覧


ReactHooksでvideoを乗りこなす - Speaker Deck

speakerdeck.com/narirou/reacthookstevideowocheng-rikonasu

React video slide

React Hooksを使ってVideoプレイヤーを作成することについてのスライド。
<video>要素の持つ複雑なステート管理、更新頻度に合わせたステートの分離、React Hooksの利用についてなど


Building (And Re-Building) the Airbnb Design System | Maja Wichrowska & Tae Kim - YouTube

www.youtube.com/watch?v=fHQ1WSx41CA&list=PLPxbbTqCLbGHPxZpw4xj_Wwg8-fdNxJRh&index=10&t=0s

Design React video

Airbnbのデザインシステムの過去、現在、未来についての発表。
最初はフラグメンテーションが問題になり、CSS-in-JSを使ってデザインをDSLに寄せたら複雑化しパフォーマンスが問題になった。
柔軟性とパフォーマンスをちょうどよく取れるモジューラなアーキテクチャを目指し再構築しているという話


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


web.dev/samesite-cookie-recipes/

browser security

SameSite Cookiesへの対応方法について。
SameSite=Noneに対応していないUAの対策として、LegacyなCookieとSameSite属性をつけたCookieを両方渡すパターンについてなど


Official Google Webmaster Central Blog [EN]: Get faster with the new Speed report in Search Console

webmasters.googleblog.com/2019/11/search-console-speed-report.html

google SEO performance

Google Search ConsoleにChrome UX Reportを使った速度に関するレポートが一般公開された。
PC、モバイルごとに速度がLow、Middle、Fastの分類をして、その原因や改善方法の情報を提供する画面が追加された


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


mciastek/sal: 🚀 Performance focused, lightweight scroll animation library 🚀

github.com/mciastek/sal

JavaScript library animation

Intersection Observerを使ったスクロールアニメーションライブラリ。


mikro-orm/mikro-orm: TypeScript ORM for Node.js based on Data Mapper, Unit of Work and Identity Map patterns. Supports MongoDB, MySQL, MariaDB, PostgreSQL and SQLite databases.

github.com/mikro-orm/mikro-orm

TypeScript rnode library MySQL MongoDB

TypeScriptで書かれたMongoDB、MySQL、PostgreSQLなどのORMマッパーライブラリ


kroitor/asciichart: Nice-looking lightweight console ASCII line charts ╭┈╯ for NodeJS, browsers and terminal, no dependencies

github.com/kroitor/asciichart

JavaScript graphic library console

コンソールでAscii線グラフを描画するライブラリ


この記事へ修正リクエストをする
記事を紹介する