JSer.info #247 - Redux v3.0.0がリリースされました。
v3.0.0ではActionオブジェクトがtypeを持っていないと例外を投げる破壊的変更のみが含まれていて、機能追加などはv3.0.1で行われています。
v3.0.1ではデバッグ時のみcombineReducers()で登録したミドルウェアが変換する度にState Shapeをチェックするようになり、おかしな変換が起きたことを検知しやすくなっています。
How to Write an Open Source JavaScript Library - Lesson Series by @kentcdodds @eggheadioのスクリーンキャストシリーズでは、JavaScriptのライブラリを書いてオープンソースとして公開する方法などについて解説されています。
npmへの公開方法からテスト、CI、自動リリース、CHANGELOGの作り方、ES6でライブラリを書く方法などかなり幅広い内容を扱っています。
このスクリーンキャストでは公開までの流れが細かく紹介されていて、かつ自動化についても話されていて、一通りできるようになるとライブラリを公開するまでが素早くできるようになると思います。
自分も以前ライブラリをES6で書いて公開する所から始めよう | Web Scratchという記事で似たような事を書いていましたが、結構細かいタスクを組み合わせたりします。
スクリーンキャストではそのタスクについて扱われているのでオススメです。
JSer.infoをサポートするには
- 😘 知り合いにJSer.infoをおすすめする
- ❤️ GitHub Sponsorsで@azuのスポンサーになる
- 🐦 X(Twitter)で@jser_infoをフォローする
JSer.info Sponsors
JSer.info SponsorsはGitHub SponsorsとしてJSer.infoを支援してくれている方々です。
ヘッドライン
Release v3.0.1 · rackt/redux
github.com/rackt/redux/releases/tag/v3.0.1
Redux 3.0.1リリース。
Actionオブジェクトはtypeを持つことを必須とする破壊的な変更が含まれている。
combineReducers()にチェックする仕組みを追加。
Release 1.2.0 - 2015.09.27 · zloirock/core-js
github.com/zloirock/core-js/releases/tag/v1.2.0
core-js 1.2.0リリース。
PromiseにUnhandled Rejection Trackingを実装、IsRegExpのalgorithmの修正、String#leftPadのプロポーザルへの追従など
Release v2.2.0 · jscs-dev/node-jscs
github.com/jscs-dev/node-jscs/releases/tag/v2.2.0
JSCS 2.2.0リリース。
設定ファイルにYAMLを利用できるように、HTML内のスクリプトタグ内のコードをチェックできるように、ルールやプリセットの追加と修正など
アーティクル
ECMAScript 2015(ES6)の概要と次世代JavaScriptの新たな機能 | HTML5Experts.jp
ES6で追加された構文とオブジェクトの簡単な解説
ES6 Promises in Depth
ponyfoo.com/articles/es6-promises-in-depth
Promiseの動きをビジュアライズしながら、.thenや.catchがどのようなフローで処理されるかを解説している記事。
Promiseを返すFetch APIを使った例を元に解説している。
ES6 Modules in Depth
ponyfoo.com/articles/es6-modules-in-depth
ES6 Modulesの構文についての解説
Automated testing in Yahoo Mail | Yahoo Engineering
yahooeng.tumblr.com/post/115664629471/automated-testing-in-yahoo-mail
Yahoo Mailにおけるテストについて。
Unit Tests、Functional Tests、Smoke TestsとIntegration Testsそれぞれでやっていることについて書かれている
Typed React and Redux — Jack Hsu
jaysoo.ca/2015/09/26/typed-react-and-redux/
TypeScriptとReact、Reduxを組み合わせて使う事について
型による早期エラーの発見、interfaceとreact.PropTypesの違い、Reduxを扱う際にunion typesをモデルとして使うことについてなど
Debugging Node.js Applications for Memory Leaks | Toptal
www.toptal.com/nodejs/debugging-memory-leaks-node-js-applications
Node.jsアプリのメモリリークをデバッグする方法やツールについて。
ORTC API is now available in Microsoft Edge | Microsoft Edge Dev Blog
blogs.windows.com/msedgedev/2015/09/18/ortc-api-is-now-available-in-microsoft-edge/
MSEdgeにORTC APIが実装されたことについて
Mastering the filesystem in Node.js — Medium
medium.com/@yoshuawuyts/mastering-the-filesystem-in-node-js-4706b7cb0801
Node.jsでファイルを作成/削除、ディレクトリを作成、ファイルを検索する方法についてまとめられている
What forces layout/reflow. The comprehensive list.
gist.github.com/paulirish/5d52fb081b3570c81e3a
reflowを強制的に起こすCSSプロパティやJavaScriptのメソッドのまとめ
NW.js & Electron Compared | TangibleJS
tangiblejs.com/posts/nw-js-electron-compared
NW.jsとElectronの比較
スライド、動画関係
How to Write an Open Source JavaScript Library - Video Tutorial Series @eggheadio
egghead.io/series/how-to-write-an-open-source-javascript-library
JavaScriptライブラリを書いてGitHubに公開し、npmにpublishすることについてのスクリーンキャスト。
ES6で書く方法やsemverについてなど幅広い内容について解説されてる。
TechBuzz 第17回 HTML5+JS勉強会資料
kenju.github.io/techbuzz_htmljs_20150924/
Web Workerを使ったサンプルと共にWeb Workerについて解説しているスライド
New animation inspector features in Firefox 43 - YouTube
www.youtube.com/watch?v=T2jykykN3yc
Firefox 43に実装された開発者ツールのアニメーションインスペクタについて動画
ソフトウェア、ツール、ライブラリ関係
clipboard.js — Copy to clipboard without Flash
zenorocha.github.io/clipboard.js/
execCommandを使ったクリップボードへのコピーを行うライブラリ。
ユーザーのインタラクションに対して文字列のコピーとカットが行える
Rune.js Documentation
virtual-domライブラリを使ったSVG描画ライブラリ。
Gridシステムを持っているのが特徴的
