JSer.info #291 - Firefox 48.0がリリースされました。
- Firefox — Notes (48.0) — Mozilla
- Firefox 48 for developers - Mozilla | MDN
- Firefox 48 サイト互換性情報 | Firefox サイト互換性情報
Element#animateがデフォルト有効となり、Web Animation APIが使えるようになっています。
詳しくは以下の記事で解説されています。
step by stepで始めるwebpack - Qiitaという記事ではwebpackの設定についてステップバイステップで、なぜその設定をするのかというチュートリアル形式でかかれています。
webpackはBrowserifyなどに比べてビルトインの機能としてできることが豊富ですが、その分設定も必要になります。
よく分からずにwebpackの設定をコピペして使ってる人も多いと思うので、一度見てみるといいかもしれません。
stream between nodejs and whatwg // Speaker Deckというスライドでは、Node.js StreamとWHATWG Steramの違いについて書かれています。
Streamという言葉は同じですが、目的が異なるため同じだが、そもそもの互換性などがないこと、
実装方法も異なる点について書かれています。
ヘッドライン
Firefox — Notes (48.0) — Mozilla
www.mozilla.org/en-US/firefox/48.0/releasenotes/
Firefox 48.0リリース。
WebWorkerでWeb Crypto APIが動くように、CSS calc()の入れ子をサポート。
Element.animate()がデフォルトで有効に、insertAdjacentText()の実装など
Release Notes for Safari Technology Preview Release 10 | WebKit
webkit.org/blog/6823/release-notes-for-safari-technology-preview-release-10/
Safari Technology Preview 10リリース。
**のサポート、"use strict"の挙動を仕様へ追従、DOMTokenListがiterableに、nullを空文字として扱うように色々なAPIを修正など
アーティクル
Flow: Mapping an object — Medium
medium.com/@thejameskyle/flow-mapping-an-object-373d64c44592
map-objというライブラリを例に、FlowTypeでどのように型定義をしていくかというチュートリアル
step by stepで始めるwebpack - Qiita
qiita.com/howdy39/items/48d85c430f90a21075cd
webpackの導入方法についてステップバイステップなチュートリアル
From Mixins to Object Composition
raganwald.com/2016/07/20/prefer-composition-to-inheritance.html
mixinではなく、objectのcompositionで機能拡張をする方法について
JavaScript and Functional Programming – Beth Allchurch | Developer
bethallchurch.github.io/JavaScript-and-Functional-Programming/
JavaScriptで関数型プログラミングをする場合に気をつけることやパターンについて。
package.json の browser field 実践編 - Qiita
qiita.com/shinout/items/911e024368e2cb29fd3d
package.jsonの"browser" fieldの解釈の違いについて。
Browserify、webpack、React Native Packagerの比較
project毎のnpmコマンドをいい感じにするnpmrc & config達 - Qiita
qiita.com/inuscript/items/86dbfd26abe6905756c0
npmrc(npm-config)の設定について
Introducing EdgeHTML 14 with the Windows 10 Anniversary Update | Microsoft Edge Dev Blog
blogs.windows.com/msedgedev/2016/08/04/introducing-edgehtml-14/
Windows 10 Anniversary UpdateのEdgeHTML 14で入った機能のまとめ
Animating like you just don’t care with Element.animate ★ Mozilla Hacks – the Web developer blog
hacks.mozilla.org/2016/08/animating-like-you-just-dont-care-with-element-animate/
Firefox 48で実装されたElement#animate() APIについての解説
スライド、動画関係
Introducing A11ycasts! -- A11ycasts #01 - YouTube
www.youtube.com/watch?v=HtTyRajRuyY
アクセシビリティについての動画シリーズ
stream between nodejs and whatwg // Speaker Deck
speakerdeck.com/jxck/stream-between-nodejs-and-whatwg
Node.js StreamとWHATWG Streamの違いについて。
目的が異なるため、作りも異なるという話
サイト、サービス、ドキュメント
Is Houdini Ready Yet?
CSS Houdiniのそれぞれの仕様とブラウザの実装状況についてまとめられたサイト
ソフトウェア、ツール、ライブラリ関係
Introduction · Almin.js
Flux/CQRSなライブラリであるAlminの公式サイト。
GitBookで書かれたドキュメントが置かれてる。
jumpsuit/jumpsuit: Jump in. Zip up. Build great apps.
View(React)、State管理なライブラリ + CLIなども含んだワンセットなライブラリ
How to stub promises using Sinon.JS – Temple Coding
templecoding.com/blog/2016/02/29/how-to-stub-promises-using-sinonjs/
PromiseのstubをするSinon.jsの拡張ライブラリ
jvilk/BrowserFS: BrowserFS is an in-browser filesystem that emulates the Node JS filesystem API and supports storing and retrieving files from various backends.
ブラウザ上でfs的なファイルシステムのエミュレートを行うライブラリ。
memory、localStorage、Dropboxなど色々なバックエンドを持っている
書籍関係
Test-Driving JavaScript Applications - O'Reilly Media
shop.oreilly.com/product/9781680501742.do
TDDについてのJavaScript本
Understanding ECMAScript 6 - O'Reilly Media
shop.oreilly.com/product/9781593277574.do
ES6について解説している書籍。
Understanding ECMAScript 6 の書籍版
