JSer.info #295 - TypeScript 2.0 RCがリリースされました。

--strictNullChecksでのnullチェックやTagged union typesの、tsconfig.jsonがglobをサポートなど色々強化されています。

Babelのプラグインとしてminifyを行うbabiliがαリリースされました。

Babili (babel-minify) · Babel

ES2015+のコードに対して圧縮や未使用コードの削除などを行うBabelプラグインとなっています。
Rollupやwebpackはbundleツールなので少し領域が異なりますが、UglifyJS2のようなツールに対抗できるポジションを目指しているようです。

CSSメタ言語のSass 3.5RCがリリースされました。

Sass 3.5 Release Candidate « Sass Blog

C++で実装しなおしたLibSassがRuby版と殆ど100％の互換性となったようです。
3.5ではCSS Custom Property、First-Class Functions、Bracketed Listsなどのサポートが追加されています。

JSer.infoをサポートするには

😘 知り合いにJSer.infoをおすすめする
❤️ GitHub Sponsorsで@azuのスポンサーになる
🐦 X(Twitter)で@jser_infoをフォローする

JSer.info Sponsors

JSer.info SponsorsはGitHub SponsorsとしてJSer.infoを支援してくれている方々です。

ヘッドライン

esprima/ChangeLog at 3.0.0 · jquery/esprima

github.com/jquery/esprima/blob/3.0.0/ChangeLog

JavaScript AST ReleaseNote

esprima 3.0.0リリース。
ES2016 ** をサポート、JSXのサポートなど

Sass 3.5 Release Candidate « Sass Blog

blog.sass-lang.com/posts/809572-sass-35-release-candidate

Sass ReleaseNote

Sass 3.5 RCリリース。
libsassがRuby版とほぼ100％の互換性を持つように。
CSS Custom Propertyのサポートなど

jsdom/Changelog.md at 9.5.0 · tmpvar/jsdom

github.com/tmpvar/jsdom/blob/9.5.0/Changelog.md

JavaScript DOM ReleaseNote

jsdom 9.5.0リリース。
document.scripts、 document.embedsと document.pluginsの追加。
document.getElementsByTagNameがHTMLCollectionを返すようになるなど

Angular 2 RC6

angularjs.blogspot.com/2016/09/angular-2-rc6_1.html

AngularJS ReleaseNote

Angular 2 RC6リリース
RC5以下で非推奨となっていたAPIの削除、npmパッケージにES6 modules形式のソースを含むように、TypeScript 2.0に対応など

Release Notes for Safari Technology Preview Release 12 | WebKit

webkit.org/blog/6928/release-notes-for-safari-technology-preview-release-12/

safari ReleaseNote

Safari Technology Preview Release 12リリース。
Fetch APIがデフォルトで有効に、Resource Timingの仕様追従など

Node v6.5.0 (Current) | Node.js

nodejs.org/en/blog/release/v6.5.0/

node.js ReleaseNote

Node v6.5.0リリース。
inspectorがuncaught exceptionをサポートなど

Announcing TypeScript 2.0 RC | TypeScript

blogs.msdn.microsoft.com/typescript/2016/08/30/announcing-typescript-2-0-rc/

TypeScript ReleaseNote

TypeScript 2.0 RCリリース。
Tagged Unions、numberとstringのLiteral Typeを強化、tsconfig.jsonでglobの対応など

アーティクル

Babili (babel-minify) · Babel

babeljs.io/blog/2016/08/30/babili

babel plugin

BabelのminifyプラグインであるBabili βリリース。
Uglifyと違って変換後のES5なコードではなく、ES2015+のコードに対して圧縮を行う。
そのためFlowなどの型情報を使った圧縮なども可能になる。

The Case for Custom Elements: Part 1 – Dev Channel – Medium

medium.com/dev-channel/the-case-for-custom-elements-part-1-65d807b4b439

WebComponents

Custome Elementのケーススタディ

15K 行のアプリを TypeScript 1.8 から 2.0 に移行してみた - はやくプログラムになりたい

rhysd.hatenablog.com/entry/2016/07/15/090000

TypeScript

TypeScript 2系への移行とオプションについて

the new code – Web Developer Reading List: Maths in JavaScript

thenewcode.com/1131/Web-Developer-Reading-List-Maths-in-JavaScript

JavaScript tutorial

Mathについての学ぶチュートリアル

スライド、動画関係

Reactの最新動向とベストプラクティス // Speaker Deck

speakerdeck.com/koba04/reactfalsezui-xin-dong-xiang-tobesutopurakuteisu

React スライド

Reactのコンポーネントの作り方やテスト、React周りで最近でてきたツールについてのスライド

Service Worker Deep Dive - Google スライド

docs.google.com/presentation/d/19x3yi7Jn-6In5igGYfEiK0tBfNI290BAclT0AiqDj4Q/pub#slide=id.p

ServiceWorker Chrome スライド

ここ1年ぐらいのService Worker周りの変化についてのスライド。
Push Notification、Stream、Background、Foreign Fetch、Header-based Install、Origin Trialなど

Edge Web Technologies and Browser Vendors

www.slideshare.net/dynamis/edge-web-technologies-and-browser-vendors

web browser スライド

ここ最近のウェブブラウザの変化についてのスライド。
ウェブ互換性への方針、新しい機能などについてざっくりと紹介されている

WAI-ARIA珍プレー好プレー

www.slideshare.net/mlca11y/waiaria-65618928

HTML WAI-ARIA accessibility スライド

WAI-ARIAは表現やインタラクションを変えない

role="button"を付けてキーボードによるインタラクションを忘れているケース、メニューの例などについて

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

html-best-practices/README.ja.md at master · hail2u/html-best-practices

github.com/hail2u/html-best-practices/blob/master/README.ja.md

HTML 翻訳

HTML Best Practices日本語訳

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

Top | Diff of HTMLs

diffofhtmls.herokuapp.com/

WHATWG HTML webservice Tools

WHATWGとW3C HTMLのdiffを見ることができるツール

Async Redux Actions With RxJS - React Rally 2016

www.slideshare.net/benlesh1/async-redux-actions-with-rxjs-react-rally-2016

redux Rx スライド

redux-observableについてのスライド。
Reduxにおいて非同期処理を行う場合に、連続性やCancelなどを表現しやすいRxJSを使うという話

redux-observable/redux-observable: RxJS middleware for action side effects in Redux using "Epics"

camwiegert/in-view: Get notified when a DOM element enters or exits the viewport.

github.com/camwiegert/in-view

JavaScript library UI

ある要素がviewportに含まれているかを判定して、入った時と出た時のハンドラを書けるライブラリ。
将来的にIntersectionObserverへも対応予定

dollarshaveclub/postmate: A powerful, simple, promise-based postMessage library 📭 📨 📬 📫 🚚

github.com/dollarshaveclub/postmate

JavaScript library

PromiseベースのpostMessageライブラリ

sdkennedy/babel-preset-target: Babel preset that allows for target environments to be specified along with plugins and presets. If all environments have native support for a given plugin, it will be skipped.

github.com/sdkennedy/babel-preset-target