Fork me on GitHub

2015-12-22のJS: AngularJS 2β、ServiceWorker Cookbook、非標準CSSの修正

Edit on GitHub 編集履歴を見る

JSer.info #258 - AngularJS 2 Betaがリリースされました。

まだbetaではありますが、1.xからのアップグレード方法として以下の2つのアプローチが紹介されています。

今後はファイルサイズの削減、CLIの改善、i18nのサポートなどをやっていくそうです。
以下でマイルストーンのチケット消化率を見ることが出来ます。


Beyond Offline ★ Mozilla Hacksという記事では、Service Workerのオフライン対応以外の使い道について書かれています。

具体的なパターンやコード例については以下のサイトにまとめられています。

Service Workerの典型的なユースケースとして紹介されるオフライン対応については以下にまとめられています。


総行数57,000の巨大CSS群をLessに書き換えた軌跡 - mixi Engineers' Blogという記事ではモバイルのWebKitブラウザのみの対応を目的としたCSSをどうやって修正したかについて書かれています。

-webkit- prefixや標準でない書き方のCSSをcss-fixmeなどで標準的なCSSへと修正し、それをAutoprefixerで変換するという手法について解説されています。

vendor prefixに対する取り組みなどは下記を参照するといいかもしれません。


ヘッドライン


Angular 2 Beta

angularjs.blogspot.jp/2015/12/angular-2-beta.html

AngularJS ReleaseNote

AngularJS 2βリリース。
AngularJS 1からのアップグレードガイドも公開されている


RxJS/CHANGELOG.md at 5.0.0-beta.0 · ReactiveX/RxJS

github.com/ReactiveX/RxJS/blob/5.0.0-beta.0/CHANGELOG.md

JavaScript Rx library ReleaseNote

RxJS 5.0.0-beta.0リリース


Firefox 43.0 リリースノート

www.mozilla.jp/firefox/43.0/releasenotes/

firefox ReleaseNote

Firefox 43リリース。
ES2016のArray.prototype.includesがデフォルトで有効、Subresource integrityの対応など


Node v5.3.0 (Stable) | Node.js

nodejs.org/en/blog/release/v5.3.0/

node.js ReleaseNote

Node.js v5.3.0リリース。
Buffer.prototype.includes()の追加、REPLで外部モジュールをrequireできないバグを修正など


flow/Changelog.md at master · facebook/flow

github.com/facebook/flow/blob/master/Changelog.md#v0200

flowtype ReleaseNote

Flow 0.20.0リリース。
this型のサポート、.jsonファイルロードの解釈に対応、エラーメッセージの改善など


Release ES2016 Draft 2015-12-20 · tc39/ecma262

github.com/tc39/ecma262/releases/tag/es2016-draft-20151220

ECMAScript ReleaseNote

ES2016 Draft 2015-12-20リリース


アーティクル


総行数57,000の巨大CSS群をLessに書き換えた軌跡 - mixi Engineers' Blog

alpha.mixi.co.jp/entry/2015/12/20/000000

CSS LESS webkit

-webkit- prefixから標準への書き換えを行った話。
CSS:fixmeで標準記法へ直し、Autoprefixerでプレフィックス対応し、Lessを使い構造的に管理しやすくしていく


An Intro To Using npm and ES6 Modules for Front End Development | Wes Bos

wesbos.com/javascript-modules/

JavaScript ECMAScript

ES6 modulesの使い方についてまとまっている。
どのようにパスを解決したりするかはECMAScriptで定義されていないため、今のところbundlerの機能でしかないという点についても触れている。


HTTP/2のNode.js実装node-http2を読む - Qiita

qiita.com/takaaki7/items/70898443050ca260e94c

node.js HTTP2 stream

node-http2の実装について。
Node Streamを使い、それをフロー制御している


Beyond Offline ★ Mozilla Hacks – the Web developer blog

hacks.mozilla.org/2015/12/beyond-offline/

ServiceWorker

Service Workerをオフライン対応以外の用途で使う方法について。
クックブック形式で色々なパターンを紹介している


FluxのActionとStoreをちゃんと分ける話 - pixiv inside

inside.pixiv.net/entry/2015/12/19/113746

Flux JavaScript

Actionでデータを構築し、StoreへDispatchする。
またDispatchするデータはEntityにすることで、役割を分けるという話


deku で Virtual DOM を使う | スマホ神 – JavaScript 受託開発 –

smart.ataglance.jp/2015-12-17-use-virtual-dom-with-deku/

JavaScript VirtualDOM library

dekuの使い方について。
JSXで書いてBabelで変換する方法


More Responsive Tapping on iOS | WebKit

webkit.org/blog/5610/more-responsive-tapping-on-ios/

safari webkit ios

iOSのWebKitでもタップの350ms遅延が解消される。
viewportのwidthなど特定の条件では遅延がなくなる。


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


ServiceWorker Cookbook

serviceworke.rs/

ServiceWorker document

Service Workerのパターンを集めたクックブック。


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


A-Frame – Building Blocks for the VR Web

aframe.io/

VR HTML WebComponents

WebVRをCustom Elementのタグを書くだけで出来るライブラリ


jaredly/treed

github.com/jaredly/treed

JavaScript UI editor library

ツリーエディタライブラリ


pzavolinsky/react-unit

github.com/pzavolinsky/react-unit

React testing library

React Componentをテストするためのライブラリ


paldepind/snabbdom

github.com/paldepind/snabbdom

JavaScript VirtualDOM library

Virtual DOMライブラリ


書籍関係


Amazon: ゲームで学ぶJavaScript入門 HTML5&CSSも身に付く!: 田中 賢一郎

www.amazon.co.jp/dp/4844339788

JavaScript game book

ゲームを作りながらJavaScriptについて学ぶ書籍


Learning React Native - O'Reilly Media

shop.oreilly.com/product/0636920041511.do

React book

React Nativeについての書籍


この記事へ修正リクエストをする
記事を紹介する