Fork me on GitHub

2019-04-09のJS: ChromiumベースのMicrosoft Edge プレビュー版公開、`request`モジュールがメンテンスモードに移行の予定

Edit on GitHub 編集履歴を見る

JSer.info #430 - 2018年12月にアナウンスされていたように、Chromiumを利用したMicrosoft Edge(MSEdge)のプレビュー版が公開されました。

現在はWindows 10 PC向けのみですが、今後はWindows 7、Windows 8.1、macOSなども対応していく予定とのことです。
Microsoft Edge InsiderではBeta、Dev、Canaryビルドを公開していくようです。

Microsoft Edge and Chromium Open Source: Our IntentのドキュメントやWhat to expect in the new Microsoft Edge Insider Channels - Microsoft Edge BlogではChromiumのどこへコントリビュートしていくかについても書かれています。
また、ウェブ標準へのコントリビュートについてはMSEdgeExplainersで公開されているドキュメントに予定が書かれていたり、HTML Modules周りで既にコミットされています。

また、リリース記事では新しいEdgeのUser Agentについても書かれていて、ウェブ互換性の観点からEdg(Edgeではない)の文字列を使うようです。

Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/74.0.3729.48 Safari/537.36 Edg/74.1.96.24

Node.jsのHTTPライブラリとして著名なrequestモジュールがメンテンスモードとなる方針がアナウンスされました。

新しい機能の受け入れや破壊的な変更の受け入れはせずに、修正リリースのみを行う方針について書かれています。
まだ、非推奨にするかや別のライブラリへのマイグレーション方法については、さきほどのIssueで話し合われている段階です。

代替ライブラリについては、次のIssueで話し合われています。

requestモジュールに関心がある人は読んでおくと良さそうです。


ヘッドライン


Release v2.6.0 · nuxt/nuxt.js

github.com/nuxt/nuxt.js/releases/tag/v2.6.0

Vue library ReleaseNote

Nuxt.js v2.6.0リリース。
core-js 2と3の両方をサポート、2.5で入ったready()に関するBreaking Changeをrevertなど


Release 3.13.1 · nodeca/js-yaml

github.com/nodeca/js-yaml/releases/tag/3.13.1

JavaScript library security ReleaseNote

js-yaml 3.13.1リリース。
load()で悪意のあるyamlファイルを読むと任意のコードを実行できる脆弱性の修正。


Request’s Past, Present and Future · Issue #3142 · request/request

github.com/request/request/issues/3142

node.js HTTP library issue news

Node.jsのHTTPライブラリであるrequestモジュールがメンテンスモードとなる。
新しい機能追加やBreaking Changesを入れないメンテンスモードとなる予定について書かれている。


Microsoft Edge preview builds: The next step in our OSS journey | Windows Experience Blog

blogs.windows.com/windowsexperience/2019/04/08/microsoft-edge-preview-builds-the-next-step-in-our-oss-journey/

MSEdge Chrome browser ReleaseNote

Chromiumを使ったMicrosoft Edgeのプレビュー版がリリースされた。 Beta、Dev、Canaryビルドを用意し、今後はmacOSの対応なども行う。


アーティクル


アメブロ2019: こえのブログでのPWA

developers.cyberagent.co.jp/blog/archives/20506/

PWA article JavaScript browser performance

こえのブログでのフロント周りの設計について。
Fastly CDN前提のURL構造、Cloud Speech-to-Textを使った文字起こし、vmsgを使ったクライアントでエンコードしてからのアップロード、Web Componentsの利用。
初回訪問と再訪問の最適化、performance budgetの設定など


New WebKit Features in Safari 12.1 | WebKit

webkit.org/blog/8718/new-webkit-features-in-safari-12-1/

safari article

Safari 12.1のWebKit周りの変更点について。
ダークモードの対応、ITP 2.1へのアップデート、Payment Request API、WebRTCの改善、EME API/MSEの対応。
Intersection Observer、Web Share APIの対応、Web Inspectorの改善など


Scroll Anchoring in Firefox 66 - Mozilla Hacks - the Web developer blog

hacks.mozilla.org/2019/03/scroll-anchoring-in-firefox-66/

CSS article

CSS Scroll Anchoringについて。
どのように動作するかの解説


Managing Z-Index In A Component-Based Web Application — Smashing Magazine

www.smashingmagazine.com/2019/04/z-index-component-based-web-application/

CSS article

コンポーネントベースにおけるz-indexの管理方法について。
Stacking Context、z-indexの管理、オーバーレイについて


docker-node/BestPractices.md at master · nodejs/docker-node

github.com/nodejs/docker-node/blob/master/docs/BestPractices.md

Docker node.js document

DockerにおけるNode.jsのベストプラクティスについて書かれたドキュメント。
環境変数、Ctrl + Cのシグナルが送れない問題、yarnのアップデート、root周りの設定、CMDでnpm run-script経由ではなく直接実行することについてなど


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


jeffijoe/typesync: Install missing TypeScript typings for dependencies in your package.json.

github.com/jeffijoe/typesync

npm node.js TypeScript console toll

package.jsonから関連する@typesのパッケージをインストールしてくれるツール


typeless-js/typeless: A complete toolkit for building scalable React apps with Typescript.

github.com/typeless-js/typeless

React redux TypeScript library

Reduxの典型的なケースをビルトインで持つ、React+Redux+Rxjsを前提としたステート管理ライブラリ。
React Hooksに対応し、Reactに合わせたライフサイクルアクションをもつ。


codex-team/editor.js: A block-styled editor with clean JSON output

github.com/codex-team/editor.js

JavaScript editor library

ブロックスタイルのエディタライブラリ。
ブロックごとの記述をJSONとして出力できる。


mgechev/codelyzer: Static analysis for Angular projects.

github.com/mgechev/codelyzer

Angular TypeScript Tools

TSLintを使ったAngularコンポーネント向けのLintルールセット


Home | PreVue

prevue.io/

Vue Tools design

Vue.jsを使ったUIプロトタイピングツール


kognise/water.css: A just-add-css collection of styles to make simple websites just a little nicer

github.com/kognise/water.css

CSS library

HTML要素のベーススタイルを定義したライブラリ。
要素に対するスタイルを提供するため、特別なクラスを提供していない。


leebyron/react-loops: React Loops works with React Hooks as part of the React Velcro Architecture

github.com/leebyron/react-loops

React library JavaScript

forループするReactコンポーネントライブラリ。

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