Fork me on GitHub

2017-09-05のJS: Headless Browserの対応、Browserifyの再開

Edit on GitHub 編集履歴を見る

JSer.info #347 - FirefoxのHeadlessモードについてのドキュメントが公開されています。

FirefoxのHeadlessモードはLinuxではFirefox 55から、Mac/Windowsは56(現在のNightly)から動作します。

ChromeもMac/LinuxはChrome 59から、WindowsはChrome 60からHeadlessモードを利用できるようになっています。

以前2017-05-03のJS: Headless Chrome/FirefoxとPhantomJS/SlimerJS、ES modules - JSer.infoでまとめた現在のHeadless対応状況を更新しました。
Chromeは現バージョンである60から、Firefoxは次バージョンである56から全てのOSでHeadlessモードが利用できます。

Firefoxはselenium-webdriverを使った例が紹介されています。
Chromeは、Chromeチームが公開しているPuppeteerをはじめ、Chromeless, Chrominator, Chromy, Navalia, Lambdium, GhostJS, AutoGCDなどさまざまなライブラリが公開されています。

NickJSのようにPhantomJSからHeadless Chromeへ移行しているツールも出てきています。


Browserifyがsubstack/node-browserifyからbrowserify/browserifyのorganizationへ移行するとともに、次のようなIssueを立てて協力を求めています。

JSerレポート #1 Bundlerの未来、テスティングフレームワークの現状 - JSer.infoで伝えていたようにBrowserifyの開発は停滞していました。
今のBrowserifyはCommonJSをベースとしたBundlerであるため、今後.mjsなどがくることに備えた対応が必要であるなどを踏まえて現在のエコシステムを整理し始めています。

このIssueを始め、browserify/admin: administrative procedures for the browserify orgといったコミュニティ向けのドキュメント公開や今まで各自のリポジトリにあった*fyパッケージを https://github.com/browserify に集約しています。

Browserifyに意見がある人はこのIssueに書くとよさそうです。


ヘッドライン


Announcing TypeScript 2.5 | TypeScript

blogs.msdn.microsoft.com/typescript/2017/08/31/announcing-typescript-2-5/

TypeScript ReleaseNote

TypeScript 2.5リリース。
Optinal-catch-bindingのサポート、エディタ連携の改善、重複/aliasなパッケージの扱いを改善、--preserveSymlinksのサポートなど


Ember.js - Ember 2.15 and 2.16 Beta Released

emberjs.com/blog/2017/09/01/ember-2-15-released.html

JavaScript library ReleaseNote

Ember 2.15リリース。
Ember.Routerのスーパーセットであるrouter serviceの公開など


Concurrent JavaScript: It can work! | WebKit

webkit.org/blog/7846/concurrent-javascript-it-can-work/

JavaScript webkit

SharedArrayBufferが追加されるため、JavaScriptでThreadをサポートした場合にどうなるのかという思考実験についての記事。
現在のJavaScript VMはシングルスレッドであることを利用しているので、マルチスレッドの場合のVMのパフォーマンスなどについて。


🏁 Release: Iteration 10 – 10th developer preview · Issue #177 · ckeditor/ckeditor5-design

github.com/ckeditor/ckeditor5-design/issues/177

JavaScript editor library ReleaseNote

CKEditor 5 v0.10.0リリース。
MSEdgeのサポート、ツールチップメニューの改善、クリップボードの改善など


アーティクル


What's New In DevTools (Chrome 62)  |  Web  |  Google Developers

developers.google.com/web/updates/2017/08/devtools-release-notes

Chrome article

Chrome 62の開発者ツールの更新点について。
Top-level awaitがコンソールで利用可能に、特定のnodeのスクリーンショットを取れるように、CSS Gridのハイライト、コンソールフィルタの改善。
またHARをインポートできるようになり、キャッシュデータの閲覧ができるように


Form Validation with Web Audio | CSS-Tricks

css-tricks.com/form-validation-web-audio/

web audio accessibility article

Web Audio APIとフォームバリデーションを組み合わせる話。


Measuring performance gains — AngularJS to React (with Redux or Mobx)

medium.com/@guptagaruda/measuring-performance-gains-angularjs-to-react-with-redux-or-mobx-fb221517455

React Angular

3つのベンチマークアプリを元にAngular 1.xとReact/Redux/Mobxを比較した記事。
現在も多くのエンタープライズアプリがAngular 1.xで動いているため、Reactに移ることでどのようなメリットがあるのかを計測する目的


Decaffeinating a Large CoffeeScript Codebase Without Losing Sleep · DataFox Tech Blog

eng.datafox.com/javascript/2017/07/18/decaffeinating-large-coffeescript-codebase/

CoffeeScript JavaScript

bulk-decaffeinateを使ったCoffeeScriptからJavaScriptへの移行手順についての記事。


React + RxJSで始める状態管理 - VOYAGE GROUP techlog

techlog.voyagegroup.com/entry/2017/08/31/102915

JavaScript TypeScript almin 設計

Write層とRead層を分けることでのメリットとデメリットについて。
複雑さに対する責務の分離と依存局所化について


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


Headless mode - Mozilla | MDN

developer.mozilla.org/en-US/docs/Mozilla/Firefox/Headless_mode

firefox document

Firefoxのheadless modeについてのドキュメント


Rendering on Google Search  |  Search  |  Google Developers

developers.google.com/search/docs/guides/rendering

Chrome google SEO browser

Google Search Botのレンダリングサブシステムで利用してるChromeのバージョンやサポートしてない(無効化されている)機能について書かれてる。
2017年9月4日現在はChrome 41をベースにしている


Kea vs setState, Redux, Mobx, Dva, JumpState, Apollo, etc.

medium.com/@mariusandra/kea-vs-setstate-redux-mobx-dva-jumpstate-apollo-etc-4aa26ea11d02

JavaScript React redux

React向けのステート管理ライブラリのKeaについての記事。


help wanted · Issue #5 · browserify/discuss

github.com/browserify/discuss/issues/5

browserify issue

browserifyのissueと今後(ES Moduleやhmrなど)について。
browserify organizationにそれぞれのパッケージが移されまとめて管理されるようになった


phantombuster/nickjs: Web scraping library made by the Phantombuster team. Modern, simple & works on all websites.

github.com/phantombuster/nickjs

JavaScript browser library

Headless ChromeとPhantomJSをサポートしてるスクレイピングライブラリ


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


react-tools/react-move: React Move 🌀 Beautiful, data-driven animations for React

github.com/react-tools/react-move

React animation library

Reactでデータドリブンなアニメーションを行うライブラリ


lukechilds/keyv: Simple key-value store with support for multiple backends

github.com/lukechilds/keyv

node.js library

Redis、MySQLなどさまざまなバックエンドに対応してるシンプルなKVSライブラリ。
Map的なAPIを実装したadpterを使うことでバックエンドを変更できる


書籍関係


React for Real - O'Reilly Media

shop.oreilly.com/product/9781680502633.do

React book

Reactについての書籍


New Javascript Books

newjavascriptbooks.com/

JavaScript book

JavaScriptについての新書をまとめてるサイト


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