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に書くとよさそうです。
if you want to help out the browserify ecosystem, there's a new help wanted thread https://t.co/nB98TS5Cls
— substack (@substack) August 29, 2017
JSer.infoをサポートするには
- 😘 知り合いにJSer.infoをおすすめする
- ❤️ GitHub Sponsorsで@azuのスポンサーになる
- 🐦 X(Twitter)で@jser_infoをフォローする
JSer.info Sponsors
JSer.info SponsorsはGitHub SponsorsとしてJSer.infoを支援してくれている方々です。
ヘッドライン
Announcing TypeScript 2.5 | TypeScript
blogs.msdn.microsoft.com/typescript/2017/08/31/announcing-typescript-2-5/
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
Ember 2.15リリース。
Ember.Routerのスーパーセットであるrouter serviceの公開など
Concurrent JavaScript: It can work! | WebKit
webkit.org/blog/7846/concurrent-javascript-it-can-work/
SharedArrayBufferが追加されるため、JavaScriptでThreadをサポートした場合にどうなるのかという思考実験についての記事。
現在のJavaScript VMはシングルスレッドであることを利用しているので、マルチスレッドの場合のVMのパフォーマンスなどについて。
🏁 Release: Iteration 10 – 10th developer preview · Issue #177 · ckeditor/ckeditor5-design
github.com/ckeditor/ckeditor5-design/issues/177
CKEditor 5 v0.10.0リリース。
MSEdgeのサポート、ツールチップメニューの改善、クリップボードの改善など
- CKEditor 5 Developer Preview (v0.10.0)
- CKEditor 5 – Roadmap to 1.0.0 and beyond · Issue #172 · ckeditor/ckeditor5-design
アーティクル
What's New In DevTools (Chrome 62) | Web | Google Developers
developers.google.com/web/updates/2017/08/devtools-release-notes
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 APIとフォームバリデーションを組み合わせる話。
Measuring performance gains — AngularJS to React (with Redux or Mobx)
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/
bulk-decaffeinateを使ったCoffeeScriptからJavaScriptへの移行手順についての記事。
React + RxJSで始める状態管理 - VOYAGE GROUP techlog
techlog.voyagegroup.com/entry/2017/08/31/102915
Write層とRead層を分けることでのメリットとデメリットについて。
複雑さに対する責務の分離と依存局所化について
サイト、サービス、ドキュメント
Headless mode - Mozilla | MDN
developer.mozilla.org/en-US/docs/Mozilla/Firefox/Headless_mode
Firefoxのheadless modeについてのドキュメント
Rendering on Google Search | Search | Google Developers
developers.google.com/search/docs/guides/rendering
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
React向けのステート管理ライブラリのKeaについての記事。
help wanted · Issue #5 · browserify/discuss
github.com/browserify/discuss/issues/5
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
Headless ChromeとPhantomJSをサポートしてるスクレイピングライブラリ
ソフトウェア、ツール、ライブラリ関係
react-tools/react-move: React Move 🌀 Beautiful, data-driven animations for React
github.com/react-tools/react-move
Reactでデータドリブンなアニメーションを行うライブラリ
lukechilds/keyv: Simple key-value store with support for multiple backends
Redis、MySQLなどさまざまなバックエンドに対応してるシンプルなKVSライブラリ。
Map的なAPIを実装したadpterを使うことでバックエンドを変更できる
書籍関係
React for Real - O'Reilly Media
shop.oreilly.com/product/9781680502633.do
Reactについての書籍
New Javascript Books
JavaScriptについての新書をまとめてるサイト
