Fork me on GitHub

2016-08-09のJS: Firefox 48.0、Node/WHATWG Stream、webpackチュートリアル

Edit on GitHub 編集履歴を見る

JSer.info #291 - Firefox 48.0がリリースされました。

Element#animateがデフォルト有効となり、Web Animation APIが使えるようになっています。
詳しくは以下の記事で解説されています。


step by stepで始めるwebpack - Qiitaという記事ではwebpackの設定についてステップバイステップで、なぜその設定をするのかというチュートリアル形式でかかれています。

webpackはBrowserifyなどに比べてビルトインの機能としてできることが豊富ですが、その分設定も必要になります。
よく分からずにwebpackの設定をコピペして使ってる人も多いと思うので、一度見てみるといいかもしれません。


stream between nodejs and whatwg // Speaker Deckというスライドでは、Node.js StreamWHATWG Steramの違いについて書かれています。

Streamという言葉は同じですが、目的が異なるため同じだが、そもそもの互換性などがないこと、
実装方法も異なる点について書かれています。


ヘッドライン


Firefox — Notes (48.0) — Mozilla

www.mozilla.org/en-US/firefox/48.0/releasenotes/

firefox ReleaseNote

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 ReleaseNote

Safari Technology Preview 10リリース。
**のサポート、"use strict"の挙動を仕様へ追従、DOMTokenListがiterableに、nullを空文字として扱うように色々なAPIを修正など


アーティクル


Flow: Mapping an object — Medium

medium.com/@thejameskyle/flow-mapping-an-object-373d64c44592

flowtype JavaScript

map-objというライブラリを例に、FlowTypeでどのように型定義をしていくかというチュートリアル


step by stepで始めるwebpack - Qiita

qiita.com/howdy39/items/48d85c430f90a21075cd

webpack tutorial

webpackの導入方法についてステップバイステップなチュートリアル


From Mixins to Object Composition

raganwald.com/2016/07/20/prefer-composition-to-inheritance.html

JavaScript 設計

mixinではなく、objectのcompositionで機能拡張をする方法について


JavaScript and Functional Programming – Beth Allchurch | Developer

bethallchurch.github.io/JavaScript-and-Functional-Programming/

JavaScript 関数型プログラミング

JavaScriptで関数型プログラミングをする場合に気をつけることやパターンについて。


package.json の browser field 実践編 - Qiita

qiita.com/shinout/items/911e024368e2cb29fd3d

browserify webpack npm

package.jsonの"browser" fieldの解釈の違いについて。
Browserify、webpack、React Native Packagerの比較


project毎のnpmコマンドをいい感じにするnpmrc & config達 - Qiita

qiita.com/inuscript/items/86dbfd26abe6905756c0

npm 設定

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/

MSEdge

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 JavaScript animation

Firefox 48で実装されたElement#animate() APIについての解説


スライド、動画関係


Introducing A11ycasts! -- A11ycasts #01 - YouTube

www.youtube.com/watch?v=HtTyRajRuyY

accessibility 動画

アクセシビリティについての動画シリーズ


stream between nodejs and whatwg // Speaker Deck

speakerdeck.com/jxck/stream-between-nodejs-and-whatwg

JavaScript stream スライド

Node.js StreamとWHATWG Streamの違いについて。
目的が異なるため、作りも異なるという話


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


Is Houdini Ready Yet?

ishoudinireadyyet.com/

CSS browser まとめ

CSS Houdiniのそれぞれの仕様とブラウザの実装状況についてまとめられたサイト


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


Introduction · Almin.js

almin.js.org/

JavaScript library React document DDD

Flux/CQRSなライブラリであるAlminの公式サイト。
GitBookで書かれたドキュメントが置かれてる。


jumpsuit/jumpsuit: Jump in. Zip up. Build great apps.

github.com/jumpsuit/jumpsuit

JavaScript library Tools

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/

JavaScript testing Promises

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.

github.com/jvilk/BrowserFS

JavaScript browser library node.js

ブラウザ上でfs的なファイルシステムのエミュレートを行うライブラリ。
memory、localStorage、Dropboxなど色々なバックエンドを持っている


書籍関係


Test-Driving JavaScript Applications - O'Reilly Media

shop.oreilly.com/product/9781680501742.do

JavaScript testing book

TDDについてのJavaScript本


Understanding ECMAScript 6 - O'Reilly Media

shop.oreilly.com/product/9781593277574.do

JavaScript ECMAScript book

ES6について解説している書籍。
Understanding ECMAScript 6 の書籍版


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