Fork me on GitHub

2016-09-12のJS: Polymer 2.0 Preview、Service Worker入門、JSから型定義ファイルの生成

Edit on GitHub 編集履歴を見る

JSer.info #296 - Polymer 2.0 Previewがリリースされました。

Polymer 2.0ではWebComponent v1(Shadow DOM v1Custom Elements v1)の上に形成されています。
そのため、v1の仕様に準拠した変更やクラスベースのコンポーネントが作成できるようになっています。


Flow 0.32.0がリリースされました。

0.32.0では、アノテーション付きのJavaScriptファイルからFlowの型定義ファイルを生成するgen-flow-filesコマンドが追加されています。

また、TypeScriptの方では素のJavaScriptファイルからTypeScriptの型定義ファイルを生成するdts-genというツールが公開されています。

どちらもα版といった感じですが、気になる方はためしてみると良いかもしれません。

追記: dts-gen(1) でJavaScripファイルからdtsを生成する - Islands in the byte stream


Service Workerの基本とそれを使ってできること - Qiitaという記事では、Service Workerの基本的なライフサイクルやキャッシュ、Pushの実現について紹介されています。

また、GoogleのIntroduction to Service Worker | Web Fundamentals - Google Developers翻訳も公開されているので、合わせて読んでみるといいかもしれません。

Promise を多用する

とあるようにService WorkerはPromiseがネストするので、それに対するアプローチを紹介しているUntangling Deeply-Nested Promise Chains — Philip Waltonも読んでみると面白いかもしれません。


ヘッドライン


Polymer 2.0 Preview - Polymer Project

www.polymer-project.org/1.0/blog/2016-09-09-polymer-2.0

WebComponents library

Polymer 2.0 Previewリリース。
Shadow DOM v1、クラスベースで書けるようになるなど


V8 JavaScript Engine: V8 Release 5.4

v8project.blogspot.com/2016/09/v8-release-54.html

V8 ReleaseNote

V8 5.4リリース。
メモリが少ない端末でのメモリ消費量の改善、起動速度の改善など


Ember.js - Ember.js 2.8 and 2.9 Beta Released

emberjs.com/blog/2016/09/08/ember-2-8-and-2-9-beta-released.html

JavaScript library ReleaseNote

Ember.js 2.8と2.9βリリース
2.8でEmber.Engine APIを追加など


Jest 15.0: New Defaults for Jest · Jest

facebook.github.io/jest/blog/2016/09/01/jest-15.html

React testing ReleaseNote

Jest 15.0リリース。
CLIの表示を改善、Watchコマンドを追加、jest-react-nativeの改善など


Release v0.32.0 · facebook/flow

github.com/facebook/flow/releases/tag/v0.32.0

flowtype ReleaseNote

Flow 0.32.0リリース
{||}を使ったexact object typeの追加、flow gen-flow-filesコマンドの追加など


ESLint v3.5.0 released - ESLint - Pluggable JavaScript linter

eslint.org/blog/2016/09/eslint-v3.5.0-released

ESLint ReleaseNote

ESLint 3.5.0リリース。
新しいルールの追加、--fixの対応ルールの追加など


Release Release 4.0.0 · ternjs/acorn

github.com/ternjs/acorn/releases/tag/4.0.0

JavaScript library AST ReleaseNote

acorn 4.0.0リリース。
デフォルトのecmaVersion7となり、async/awaitの構文をサポートなど


アーティクル


ES2015で始めるJavaScript入門 - Qiita

qiita.com/ABCanG1015/items/824681cb88676da4f9a8

JavaScript tutorial

ES2015ベースでJavaScriptについて学ぶレッスン式のチュートリアル


わぁいアリア(WAI-ARIA)大好き | れいぶろぐ

labe.wp.xdomain.jp/post/567

WAI-ARIA

WAI-ARIAはどんなもので何のためにあるのかを分かりやすく解説してる


Service Worker の紹介 | Web Fundamentals - Google Developers

developers.google.com/web/fundamentals/primers/service-worker/

ServiceWorker 翻訳

Service Workerについての紹介記事翻訳


Service Workerの基本とそれを使ってできること - Qiita

qiita.com/y_fujieda/items/f9e765ac9d89ba241154

ServiceWorker

Service Workerのライフサイクルやどのような事ができるかの紹介記事。
Cache、Pushについて


flowtype v0.32.0 changes - Please Drive Faster

joe-re.hatenablog.com/entry/2016/09/06/101529

flowtype Tools

JavaScriptファイルからFlowの型定義ファイルを生成するgen-flow-filesコマンドについて


Untangling Deeply-Nested Promise Chains — Philip Walton

philipwalton.com/articles/untangling-deeply-nested-promise-chains/

Promises JavaScript

Promiseでネストが深くなったものを、関数へ分割やasync/awaitを使いネストを浅くリファクタリングする話


スライド、動画関係


D3 V4 - What's new?

iros.github.io/d3-v4-whats-new/#1

d3.js スライド

D3.js v4についてのスライド。
モジュール分割、Canvasへの書き出し、分割されたモジュール毎の解説


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


DevTools Timeline Viewer

chromedevtools.github.io/timeline-viewer/

Chrome debug

Chromeの開発者ツールのTimelineデータを読み込ませて表示できるサイト


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


Microsoft/dts-gen: dts-gen creates starter TypeScript definition files for any module or library.

github.com/Microsoft/dts-gen

TypeScript Tools

npmパッケージやコードからd.tsを自動生成してくれるツール


Fuse.js - JavaScript fuzzy-search library

fusejs.io/

JavaScript library 検索

データからあいまい検索を行えるJavaScriptライブラリ


ebidel/appmetrics.js: A small (1.1kb) library for measuring things in your web app and reporting the results to Google Analytics.

github.com/ebidel/appmetrics.js

JavaScript performance アクセス解析 library

User Timing APIを使って計測したデータをGoogle Analyticsにレポートできるライブラリ


jgornick/asyncp: Port of the Async.js API to use Promises

github.com/jgornick/asyncp

JavaScript library Promises

async.jsのAPIをPromiseを使って実装したライブラリ


書籍関係


JavaScript: The New Toys: T. J. Crowder: 9781119367956: Amazon.com: Books

www.amazon.com/JavaScript-Toys-T-J-Crowder/dp/1119367956

JavaScript book

2017年4月10日発売
ES2015+についての書籍


改訂新版JavaScript本格入門 ~モダンスタイルによる基礎から現場での応用まで:書籍案内|技術評論社

gihyo.jp/book/2016/978-4-7741-8411-1

JavaScript book

2016年9月30日発売
JavaScript本格入門の改訂版


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