2017-05-03のJS

Headless SlimerJS with Firefox – Coding

Firefox Nightlyでheadlessサポートが行われたため、SlimerJSでヘッドレスなテストをおこなえるようになったという話

TestCafe v0.15.0 Released | TestCafe

TestCafe 0.15.0リリース。 Selector()#withTextの仕様を変更、ReactとVue向けのSelector拡張のサポート、セットアップ済みのDocker imageの提供。 --proxy--debug-modeの追加、RolepreserveUrlオプションの追加など

Angular: Angular 4.1.0 Now Available

Angular 4.1.0リリース。 StrictNullChecksを有効化したTypeScript 2.2/2.3のサポート。

Release v2.3.0 JoJo's Bizarre Adventure · vuejs/vue

Vue.js 2.3.0リリース。 サーバサイドレンダリングの改善、コンポーネントの非同期ローディングの改善、passive event listenerのサポートなど

Release v0.45.0 · facebook/flow

Flow 0.45.0リリース。 Unicodeサポートの改善、Dynamic Importのサポート、export type * from ...に対応など

Announcing TypeScript 2.3 | TypeScript

TypeScript 2.3リリース。 --checkJs// @ts-checkと書かれたJavaScriptのJSDocをtype checkできるように。 Default type argumentsのサポート、--downlevelIterationの追加、tsc --initで生成されるtsconfig.jsonの整理など

Ember.js - Ember 2.13 and 2.14 Beta Released

Ember 2.14リリース。 Ember CLIでyarnのサポート、BabelやAutoprefixerで利用できるtargetsを指定するconfig/target.jsが生成されるようになるなど

Netflix/unleash: Professionally publish your JavaScript modules in one keystroke

npm publishバージョン管理ツール。 semverでのバージョン付け、テストの実行、CHANGELOGの生成、publish時のpreview、gh-pagesへのドキュメントのデプロイなどpublish周りの処理をまとめたツール

Chromium Blog: Chrome 59 Beta: Headless Chromium, native notifications on macOS, and service worker navigation preload

Chrome 59 Betaリリース。 Headless Chrome、SWのnavigation preloadsのサポート、MediaError.messageのサポート、Image Capture APIの試験的サポートなど

Introducing a faster BBC News front page | Wildly Inaccurate

BBC Newsのパフォーマンス改善について。 SpeedCurveを使って計測を行い、画像遅延ロード、Reactをサーバサイドレンダリングのみに利用してる。 まだ改善の1段階で、Reactをブラウザ側で動かしたときにモバイルだと重たい問題

Internationalize your keyboard controls ★ Mozilla Hacks – the Web developer blog

キーボードイベントについて。 keyCode/charCode/whichを置き換えるkeycodeプロパティについて。 また、その他のKeyboardEvent周りのTipsについて。

Everything you need to know about BabelJS

Babelの設定やCLIについての概要解説

Functional pattern: flatMap

flatMapと呼ばれるものはどのようなものを言っているのかについて。 またそれに関連するECMAScriptのStage 1のProposalについて

Getting Started with Headless Chrome  |  Web  |  Google Developers

Headless Chromeの使い方について。 コマンドラインからDOMのダンプ、PDFの作成、スクリーンショット、remote debuggingの方法などについて

ECMAScript modules in browsers - JakeArchibald.com

ES modulesのブラウザサポートとNode.jsのモジュールと異なる点などについて。 また、モジュールが未サポート環境へのfallbackとしてのnonmodule、デフォルトがdeferである点や実行順、CORSやMIME typeなどについて

Node.js 8.0.0 has been delayed and will ship on or around May 30th

Node.js 8.0.0のリリース日が5月30日になった件について。 V8のTurboFan + Ignition pipelineのデフォルト化リリースを待ってからにする点について

bevacqua/prop-tc39: Scraping microservice for TC39 proposals 😸

ECMAScriptのProposalsの一覧とそれをJSONとして取得できるAPIとパッケージ

Performance best practices for Firefox front-end engineers - Mozilla | MDN

Firefoxのフロントエンド向けに書かれたパフォーマンスガイド。 requestIdleCallback、reflow、repaint、パフォーマンス計測などについて

Introduction · react-sketchapp

React ComponentをSketchへレンダリングするrenderer

Create Next App

Next.js版create react app

ktsn/houl: Gulp compatible build tool for huge static sites

gulp pluginを利用できるビルド/dev serverツール

わか(った気にな)るWebRTC 紙+電子版セット - Route 312 - BOOTH(同人誌通販・ダウンロード)

WebRTCの入門書

Webフロントエンド ハイパフォーマンス チューニング | 久保田 光則 |本 | 通販 | Amazon

2017年5月26日発売 ウェブサイトのフロントエンドのパフォーマンスについての書籍