Fork me on GitHub

2018-10-09のJS: Create React App 2.0、EdgeHTML 18、Node.jsフレームワークアンケート

Edit on GitHub 編集履歴を見る

JSer.info #404 - Reactを使った開発環境ツールであるCreate React App 2.0がリリースされました。

Babel 7、webpack 4、Jest 23と依存モジュールがメジャーアップデートされています。
またNode.js 6のサポート終了、IE11のサポートを行うため最低限のpolyfillがreact-app-polyfillというパッケージで導入できるようになっています。

Proxyの設定方法変更、Service Workerをオプトインになるといった変更が行われています。


Windows 10 October 2018 Updateに含まれているEdgeHTML 18の変更内容が公開されています。

Web Authenticationの実装、Media autoplay policy、CSS masking、background blend、Web Notificationでbadgeプロパティなどをサポートが追加されています。

またXSSフィルターが廃止されContent Security Policy (CSP)を代わりに使うことが推奨されています。


On Node Framework Popularity – hueniverseという記事ではNode.jsのウェブアプリケーションフレームワークについてのアンケート結果が公開されています。

Express、Hapi、Koaなどの利用率や好み、使い続けるかについてのアンケート結果がまとめられています。


ヘッドライン


Create React App 2.0: Babel 7, Sass, and More – React Blog

reactjs.org/blog/2018/10/01/create-react-app-v2.html

React ReleaseNote

create-react-app 2.0リリース。
Babel 7、webpack 4、Jest 23に更新。
Node.js 6のサポート終了、IE11のサポートを行うpolyfillを分離、Proxyの設定方法変更、Service Workerをオプトインに変更など


Release v1.9.0 · GoogleChrome/puppeteer

github.com/GoogleChrome/puppeteer/releases/tag/v1.9.0

Chrome library ReleaseNote

Puppeteer v1.9.0リリース。
Chromium 71.0に更新、async stack tracesのサポート、Browserifyでbundleできるようになりブラウザ上でも実行できるように。
frame.gotoframe.waitForNavigationの追加など


What’s new in Microsoft Edge in the Windows 10 October 2018 Update - Microsoft Edge Dev BlogMicrosoft Edge Dev Blog

blogs.windows.com/msedgedev/2018/10/04/edgehtml-18-october-2018-update/

MSEdge ReleaseNote

Windows 10 October 2018 Updateに含まれるEdgeHTML 18の変更点について。
Web Authenticationの実装、Media autoplay policyの導入、CSS masking、background blendのサポート。
Web Notificationでbadgeをサポート、XSSフィルターの廃止など


Ember.js - Ember 3.4 Released

emberjs.com/blog/2018/10/07/ember-3-4-released.html

JavaScript library ReleaseNote

Ember 3.4リリース。
<Tag />のようにかぎ括弧で書けるように、Custom Component Managerの機能追加、component#sendActionを非推奨化など


jsdom/Changelog.md at master · jsdom/jsdom

github.com/jsdom/jsdom/blob/master/Changelog.md#1220

JavaScript DOM library ReleaseNote

JSDOM 12.2.0リリース。
Shadow DOMのサポート、Element#toggleAttributeメソッドのサポートなど


アーティクル


Content Security Policy Level 3におけるXSS対策 - pixiv inside

inside.pixiv.blog/kobo/5137

CSP security browser article

CSPのscript-srcとstrict-dynamicについて。
ドメインホワイトリストの問題とnonceによる実行制限について


ライブラリをES2015(ES6)で書いて公開する所から始めよう | Web Scratch

efcl.info/2015/01/09/write-es6/

babel JavaScript article tutorial

Babelを使ったES2015以降のコードで書くプロジェクトのセットアップやnpmでライブラリ公開の準備などについてのチュートリアル。
よくあるJavaScriptライブラリのディレクトリ構造などについて。
Babel 7に対応する更新が行われた


WebAssembly on Cloudflare Workers

blog.cloudflare.com/webassembly-on-cloudflare-workers/

WebAssembly ServiceWorker article

Cloudflare Worker内でWebAssemblyが動作するようになった


Working with Babel 7 and Webpack | The Basement

www.thebasement.be/working-with-babel-7-and-webpack/

babel webpack article

Babel7とwebpackを使った設定方法についての解説記事。
@babel/preset-envuseBuiltInsオプションやデバッグ方法についてなど


On Node Framework Popularity – hueniverse

hueniverse.com/on-node-framework-popularity-355fbde5cbe4

node.js library article

Node.jsのサーバフレームワークアンケート結果について。
Express、Hapi、Koaなどの利用率や好み、使い続けるかについてのアンケート結果がまとめられている


Calls between JavaScript and WebAssembly are finally fast 🎉 - Mozilla Hacks - the Web developer blog

hacks.mozilla.org/2018/10/calls-between-javascript-and-webassembly-are-finally-fast-%F0%9F%8E%89/

firefox WebAssembly article

Firefox WebAssemblyで関数呼び出しが改善された話とその仕組みについて。
WebAssemblyとJITの関係、WebAssemblyで最適化した関数とビルドイン関数の呼び出しの比較など


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


本書の対象読者及び目的 - Sound for Javascripters

ongaku-daisukikko-club.gitbook.io/music-for-javascripter/

web audio book JavaScript testing

Web Audio APIとMIDI Keyboardを使ってシンセサイザーを作る内容の書籍。
Codesandboxを使いながらウェブブラウザ上でコードを書いてテストを行い実行していく。


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


jamesseanwright/wax: An experimental, JSX-compatible renderer for the Web Audio API

github.com/jamesseanwright/wax

jsx web audio library

Web Audio APIをJSXを使って宣言的に記述できるライブラリ


simov/request-compose: Composable HTTP Client

github.com/simov/request-compose

JavaScript node.js library

Node.js向けのComposeできるHTTPライブラリ。
関数をcomposeしてHTTPリクエストやレスポンスの処理を行える。


terser-js/terser: JavaScript parser, mangler, optimizer and beautifier toolkit for ES6+

github.com/terser-js/terser

JavaScript Tools library

uglify-esをforkしたminifyツール。
uglify-esがメンテナンスされていないため(uglify-js自体は開発されている)、ES2015+に対応することを目的に開発されている。


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