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ページを参照してください。
- Microsoft Edge web platform features status and roadmap - Microsoft Edge Development
- MicrosoftEdge/MSEdgeExplainers: Home for explainer documents originated by the Microsoft Edge team
オブジェクトをImmutableに変更するライブラリであるImmer.js 5.0.0がリリースされました。
5.0.0ではMapとSetのオブジェクトがサポートされています。
詳しくは次のドキュメントを参照するとよさそうです。
Google Search ConsoleにSpeed Reportが試験的に追加されました。
Chrome User Experience Reportのデータを元にした速度に関するLow、Middle、Fastのグループ分けを行い、問題の指摘などをしてくれます。
問題の改善方法についての詳細は、LighthouseベースとなったPageSpeed Insightsに誘導される形になっています。
JSer.infoをサポートするには
- 😘 知り合いにJSer.infoをおすすめする
- ❤️ GitHub Sponsorsで@azuのスポンサーになる
- 🐦 X(Twitter)で@jser_infoをフォローする
JSer.info Sponsors
JSer.info SponsorsはGitHub SponsorsとしてJSer.infoを支援してくれている方々です。
ヘッドライン
OpenJS Foundation launches new professional certification program to support the future of Node.js development - OpenJS Foundation
OpenJS Foundation(Node.js Foundation)がNode.jsのアプリケーション開発とサービス開発における2種類の認定プログラムを開始した
Release v0.111.0 · facebook/flow
github.com/facebook/flow/releases/tag/v0.111.0
FlowType 0.111.0リリース。
Object spread構文によるオブジェクトのマージにおける型推論の改善。
パフォーマンス改善に向けた試験的なフラグとしてexperimental.minimal_mergeの追加など
The npm Blog — Release: 6.12.1
blog.npmjs.org/post/188679949625/release-6121
npm 6.12.1リリース。
Node.js 13のサポートなど
Release v5.0.0 · immerjs/immer
github.com/immerjs/immer/releases/tag/v5.0.0
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 on ChromiumのRCリリース。
WebDriverの対応、Puppeteerの対応、IEDriverServer使ったMSEdgeのIEモードでの起動方法についてなど
アーティクル
Hands-on guide: developing & deploying Node.js apps in Kubernetes
learnk8s.io/nodejs-kubernetes-guide/
Express+MongoなNode.jsアプリをDockerで動かして、それをminikubeを使ってローカルのKubernatesクラスタで動かし、スケーリングをテストするチュートリアル記事
5 TypeScript tips to improve your applications
nehalist.io/5-typescript-tips-to-improve-your-architecture/
TypeScriptの型Tips。
Utility types、unknown型の利用、Lookup Types、ライブラリの型の拡張、ビルトインオブジェクトの型についてなど
スライド、動画関係
React Conf 2019 - YouTube
www.youtube.com/playlist?list=PLPxbbTqCLbGHPxZpw4xj_Wwg8-fdNxJRh
React Conf 2019の動画一覧
ReactHooksでvideoを乗りこなす - Speaker Deck
speakerdeck.com/narirou/reacthookstevideowocheng-rikonasu
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
Airbnbのデザインシステムの過去、現在、未来についての発表。
最初はフラグメンテーションが問題になり、CSS-in-JSを使ってデザインをDSLに寄せたら複雑化しパフォーマンスが問題になった。
柔軟性とパフォーマンスをちょうどよく取れるモジューラなアーキテクチャを目指し再構築しているという話
サイト、サービス、ドキュメント
SameSite cookie recipes
web.dev/samesite-cookie-recipes/
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 Search ConsoleにChrome UX Reportを使った速度に関するレポートが一般公開された。
PC、モバイルごとに速度がLow、Middle、Fastの分類をして、その原因や改善方法の情報を提供する画面が追加された
ソフトウェア、ツール、ライブラリ関係
mciastek/sal: 🚀 Performance focused, lightweight scroll animation library 🚀
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で書かれたMongoDB、MySQL、PostgreSQLなどのORMマッパーライブラリ
kroitor/asciichart: Nice-looking lightweight console ASCII line charts ╭┈╯ for NodeJS, browsers and terminal, no dependencies
コンソールでAscii線グラフを描画するライブラリ
