Fork me on GitHub

2016-09-05のJS: Babili α、TypeScript 2.0 RC、Sass 3.5 RC

Edit on GitHub 編集履歴を見る

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

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


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

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


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

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


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

JSer.info Sponsors

JSer.info SponsorsGitHub 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.scriptsdocument.embedsdocument.pluginsの追加。
document.getElementsByTagNameHTMLCollectionを返すようになるなど


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を使うという話


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

babel plugin

サポートするブラウザを指定することで、対応したBabel pluginでの変換をしてくれるbabel preset


書籍関係


Angular 2 Router by Victor Savkin [Leanpub PDF/iPad/Kindle]

leanpub.com/router

AngularJS book

AngularJS 2のRouterについての電子書籍


この記事へ修正リクエストをする
JSer.info Slackに参加する