Fork me on GitHub

2015-09-29のJS: Redux 3.0リリース、JavaScriptのライブラリを公開する方法

Edit on GitHub 編集履歴を見る

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 Sponsors

JSer.info SponsorsGitHub SponsorsとしてJSer.infoを支援してくれている方々です。


ヘッドライン


Release v3.0.1 · rackt/redux

github.com/rackt/redux/releases/tag/v3.0.1

JavaScript Flux library ReleaseNote

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

JavaScript ECMAScript library ReleaseNote

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

JavaScript Tools ReleaseNote

JSCS 2.2.0リリース。
設定ファイルにYAMLを利用できるように、HTML内のスクリプトタグ内のコードをチェックできるように、ルールやプリセットの追加と修正など


アーティクル


ECMAScript 2015(ES6)の概要と次世代JavaScriptの新たな機能 | HTML5Experts.jp

html5experts.jp/1000ch/16984/

JavaScript ECMAScript

ES6で追加された構文とオブジェクトの簡単な解説


ES6 Promises in Depth

ponyfoo.com/articles/es6-promises-in-depth

ECMAScript JavaScript Promises

Promiseの動きをビジュアライズしながら、.then.catchがどのようなフローで処理されるかを解説している記事。
Promiseを返すFetch APIを使った例を元に解説している。


ES6 Modules in Depth

ponyfoo.com/articles/es6-modules-in-depth

ECMAScript JavaScript

ES6 Modulesの構文についての解説


Automated testing in Yahoo Mail | Yahoo Engineering

yahooeng.tumblr.com/post/115664629471/automated-testing-in-yahoo-mail

Yahoo browser React testing JavaScript

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 Flux

TypeScriptとReact、Reduxを組み合わせて使う事について
型による早期エラーの発見、interfacereact.PropTypesの違い、Reduxを扱う際にunion typesをモデルとして使うことについてなど


Debugging Node.js Applications for Memory Leaks | Toptal

www.toptal.com/nodejs/debugging-memory-leaks-node-js-applications

node.js debug

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 WebRTC

MSEdgeにORTC APIが実装されたことについて


Mastering the filesystem in Node.js — Medium

medium.com/@yoshuawuyts/mastering-the-filesystem-in-node-js-4706b7cb0801

node.js library

Node.jsでファイルを作成/削除、ディレクトリを作成、ファイルを検索する方法についてまとめられている


What forces layout/reflow. The comprehensive list.

gist.github.com/paulirish/5d52fb081b3570c81e3a

まとめ browser CSS JavaScript

reflowを強制的に起こすCSSプロパティやJavaScriptのメソッドのまとめ


NW.js & Electron Compared | TangibleJS

tangiblejs.com/posts/nw-js-electron-compared

node-webkit Electron まとめ

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 library 動画 tutorial

JavaScriptライブラリを書いてGitHubに公開し、npmにpublishすることについてのスクリーンキャスト。
ES6で書く方法やsemverについてなど幅広い内容について解説されてる。


TechBuzz 第17回 HTML5+JS勉強会資料

kenju.github.io/techbuzz_htmljs_20150924/

JavaScript webworker

Web Workerを使ったサンプルと共にWeb Workerについて解説しているスライド


New animation inspector features in Firefox 43 - YouTube

www.youtube.com/watch?v=T2jykykN3yc

firefox animation debug 動画

Firefox 43に実装された開発者ツールのアニメーションインスペクタについて動画


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


clipboard.js — Copy to clipboard without Flash

zenorocha.github.io/clipboard.js/

JavaScript クリップボード library

execCommandを使ったクリップボードへのコピーを行うライブラリ。
ユーザーのインタラクションに対して文字列のコピーとカットが行える


Rune.js Documentation

runemadsen.github.io/rune.js/

JavaScript SVG VirtualDOM library

virtual-domライブラリを使ったSVG描画ライブラリ。
Gridシステムを持っているのが特徴的


この記事へ修正リクエストをする
JSer.info Slackに参加する