JSer.info #404 - Reactを使った開発環境ツールであるCreate React App 2.0がリリースされました。
- Create React App 2.0: Babel 7, Sass, and More – React Blog
- Release v2.0.3 · facebook/create-react-app
Babel 7、webpack 4、Jest 23と依存モジュールがメジャーアップデートされています。
またNode.js 6のサポート終了、IE11のサポートを行うため最低限のpolyfillがreact-app-polyfillというパッケージで導入できるようになっています。
Proxyの設定方法変更、Service Workerをオプトインになるといった変更が行われています。
Windows 10 October 2018 Updateに含まれているEdgeHTML 18の変更内容が公開されています。
- What’s new in Microsoft Edge in the Windows 10 October 2018 Update - Microsoft Edge Dev BlogMicrosoft Edge Dev Blog
- 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などの利用率や好み、使い続けるかについてのアンケート結果がまとめられています。
JSer.infoをサポートするには
- 😘 知り合いにJSer.infoをおすすめする
- ❤️ GitHub Sponsorsで@azuのスポンサーになる
- 🐦 X(Twitter)で@jser_infoをフォローする
JSer.info Sponsors
JSer.info SponsorsはGitHub SponsorsとしてJSer.infoを支援してくれている方々です。
ヘッドライン
Create React App 2.0: Babel 7, Sass, and More – React Blog
reactjs.org/blog/2018/10/01/create-react-app-v2.html
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
Puppeteer v1.9.0リリース。
Chromium 71.0に更新、async stack tracesのサポート、Browserifyでbundleできるようになりブラウザ上でも実行できるように。
frame.gotoやframe.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/
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
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
JSDOM 12.2.0リリース。
Shadow DOMのサポート、Element#toggleAttributeメソッドのサポートなど
アーティクル
Content Security Policy Level 3におけるXSS対策 - pixiv inside
CSPのscript-srcとstrict-dynamicについて。
ドメインホワイトリストの問題とnonceによる実行制限について
ライブラリをES2015(ES6)で書いて公開する所から始めよう | Web Scratch
efcl.info/2015/01/09/write-es6/
Babelを使ったES2015以降のコードで書くプロジェクトのセットアップやnpmでライブラリ公開の準備などについてのチュートリアル。
よくあるJavaScriptライブラリのディレクトリ構造などについて。
Babel 7に対応する更新が行われた
WebAssembly on Cloudflare Workers
blog.cloudflare.com/webassembly-on-cloudflare-workers/
Cloudflare Worker内でWebAssemblyが動作するようになった
Working with Babel 7 and Webpack | The Basement
www.thebasement.be/working-with-babel-7-and-webpack/
Babel7とwebpackを使った設定方法についての解説記事。
@babel/preset-envのuseBuiltInsオプションやデバッグ方法についてなど
On Node Framework Popularity – hueniverse
hueniverse.com/on-node-framework-popularity-355fbde5cbe4
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で関数呼び出しが改善された話とその仕組みについて。
WebAssemblyとJITの関係、WebAssemblyで最適化した関数とビルドイン関数の呼び出しの比較など
サイト、サービス、ドキュメント
本書の対象読者及び目的 - Sound for Javascripters
ongaku-daisukikko-club.gitbook.io/music-for-javascripter/
Web Audio APIとMIDI Keyboardを使ってシンセサイザーを作る内容の書籍。
Codesandboxを使いながらウェブブラウザ上でコードを書いてテストを行い実行していく。
ソフトウェア、ツール、ライブラリ関係
jamesseanwright/wax: An experimental, JSX-compatible renderer for the Web Audio API
github.com/jamesseanwright/wax
Web Audio APIをJSXを使って宣言的に記述できるライブラリ
simov/request-compose: Composable HTTP Client
github.com/simov/request-compose
Node.js向けのComposeできるHTTPライブラリ。
関数をcomposeしてHTTPリクエストやレスポンスの処理を行える。
terser-js/terser: JavaScript parser, mangler, optimizer and beautifier toolkit for ES6+
uglify-esをforkしたminifyツール。
uglify-esがメンテナンスされていないため(uglify-js自体は開発されている)、ES2015+に対応することを目的に開発されている。
