JSer.info #293 - What’s new in Web Audio? ★ Mozilla Hacks – the Web developer blog（翻訳）という記事では、ここ1年でのWeb Audio APIの変更点について書かれています。
DynamicsCompressorNodeの仕様変更やライフサイクルメソッド(suspend(),resume(),close())の追加、disconnect()の多重定義の追加など仕様的な変更についてまとめられています。
Angular2 RC5への更新とステート管理の変更、power-assertによるテストまで試す - undefinedという記事では、Angular 2 RC5で追加されたNgModuleを使った開発やテストについて書かれています。
またTackling State — Angular 2で紹介されているようなステート管理をどうやるかについても書かれています。
Generative Testing in JavaScript — JavaScript Inside — Mediumという記事ではJavaScriptでのProperty-based testingについて書かれています。
HaskellのQuickCheckなどが有名で、JavaScriptにもjsverifyやtestcheck-jsなどの類似するライブラリがあったりします。
この記事ではProperty-based testingというどういうテスト手法なのかやよく見るユニットテストとはどう違うのかなどについて書かれています。
ヘッドライン
Node v6.4.0 (Current) | Node.js
nodejs.org/en/blog/release/v6.4.0/
Node v6.4.0リリース
Release v0.31.0 · facebook/flow
github.com/facebook/flow/releases/tag/v0.31.0
Flow 0.31.0リリース。
Release Notes for Safari Technology Preview Release 11 | WebKit
webkit.org/blog/6883/release-notes-for-safari-technology-preview-release-11/
Safari Technology Preview Release 11リリース。
class extends nullの挙動をES2016準拠に、DOMTokenList.replace()のサポートなど
WebVR 1.0 available in Firefox Nightly
blog.mozvr.com/webvr-1-0-available-in-firefox-nightly/
WebVR 1.0 APIがFirefoxのNightlyで利用できるように
アーティクル
What’s new in Web Audio? ★ Mozilla Hacks – the Web developer blog
hacks.mozilla.org/2016/08/whats-new-in-web-audio-2/
ここ1年のWeb Audio APIの変更点について
Generative Testing in JavaScript — JavaScript Inside — Medium
medium.com/javascript-inside/generative-testing-in-javascript-f91432247c27
JavaScriptでのProperty-based Testingについて。
そもそもどのようなアプローチのテスト手法なのかやtestcheck-jsなどの既存のライブラリについて
- testcheck-js
- jsverify/jsverify: Property-based testing for JavaScript. Like QuickCheck.
- unexpected-check
performance.markでパフォーマンス計測する | Web Scratch
efcl.info/2016/08/15/performance.mark/
performance.markなどのAPIを使ってある区間の処理時間を計測する方法や、パフォーマンスロガーの作り方などについて
Angular2 RC5への更新とステート管理の変更、power-assertによるテストまで試す - undefined
blog.bokuweb.me/entry/angular2_rc5
AngularJS 2 RC5で導入されたNgModuleについてや、ステート管理について。
また、NgModuleを使ったテストについて
Vue.js 2.0のFeaturesを訳してみる - Qiita
qiita.com/prismrism/items/66a9dfc31139326911d8
Vue.js 2.0の変更点についての訳
Writing a JavaScript Framework - Execution timing, beyond setTimeout | @RisingStack
blog.risingstack.com/writing-a-javascript-framework-execution-timing-beyond-settimeout/
JavaScriptの非同期実行に関する記事。
ECMAScript、HTML、Node.jsそれぞれのjob queueの仕組みについて。
それらを使ってどのようにレンダリングのイベントループを実装するかについて
The cost of small modules | Read the Tea Leaves
nolanlawson.com/2016/08/15/the-cost-of-small-modules/
Browserifyやwebpack、rollupなどのモジュール数とロード時間の相関関係について。 browserifyはrequireをエミュレート、rollupなどはインライン化するなどの特徴が現れてる
スライド、動画関係
CSS for Software Engineers for CSS Developers // Speaker Deck
speakerdeck.com/csswizardry/css-for-software-engineers-for-css-developers
CSSにおけるSOLIDの原則のような開発指針についてのスライド。
DRY、単一責任の原則、関心の分離、Immutability、Open/Closed、直交性など
The Progressive Framework - Google スライド
docs.google.com/presentation/d/1WnYsxRMiNEArT3xz7xXHdKeH1C-jT92VxmptghJb5Es/present#slide=id.p
Vue.js 2.0についてのスライド
規模や状況に応じてツール/フレームワークを選ぶべきという話。
Vue.js 2.0は段階を踏んで使えるよという話
Keynote
henryzoo.com/babel-plugin-slides/assets/player/KeynoteDHTMLPlayer.html#0
Babel pluginについてのスライド。
どのような仕組みで変換されているのかをDOM APIとの対比しながら見ていく話
ソフトウェア、ツール、ライブラリ関係
siddharthkp/auto-install: Install dependencies as you code
github.com/siddharthkp/auto-install
コードの変更を監視して自動的にnpm installしてくれるツール
waud/waud: Web Audio Library
Web Audio APIを使った音を再生するライブラリ。
Audio Spriteやbase64、iOSなどの再生にインタラクションが必要な物への対応など
andywer/npm-launch: 🚀 Minimalistic task runner on steroids!
npm run-scriptの表記と互換性があるTask Runnerツール。
コメントが書けるJSONまたはNode.jsスクリプトで書ける
書籍関係
A Book Apart, Practical SVG
abookapart.com/products/practical-svg
SVGについての書籍
書籍情報―JavaScriptとWebGLによる 画像処理プログラミング
www.kohgakusha.co.jp/books/detail/978-4-7775-1958-3
WebGLでの画像処理についての書籍
