From 9d92f4025a7e361e393ce3bc82cd4ea098d1cdf6 Mon Sep 17 00:00:00 2001 From: azu Date: Fri, 24 Feb 2017 17:16:04 +0000 Subject: [PATCH 01/16] Update 320 draft --- _i18n/ja/_posts/2017/2017-02-24-320draft.md | 206 ++++++++++++++++++++ 1 file changed, 206 insertions(+) create mode 100644 _i18n/ja/_posts/2017/2017-02-24-320draft.md diff --git a/_i18n/ja/_posts/2017/2017-02-24-320draft.md b/_i18n/ja/_posts/2017/2017-02-24-320draft.md new file mode 100644 index 00000000000..083700d30a2 --- /dev/null +++ b/_i18n/ja/_posts/2017/2017-02-24-320draft.md @@ -0,0 +1,206 @@ +--- +title: "2017-02-24のJS: " +author: "azu" +layout: post +date : 2017-02-24T17:16:03.956Z +category: JSer +tags: +- + +--- + +JSer.info #320 + +---- + +

ヘッドライン

+ +---- + +## 🃏 Jest 19: Immersive Watch Mode & Test Platform Improvements · Jest +[facebook.github.io/jest/blog/2017/02/21/jest-19-immersive-watch-mode-test-platform-improvements.html](https://facebook.github.io/jest/blog/2017/02/21/jest-19-immersive-watch-mode-test-platform-improvements.html "🃏 Jest 19: Immersive Watch Mode & Test Platform Improvements · Jest") +

JavaScript testing ReleaseNote

+Jest 19プレリリース。 +Watchモードの改善、Snapshotテストで`test`prefixが不要に。 +`expect.stringContaining()`と` expect.toMatchObject()`のサポート。 +`eslint-plugin-jest`は公式プラグイン、設定をチェックできる`jest-validate`の公開 + + +---- + +## Release v1.5.0 · karma-runner/karma +[github.com/karma-runner/karma/releases/tag/v1.5.0](https://github.com/karma-runner/karma/releases/tag/v1.5.0 "Release v1.5.0 · karma-runner/karma") +

JavaScript testing ReleaseNote

+Karma v1.5.0リリース。 +テストをクライアントと同じ`window`で実行する`runInParent`オプションとクライアントページのHTMLを指定できる`customClientContextFile`オプションの追加など + + +---- + +## Node v7.6.0 (Current) | Node.js +[nodejs.org/en/blog/release/v7.6.0/](https://nodejs.org/en/blog/release/v7.6.0/ "Node v7.6.0 (Current) | Node.js") +

node.js ReleaseNote

+Node v7.6.0リリース。 +V8 5.5にアップデートされasync/awaitのサポート、`url.format`がWHATWG URLをサポートするようになるなど + +- [V8 JavaScript Engine: V8 Release 5.5](https://v8project.blogspot.jp/2016/10/v8-release-55.html "V8 JavaScript Engine: V8 Release 5.5") +- [node/CHANGELOG\_V7.md at v7.6.0 · nodejs/node](https://github.com/nodejs/node/blob/v7.6.0/doc/changelogs/CHANGELOG_V7.md#7.6.0 "node/CHANGELOG\_V7.md at v7.6.0 · nodejs/node") + +---- + +## Progress as of February 2017: 2.0.0-alpha1! · Issue #71 · coffeescript6/discuss +[github.com/coffeescript6/discuss/issues/71](https://github.com/coffeescript6/discuss/issues/71 "Progress as of February 2017: 2.0.0-alpha1! · Issue #71 · coffeescript6/discuss") +

CoffeeScript ReleaseNote issue

+CoffeeScript 2.0.0-alpha1リリース。 +ES2015+に準拠した変更を取り入れていっているバージョンであるため、既存のものとは非互換な部分がある。 +`class`や`=>`がES2015と同等に、 +splatsはspreadへコンパイルされるように、Tagged Template literal、async/await、`for...of`のサポートなど + +- [CoffeeScript](https://rawgit.com/jashkenas/coffeescript/2/docs/v2/index.html#breaking-changes "CoffeeScript") + +---- + +## Announcing TypeScript 2.2 | TypeScript +[blogs.msdn.microsoft.com/typescript/2017/02/22/announcing-typescript-2-2/](https://blogs.msdn.microsoft.com/typescript/2017/02/22/announcing-typescript-2-2/ "Announcing TypeScript 2.2 | TypeScript") +

TypeScript ReleaseNote

+TypeScript 2.2リリース。 +languaget serviceの改善、`object` typeの追加、string index、mixin class、`new.target`のサポートなど + +- [Roadmap · Microsoft/TypeScript Wiki](https://github.com/Microsoft/TypeScript/wiki/Roadmap#22-february-2017 "Roadmap · Microsoft/TypeScript Wiki") +- [Breaking Changes · Microsoft/TypeScript Wiki](https://github.com/Microsoft/TypeScript/wiki/Breaking-Changes#typescript-22 "Breaking Changes · Microsoft/TypeScript Wiki") + +---- + +## Release Notes for Safari Technology Preview 24 | WebKit +[webkit.org/blog/7423/release-notes-for-safari-technology-preview-24/](https://webkit.org/blog/7423/release-notes-for-safari-technology-preview-24/ "Release Notes for Safari Technology Preview 24 | WebKit") +

safari ReleaseNote

+Safari Technology Preview Release 24リリース。 +`PerformanceObserver`、``の試験的サポート、`URL`オブジェクトに`toJSON()`の実装、dynamic `import()`のサポートなど + + +---- + +## ECMAScript 2016+ in Firefox | JavaScript +[blog.mozilla.org/javascript/2017/02/22/ecmascript-2016plus-in-firefox/](https://blog.mozilla.org/javascript/2017/02/22/ecmascript-2016plus-in-firefox/ "ECMAScript 2016+ in Firefox | JavaScript") +

firefox ECMAScript JavaScript

+Firefox Nightly 54 でES2016+ Compat tableが100％実装されたとのこと。 +ES2016の`**`や`Array#include`などの追加やGenerator Constructorの仕様変更の追従、ES2017の実装について + + +---- + +## Release v4.4.0 · npm/npm +[github.com/npm/npm/releases/tag/v4.4.0](https://github.com/npm/npm/releases/tag/v4.4.0 "Release v4.4.0 · npm/npm") +

npm ReleaseNote

+npm 4.4.0公開。 +起動時に最新のnpmがあるかを通知するように、`npm run-script`のエラーメッセージが短くなるようになるなど + + +---- + +## Release v6.16.0 · babel/babylon +[github.com/babel/babylon/releases/tag/v6.16.0](https://github.com/babel/babylon/releases/tag/v6.16.0 "Release v6.16.0 · babel/babylon") +

JavaScript babel AST ReleaseNote

+babylon 6.16.0リリース。 +ESTree互換モードを提供するプラグインの追加、Flowでpritimitive typeを上書する問題を修正するなど + + +---- +

アーティクル

+ +---- + +## babel-preset-env: a preset that configures Babel for you +[www.2ality.com/2017/02/babel-preset-env.html](http://www.2ality.com/2017/02/babel-preset-env.html "babel-preset-env: a preset that configures Babel for you") +

JavaScript babel browser

+browserlistの構文でサポートブラウザやNode.jsのバージョンなどのターゲットを指定して、その設定を元にBabelの変換やpolyfillを展開してくれるbabel-preset-envについて + + +---- + +## React Storybook: Develop Beautiful User Interfaces with Ease +[www.sitepoint.com/react-storybook-develop-beautiful-user-interfaces-with-ease/](https://www.sitepoint.com/react-storybook-develop-beautiful-user-interfaces-with-ease/ "React Storybook: Develop Beautiful User Interfaces with Ease") +

React testing

+Reactコンポートの開発補助ツールであるReact StryoBookについて。 +`getstorybook`を使ってのセットアップや使い方、、Storyの書き方、カスタマイズ方法、デバッグ、自動テストについて + +- [mthuret/storybook-addon-specifications: Write tests next to your stories and display their results inside storybook interface](https://github.com/mthuret/storybook-addon-specifications "mthuret/storybook-addon-specifications: Write tests next to your stories and display their results inside storybook interface") + +---- + +## JavaScript Errors and Stack Traces in Depth +[lucasfcosta.com/2017/02/17/JavaScript-Errors-and-Stack-Traces.html](http://lucasfcosta.com/2017/02/17/JavaScript-Errors-and-Stack-Traces.html "JavaScript Errors and Stack Traces in Depth") +

JavaScript article testing

+JavaScriptのスタックトレースをどうやって操作するかという話。 +Chaiにおける`Error.captureStackTrace`を使ったスタックトレース操作を例にしている。 +スタックトレースはどのようにできているか、`Error.captureStackTrace`の使い方について + + +---- + +## React Redux Real World Examples 〜先人から学ぶReact Reduxの知恵〜 +[blog.tai2.net/real-world-redux.html](http://blog.tai2.net/real-world-redux.html "React Redux Real World Examples 〜先人から学ぶReact Reduxの知恵〜") +

redux React article

+ReactとReduxの色々な事例を元に、そのアプリのStoreやComponentがどのような構成になっているかを紐解いていった記事 + + +---- +

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

+ +---- + +## lighterio/exam: Node.js test framework +[github.com/lighterio/exam](https://github.com/lighterio/exam "lighterio/exam: Node.js test framework") +

JavaScript node.js testing library

+MochaやJasmineのような`describe`や`it`とベンチマーク向けの`bench`、assertionとして`is`、モックを行う`mock`など持つJavaScriptのテストフレームワーク。 +マルチプロセスでテストを実行できるオプションを持っている + + +---- + +## niieani/typescript-vs-flowtype: Differences between Flowtype and TypeScript 2.1 -- syntax and usability +[github.com/niieani/typescript-vs-flowtype](https://github.com/niieani/typescript-vs-flowtype "niieani/typescript-vs-flowtype: Differences between Flowtype and TypeScript 2.1 -- syntax and usability") +

TypeScript flowtype

+TypeScriptとFlowtypeの比較。 +シンタックスや型定義、それぞれ異なる部分についてなどをまとめたもの + + +---- + +## developit/unfetch: Bare minimum fetch polyfill in 500 bytes. +[github.com/developit/unfetch](https://github.com/developit/unfetch "developit/unfetch: Bare minimum fetch polyfill in 500 bytes.") +

JavaScript Fetch library

+幾つかの制限を持った小さなfetchのライブラリ。 + + +---- +

書籍関係

+ +---- + +## Professional JavaScript for Web Developers: Matt Frisbie: 9781119366447: Amazon.com: Books +[www.amazon.com/Professional-JavaScript-Developers-Matt-Frisbie/dp/1119366445](https://www.amazon.com/Professional-JavaScript-Developers-Matt-Frisbie/dp/1119366445 "Professional JavaScript for Web Developers: Matt Frisbie: 9781119366447: Amazon.com: Books") +

JavaScript book

+2017年10月2日発売 +Professional JavaScript for Web Developersの4版 + + +---- + +## Security and Frontend Performance - O'Reilly Media +[www.oreilly.com/webops-perf/free/security-and-frontend-performance.csp](http://www.oreilly.com/webops-perf/free/security-and-frontend-performance.csp "Security and Frontend Performance - O'Reilly Media") +

browser security performance book

+60ページほどのウェブサイトにおけるパフォーマンスとセキュリティについての無料の書籍。 +HSTS、CSP/script要素/iframe、リファラポリシー、link要素、難読化、ServiceWorker、メトリクスなど + + +---- + +## O'Reilly Japan - Reactビギナーズガイド +[www.oreilly.co.jp/books/9784873117881/](http://www.oreilly.co.jp/books/9784873117881/ "O'Reilly Japan - Reactビギナーズガイド") +

React book

+2017年03月11日発売 +React: Up & Runningの翻訳本 + + +---- From 900749b5da70e8bcb50d9ed5b79874d11fa32c48 Mon Sep 17 00:00:00 2001 From: azu Date: Sat, 25 Feb 2017 02:19:41 +0000 Subject: [PATCH 02/16] Update 320 draft --- _i18n/ja/_posts/2017/2017-02-25-320draft.md | 215 ++++++++++++++++++++ 1 file changed, 215 insertions(+) create mode 100644 _i18n/ja/_posts/2017/2017-02-25-320draft.md diff --git a/_i18n/ja/_posts/2017/2017-02-25-320draft.md b/_i18n/ja/_posts/2017/2017-02-25-320draft.md new file mode 100644 index 00000000000..568802586fe --- /dev/null +++ b/_i18n/ja/_posts/2017/2017-02-25-320draft.md @@ -0,0 +1,215 @@ +--- +title: "2017-02-25のJS: " +author: "azu" +layout: post +date : 2017-02-25T02:19:41.625Z +category: JSer +tags: +- + +--- + +JSer.info #320 + +---- + +

ヘッドライン

+ +---- + +## 🃏 Jest 19: Immersive Watch Mode & Test Platform Improvements · Jest +[facebook.github.io/jest/blog/2017/02/21/jest-19-immersive-watch-mode-test-platform-improvements.html](https://facebook.github.io/jest/blog/2017/02/21/jest-19-immersive-watch-mode-test-platform-improvements.html "🃏 Jest 19: Immersive Watch Mode & Test Platform Improvements · Jest") +

JavaScript testing ReleaseNote

+Jest 19プレリリース。 +Watchモードの改善、Snapshotテストで`test`prefixが不要に。 +`expect.stringContaining()`と` expect.toMatchObject()`のサポート。 +`eslint-plugin-jest`は公式プラグイン、設定をチェックできる`jest-validate`の公開 + + +---- + +## Release v1.5.0 · karma-runner/karma +[github.com/karma-runner/karma/releases/tag/v1.5.0](https://github.com/karma-runner/karma/releases/tag/v1.5.0 "Release v1.5.0 · karma-runner/karma") +

JavaScript testing ReleaseNote

+Karma v1.5.0リリース。 +テストをクライアントと同じ`window`で実行する`runInParent`オプションとクライアントページのHTMLを指定できる`customClientContextFile`オプションの追加など + + +---- + +## Node v7.6.0 (Current) | Node.js +[nodejs.org/en/blog/release/v7.6.0/](https://nodejs.org/en/blog/release/v7.6.0/ "Node v7.6.0 (Current) | Node.js") +

node.js ReleaseNote

+Node v7.6.0リリース。 +V8 5.5にアップデートされasync/awaitのサポート、`url.format`がWHATWG URLをサポートするようになるなど + +- [V8 JavaScript Engine: V8 Release 5.5](https://v8project.blogspot.jp/2016/10/v8-release-55.html "V8 JavaScript Engine: V8 Release 5.5") +- [node/CHANGELOG\_V7.md at v7.6.0 · nodejs/node](https://github.com/nodejs/node/blob/v7.6.0/doc/changelogs/CHANGELOG_V7.md#7.6.0 "node/CHANGELOG\_V7.md at v7.6.0 · nodejs/node") + +---- + +## Progress as of February 2017: 2.0.0-alpha1! · Issue #71 · coffeescript6/discuss +[github.com/coffeescript6/discuss/issues/71](https://github.com/coffeescript6/discuss/issues/71 "Progress as of February 2017: 2.0.0-alpha1! · Issue #71 · coffeescript6/discuss") +

CoffeeScript ReleaseNote issue

+CoffeeScript 2.0.0-alpha1リリース。 +ES2015+に準拠した変更を取り入れていっているバージョンであるため、既存のものとは非互換な部分がある。 +`class`や`=>`がES2015と同等に、 +splatsはspreadへコンパイルされるように、Tagged Template literal、async/await、`for...of`のサポートなど + +- [CoffeeScript](https://rawgit.com/jashkenas/coffeescript/2/docs/v2/index.html#breaking-changes "CoffeeScript") + +---- + +## Announcing TypeScript 2.2 | TypeScript +[blogs.msdn.microsoft.com/typescript/2017/02/22/announcing-typescript-2-2/](https://blogs.msdn.microsoft.com/typescript/2017/02/22/announcing-typescript-2-2/ "Announcing TypeScript 2.2 | TypeScript") +

TypeScript ReleaseNote

+TypeScript 2.2リリース。 +languaget serviceの改善、`object` typeの追加、string index、mixin class、`new.target`のサポートなど + +- [Roadmap · Microsoft/TypeScript Wiki](https://github.com/Microsoft/TypeScript/wiki/Roadmap#22-february-2017 "Roadmap · Microsoft/TypeScript Wiki") +- [Breaking Changes · Microsoft/TypeScript Wiki](https://github.com/Microsoft/TypeScript/wiki/Breaking-Changes#typescript-22 "Breaking Changes · Microsoft/TypeScript Wiki") + +---- + +## Release Notes for Safari Technology Preview 24 | WebKit +[webkit.org/blog/7423/release-notes-for-safari-technology-preview-24/](https://webkit.org/blog/7423/release-notes-for-safari-technology-preview-24/ "Release Notes for Safari Technology Preview 24 | WebKit") +

safari ReleaseNote

+Safari Technology Preview Release 24リリース。 +`PerformanceObserver`、``の試験的サポート、`URL`オブジェクトに`toJSON()`の実装、dynamic `import()`のサポートなど + + +---- + +## ECMAScript 2016+ in Firefox | JavaScript +[blog.mozilla.org/javascript/2017/02/22/ecmascript-2016plus-in-firefox/](https://blog.mozilla.org/javascript/2017/02/22/ecmascript-2016plus-in-firefox/ "ECMAScript 2016+ in Firefox | JavaScript") +

firefox ECMAScript JavaScript

+Firefox Nightly 54 でES2016+ Compat tableが100％実装されたとのこと。 +ES2016の`**`や`Array#include`などの追加やGenerator Constructorの仕様変更の追従、ES2017の実装について + + +---- + +## Release v4.4.0 · npm/npm +[github.com/npm/npm/releases/tag/v4.4.0](https://github.com/npm/npm/releases/tag/v4.4.0 "Release v4.4.0 · npm/npm") +

npm ReleaseNote

+npm 4.4.0公開。 +起動時に最新のnpmがあるかを通知するように、`npm run-script`のエラーメッセージが短くなるようになるなど + + +---- + +## Release v6.16.0 · babel/babylon +[github.com/babel/babylon/releases/tag/v6.16.0](https://github.com/babel/babylon/releases/tag/v6.16.0 "Release v6.16.0 · babel/babylon") +

JavaScript babel AST ReleaseNote

+babylon 6.16.0リリース。 +ESTree互換モードを提供するプラグインの追加、Flowでpritimitive typeを上書する問題を修正するなど + + +---- + +## Release v0.40.0 · facebook/flow +[github.com/facebook/flow/releases/tag/v0.40.0](https://github.com/facebook/flow/releases/tag/v0.40.0 "Release v0.40.0 · facebook/flow") +

flowtype ReleaseNote

+Flow v0.40.0リリース。 +`this`や`super`をデフォルト非キスに利用できるように、built-in libraryの更新、union type周りの最適化など + + +---- +

アーティクル

+ +---- + +## babel-preset-env: a preset that configures Babel for you +[www.2ality.com/2017/02/babel-preset-env.html](http://www.2ality.com/2017/02/babel-preset-env.html "babel-preset-env: a preset that configures Babel for you") +

JavaScript babel browser

+browserlistの構文でサポートブラウザやNode.jsのバージョンなどのターゲットを指定して、その設定を元にBabelの変換やpolyfillを展開してくれるbabel-preset-envについて + + +---- + +## React Storybook: Develop Beautiful User Interfaces with Ease +[www.sitepoint.com/react-storybook-develop-beautiful-user-interfaces-with-ease/](https://www.sitepoint.com/react-storybook-develop-beautiful-user-interfaces-with-ease/ "React Storybook: Develop Beautiful User Interfaces with Ease") +

React testing

+Reactコンポートの開発補助ツールであるReact StryoBookについて。 +`getstorybook`を使ってのセットアップや使い方、、Storyの書き方、カスタマイズ方法、デバッグ、自動テストについて + +- [mthuret/storybook-addon-specifications: Write tests next to your stories and display their results inside storybook interface](https://github.com/mthuret/storybook-addon-specifications "mthuret/storybook-addon-specifications: Write tests next to your stories and display their results inside storybook interface") + +---- + +## JavaScript Errors and Stack Traces in Depth +[lucasfcosta.com/2017/02/17/JavaScript-Errors-and-Stack-Traces.html](http://lucasfcosta.com/2017/02/17/JavaScript-Errors-and-Stack-Traces.html "JavaScript Errors and Stack Traces in Depth") +

JavaScript article testing

+JavaScriptのスタックトレースをどうやって操作するかという話。 +Chaiにおける`Error.captureStackTrace`を使ったスタックトレース操作を例にしている。 +スタックトレースはどのようにできているか、`Error.captureStackTrace`の使い方について + + +---- + +## React Redux Real World Examples 〜先人から学ぶReact Reduxの知恵〜 +[blog.tai2.net/real-world-redux.html](http://blog.tai2.net/real-world-redux.html "React Redux Real World Examples 〜先人から学ぶReact Reduxの知恵〜") +

redux React article

+ReactとReduxの色々な事例を元に、そのアプリのStoreやComponentがどのような構成になっているかを紐解いていった記事 + + +---- +

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

+ +---- + +## lighterio/exam: Node.js test framework +[github.com/lighterio/exam](https://github.com/lighterio/exam "lighterio/exam: Node.js test framework") +

JavaScript node.js testing library

+MochaやJasmineのような`describe`や`it`とベンチマーク向けの`bench`、assertionとして`is`、モックを行う`mock`など持つJavaScriptのテストフレームワーク。 +マルチプロセスでテストを実行できるオプションを持っている + + +---- + +## niieani/typescript-vs-flowtype: Differences between Flowtype and TypeScript 2.1 -- syntax and usability +[github.com/niieani/typescript-vs-flowtype](https://github.com/niieani/typescript-vs-flowtype "niieani/typescript-vs-flowtype: Differences between Flowtype and TypeScript 2.1 -- syntax and usability") +

TypeScript flowtype

+TypeScriptとFlowtypeの比較。 +シンタックスや型定義、それぞれ異なる部分についてなどをまとめたもの + + +---- + +## developit/unfetch: Bare minimum fetch polyfill in 500 bytes. +[github.com/developit/unfetch](https://github.com/developit/unfetch "developit/unfetch: Bare minimum fetch polyfill in 500 bytes.") +

JavaScript Fetch library

+幾つかの制限を持った小さなfetchのライブラリ。 + + +---- +

書籍関係

+ +---- + +## Professional JavaScript for Web Developers: Matt Frisbie: 9781119366447: Amazon.com: Books +[www.amazon.com/Professional-JavaScript-Developers-Matt-Frisbie/dp/1119366445](https://www.amazon.com/Professional-JavaScript-Developers-Matt-Frisbie/dp/1119366445 "Professional JavaScript for Web Developers: Matt Frisbie: 9781119366447: Amazon.com: Books") +

JavaScript book

+2017年10月2日発売 +Professional JavaScript for Web Developersの4版 + + +---- + +## Security and Frontend Performance - O'Reilly Media +[www.oreilly.com/webops-perf/free/security-and-frontend-performance.csp](http://www.oreilly.com/webops-perf/free/security-and-frontend-performance.csp "Security and Frontend Performance - O'Reilly Media") +

browser security performance book

+60ページほどのウェブサイトにおけるパフォーマンスとセキュリティについての無料の書籍。 +HSTS、CSP/script要素/iframe、リファラポリシー、link要素、難読化、ServiceWorker、メトリクスなど + + +---- + +## O'Reilly Japan - Reactビギナーズガイド +[www.oreilly.co.jp/books/9784873117881/](http://www.oreilly.co.jp/books/9784873117881/ "O'Reilly Japan - Reactビギナーズガイド") +

React book

+2017年03月11日発売 +React: Up & Runningの翻訳本 + + +---- From e8fc1146302676555c0c6734b97e0658e38a3a70 Mon Sep 17 00:00:00 2001 From: azu Date: Sat, 25 Feb 2017 11:38:16 +0000 Subject: [PATCH 03/16] Update 320 draft --- _i18n/ja/_posts/2017/2017-02-25-320draft.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/_i18n/ja/_posts/2017/2017-02-25-320draft.md b/_i18n/ja/_posts/2017/2017-02-25-320draft.md index 568802586fe..1e377b81308 100644 --- a/_i18n/ja/_posts/2017/2017-02-25-320draft.md +++ b/_i18n/ja/_posts/2017/2017-02-25-320draft.md @@ -2,7 +2,7 @@ title: "2017-02-25のJS: " author: "azu" layout: post -date : 2017-02-25T02:19:41.625Z +date : 2017-02-25T11:38:16.743Z category: JSer tags: - From 5b9d9b1909dc12dce8ce310789cda7e08a64ba25 Mon Sep 17 00:00:00 2001 From: azu Date: Sat, 25 Feb 2017 12:00:38 +0000 Subject: [PATCH 04/16] Update 320 draft --- _i18n/ja/_posts/2017/2017-02-25-320draft.md | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) diff --git a/_i18n/ja/_posts/2017/2017-02-25-320draft.md b/_i18n/ja/_posts/2017/2017-02-25-320draft.md index 1e377b81308..5c95b94fa11 100644 --- a/_i18n/ja/_posts/2017/2017-02-25-320draft.md +++ b/_i18n/ja/_posts/2017/2017-02-25-320draft.md @@ -2,7 +2,7 @@ title: "2017-02-25のJS: " author: "azu" layout: post -date : 2017-02-25T11:38:16.743Z +date : 2017-02-25T12:00:37.936Z category: JSer tags: - @@ -182,6 +182,14 @@ TypeScriptとFlowtypeの比較。 幾つかの制限を持った小さなfetchのライブラリ。 +---- + +## debitoor/dot-prop-immutable: Immutable version of dot-prop with some extensions +[github.com/debitoor/dot-prop-immutable](https://github.com/debitoor/dot-prop-immutable "debitoor/dot-prop-immutable: Immutable version of dot-prop with some extensions") +

JavaScript library

+immutableなget/set/delete操作を行うシンプルなライブラリ + + ----

書籍関係

From b7aeb16b954579df06605e6b74a7e3961750ad29 Mon Sep 17 00:00:00 2001 From: azu Date: Sat, 25 Feb 2017 13:26:05 +0000 Subject: [PATCH 05/16] Update 320 draft --- _i18n/ja/_posts/2017/2017-02-25-320draft.md | 11 ++++++++++- 1 file changed, 10 insertions(+), 1 deletion(-) diff --git a/_i18n/ja/_posts/2017/2017-02-25-320draft.md b/_i18n/ja/_posts/2017/2017-02-25-320draft.md index 5c95b94fa11..f2d788f246c 100644 --- a/_i18n/ja/_posts/2017/2017-02-25-320draft.md +++ b/_i18n/ja/_posts/2017/2017-02-25-320draft.md @@ -2,7 +2,7 @@ title: "2017-02-25のJS: " author: "azu" layout: post -date : 2017-02-25T12:00:37.936Z +date : 2017-02-25T13:26:05.700Z category: JSer tags: - @@ -220,4 +220,13 @@ HSTS、CSP/script要素/iframe、リファラポリシー、link要素、難読 React: Up & Runningの翻訳本 +---- + +## はじめてのCSS設計 フロントエンドエンジニアが教えるメンテナブルなCSS設計手法 | 田辺 丈士, 大江 遼, 藤岡 龍太, 安 光太郎, 株式会社アイ・エム・ジェイ |本 | 通販 | Amazon +[www.amazon.co.jp/%E3%81%AF%E3%81%98%E3%82%81%E3%81%A6%E3%81%AECSS%E8%A8%AD%E8%A8%88-%E3%83%95%E3%83%AD%E3%83%B3%E3%83%88%E3%82%A8%E3%83%B3%E3%83%89%E3%82%A8%E3%83%B3%E3%82%B8%E3%83%8B%E3%82%A2%E3%81%8C%E6%95%99%E3%81%88%E3%82%8B%E3%83%A1%E3%83%B3%E3%83%86%E3%83%8A%E3%83%96%E3%83%AB%E3%81%AACSS%E8%A8%AD%E8%A8%88%E6%89%8B%E6%B3%95-%E7%94%B0%E8%BE%BA-%E4%B8%88%E5%A3%AB/dp/4798143154](https://www.amazon.co.jp/%E3%81%AF%E3%81%98%E3%82%81%E3%81%A6%E3%81%AECSS%E8%A8%AD%E8%A8%88-%E3%83%95%E3%83%AD%E3%83%B3%E3%83%88%E3%82%A8%E3%83%B3%E3%83%89%E3%82%A8%E3%83%B3%E3%82%B8%E3%83%8B%E3%82%A2%E3%81%8C%E6%95%99%E3%81%88%E3%82%8B%E3%83%A1%E3%83%B3%E3%83%86%E3%83%8A%E3%83%96%E3%83%AB%E3%81%AACSS%E8%A8%AD%E8%A8%88%E6%89%8B%E6%B3%95-%E7%94%B0%E8%BE%BA-%E4%B8%88%E5%A3%AB/dp/4798143154 "はじめてのCSS設計 フロントエンドエンジニアが教えるメンテナブルなCSS設計手法 | 田辺 丈士, 大江 遼, 藤岡 龍太, 安 光太郎, 株式会社アイ・エム・ジェイ |本 | 通販 | Amazon") +

CSS book

+2017年3月14日発売 +CSSの設定についての書籍 + + ---- From c62d543903e6e2f6603909e7716380767b7074f6 Mon Sep 17 00:00:00 2001 From: azu Date: Sun, 26 Feb 2017 01:18:38 +0000 Subject: [PATCH 06/16] Update 320 draft --- _i18n/ja/_posts/2017/2017-02-26-320draft.md | 242 ++++++++++++++++++++ 1 file changed, 242 insertions(+) create mode 100644 _i18n/ja/_posts/2017/2017-02-26-320draft.md diff --git a/_i18n/ja/_posts/2017/2017-02-26-320draft.md b/_i18n/ja/_posts/2017/2017-02-26-320draft.md new file mode 100644 index 00000000000..13ffc0825ad --- /dev/null +++ b/_i18n/ja/_posts/2017/2017-02-26-320draft.md @@ -0,0 +1,242 @@ +--- +title: "2017-02-26のJS: " +author: "azu" +layout: post +date : 2017-02-26T01:18:38.136Z +category: JSer +tags: +- + +--- + +JSer.info #320 + +---- + +

ヘッドライン

+ +---- + +## 🃏 Jest 19: Immersive Watch Mode & Test Platform Improvements · Jest +[facebook.github.io/jest/blog/2017/02/21/jest-19-immersive-watch-mode-test-platform-improvements.html](https://facebook.github.io/jest/blog/2017/02/21/jest-19-immersive-watch-mode-test-platform-improvements.html "🃏 Jest 19: Immersive Watch Mode & Test Platform Improvements · Jest") +

JavaScript testing ReleaseNote

+Jest 19プレリリース。 +Watchモードの改善、Snapshotテストで`test`prefixが不要に。 +`expect.stringContaining()`と` expect.toMatchObject()`のサポート。 +`eslint-plugin-jest`は公式プラグイン、設定をチェックできる`jest-validate`の公開 + + +---- + +## Release v1.5.0 · karma-runner/karma +[github.com/karma-runner/karma/releases/tag/v1.5.0](https://github.com/karma-runner/karma/releases/tag/v1.5.0 "Release v1.5.0 · karma-runner/karma") +

JavaScript testing ReleaseNote

+Karma v1.5.0リリース。 +テストをクライアントと同じ`window`で実行する`runInParent`オプションとクライアントページのHTMLを指定できる`customClientContextFile`オプションの追加など + + +---- + +## Node v7.6.0 (Current) | Node.js +[nodejs.org/en/blog/release/v7.6.0/](https://nodejs.org/en/blog/release/v7.6.0/ "Node v7.6.0 (Current) | Node.js") +

node.js ReleaseNote

+Node v7.6.0リリース。 +V8 5.5にアップデートされasync/awaitのサポート、`url.format`がWHATWG URLをサポートするようになるなど + +- [V8 JavaScript Engine: V8 Release 5.5](https://v8project.blogspot.jp/2016/10/v8-release-55.html "V8 JavaScript Engine: V8 Release 5.5") +- [node/CHANGELOG\_V7.md at v7.6.0 · nodejs/node](https://github.com/nodejs/node/blob/v7.6.0/doc/changelogs/CHANGELOG_V7.md#7.6.0 "node/CHANGELOG\_V7.md at v7.6.0 · nodejs/node") + +---- + +## Progress as of February 2017: 2.0.0-alpha1! · Issue #71 · coffeescript6/discuss +[github.com/coffeescript6/discuss/issues/71](https://github.com/coffeescript6/discuss/issues/71 "Progress as of February 2017: 2.0.0-alpha1! · Issue #71 · coffeescript6/discuss") +

CoffeeScript ReleaseNote issue

+CoffeeScript 2.0.0-alpha1リリース。 +ES2015+に準拠した変更を取り入れていっているバージョンであるため、既存のものとは非互換な部分がある。 +`class`や`=>`がES2015と同等に、 +splatsはspreadへコンパイルされるように、Tagged Template literal、async/await、`for...of`のサポートなど + +- [CoffeeScript](https://rawgit.com/jashkenas/coffeescript/2/docs/v2/index.html#breaking-changes "CoffeeScript") + +---- + +## Announcing TypeScript 2.2 | TypeScript +[blogs.msdn.microsoft.com/typescript/2017/02/22/announcing-typescript-2-2/](https://blogs.msdn.microsoft.com/typescript/2017/02/22/announcing-typescript-2-2/ "Announcing TypeScript 2.2 | TypeScript") +

TypeScript ReleaseNote

+TypeScript 2.2リリース。 +languaget serviceの改善、`object` typeの追加、string index、mixin class、`new.target`のサポートなど + +- [Roadmap · Microsoft/TypeScript Wiki](https://github.com/Microsoft/TypeScript/wiki/Roadmap#22-february-2017 "Roadmap · Microsoft/TypeScript Wiki") +- [Breaking Changes · Microsoft/TypeScript Wiki](https://github.com/Microsoft/TypeScript/wiki/Breaking-Changes#typescript-22 "Breaking Changes · Microsoft/TypeScript Wiki") + +---- + +## Release Notes for Safari Technology Preview 24 | WebKit +[webkit.org/blog/7423/release-notes-for-safari-technology-preview-24/](https://webkit.org/blog/7423/release-notes-for-safari-technology-preview-24/ "Release Notes for Safari Technology Preview 24 | WebKit") +

safari ReleaseNote

+Safari Technology Preview Release 24リリース。 +`PerformanceObserver`、``の試験的サポート、`URL`オブジェクトに`toJSON()`の実装、dynamic `import()`のサポートなど + + +---- + +## ECMAScript 2016+ in Firefox | JavaScript +[blog.mozilla.org/javascript/2017/02/22/ecmascript-2016plus-in-firefox/](https://blog.mozilla.org/javascript/2017/02/22/ecmascript-2016plus-in-firefox/ "ECMAScript 2016+ in Firefox | JavaScript") +

firefox ECMAScript JavaScript

+Firefox Nightly 54 でES2016+ Compat tableが100％実装されたとのこと。 +ES2016の`**`や`Array#include`などの追加やGenerator Constructorの仕様変更の追従、ES2017の実装について + + +---- + +## Release v4.4.0 · npm/npm +[github.com/npm/npm/releases/tag/v4.4.0](https://github.com/npm/npm/releases/tag/v4.4.0 "Release v4.4.0 · npm/npm") +

npm ReleaseNote

+npm 4.4.0公開。 +起動時に最新のnpmがあるかを通知するように、`npm run-script`のエラーメッセージが短くなるようになるなど + + +---- + +## Release v6.16.0 · babel/babylon +[github.com/babel/babylon/releases/tag/v6.16.0](https://github.com/babel/babylon/releases/tag/v6.16.0 "Release v6.16.0 · babel/babylon") +

JavaScript babel AST ReleaseNote

+babylon 6.16.0リリース。 +ESTree互換モードを提供するプラグインの追加、Flowでpritimitive typeを上書する問題を修正するなど + + +---- + +## Release v0.40.0 · facebook/flow +[github.com/facebook/flow/releases/tag/v0.40.0](https://github.com/facebook/flow/releases/tag/v0.40.0 "Release v0.40.0 · facebook/flow") +

flowtype ReleaseNote

+Flow v0.40.0リリース。 +`this`や`super`をデフォルト非キスに利用できるように、built-in libraryの更新、union type周りの最適化など + + +---- + +## angular/CHANGELOG.md at 4.0.0-rc.1 · angular/angular +[github.com/angular/angular/blob/4.0.0-rc.1/CHANGELOG.md](https://github.com/angular/angular/blob/4.0.0-rc.1/CHANGELOG.md "angular/CHANGELOG.md at 4.0.0-rc.1 · angular/angular") +

AngularJS ReleaseNote

+Angular 4.0.0 RC1リリース。 +AOTコンパイルしたViewのコード量を削減、コードベースがTypeScript 2.1ベースでStrictNullChecksが有効化された。 +あわせてAngularをサーバサイドでも動かせるUniversalも更新されるなど + + +---- +

アーティクル

+ +---- + +## babel-preset-env: a preset that configures Babel for you +[www.2ality.com/2017/02/babel-preset-env.html](http://www.2ality.com/2017/02/babel-preset-env.html "babel-preset-env: a preset that configures Babel for you") +

JavaScript babel browser

+browserlistの構文でサポートブラウザやNode.jsのバージョンなどのターゲットを指定して、その設定を元にBabelの変換やpolyfillを展開してくれるbabel-preset-envについて + + +---- + +## React Storybook: Develop Beautiful User Interfaces with Ease +[www.sitepoint.com/react-storybook-develop-beautiful-user-interfaces-with-ease/](https://www.sitepoint.com/react-storybook-develop-beautiful-user-interfaces-with-ease/ "React Storybook: Develop Beautiful User Interfaces with Ease") +

React testing

+Reactコンポートの開発補助ツールであるReact StryoBookについて。 +`getstorybook`を使ってのセットアップや使い方、、Storyの書き方、カスタマイズ方法、デバッグ、自動テストについて + +- [mthuret/storybook-addon-specifications: Write tests next to your stories and display their results inside storybook interface](https://github.com/mthuret/storybook-addon-specifications "mthuret/storybook-addon-specifications: Write tests next to your stories and display their results inside storybook interface") + +---- + +## JavaScript Errors and Stack Traces in Depth +[lucasfcosta.com/2017/02/17/JavaScript-Errors-and-Stack-Traces.html](http://lucasfcosta.com/2017/02/17/JavaScript-Errors-and-Stack-Traces.html "JavaScript Errors and Stack Traces in Depth") +

JavaScript article testing

+JavaScriptのスタックトレースをどうやって操作するかという話。 +Chaiにおける`Error.captureStackTrace`を使ったスタックトレース操作を例にしている。 +スタックトレースはどのようにできているか、`Error.captureStackTrace`の使い方について + + +---- + +## React Redux Real World Examples 〜先人から学ぶReact Reduxの知恵〜 +[blog.tai2.net/real-world-redux.html](http://blog.tai2.net/real-world-redux.html "React Redux Real World Examples 〜先人から学ぶReact Reduxの知恵〜") +

redux React article

+ReactとReduxの色々な事例を元に、そのアプリのStoreやComponentがどのような構成になっているかを紐解いていった記事 + + +---- +

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

+ +---- + +## lighterio/exam: Node.js test framework +[github.com/lighterio/exam](https://github.com/lighterio/exam "lighterio/exam: Node.js test framework") +

JavaScript node.js testing library

+MochaやJasmineのような`describe`や`it`とベンチマーク向けの`bench`、assertionとして`is`、モックを行う`mock`など持つJavaScriptのテストフレームワーク。 +マルチプロセスでテストを実行できるオプションを持っている + + +---- + +## niieani/typescript-vs-flowtype: Differences between Flowtype and TypeScript 2.1 -- syntax and usability +[github.com/niieani/typescript-vs-flowtype](https://github.com/niieani/typescript-vs-flowtype "niieani/typescript-vs-flowtype: Differences between Flowtype and TypeScript 2.1 -- syntax and usability") +

TypeScript flowtype

+TypeScriptとFlowtypeの比較。 +シンタックスや型定義、それぞれ異なる部分についてなどをまとめたもの + + +---- + +## developit/unfetch: Bare minimum fetch polyfill in 500 bytes. +[github.com/developit/unfetch](https://github.com/developit/unfetch "developit/unfetch: Bare minimum fetch polyfill in 500 bytes.") +

JavaScript Fetch library

+幾つかの制限を持った小さなfetchのライブラリ。 + + +---- + +## debitoor/dot-prop-immutable: Immutable version of dot-prop with some extensions +[github.com/debitoor/dot-prop-immutable](https://github.com/debitoor/dot-prop-immutable "debitoor/dot-prop-immutable: Immutable version of dot-prop with some extensions") +

JavaScript library

+immutableなget/set/delete操作を行うシンプルなライブラリ + + +---- +

書籍関係

+ +---- + +## Professional JavaScript for Web Developers: Matt Frisbie: 9781119366447: Amazon.com: Books +[www.amazon.com/Professional-JavaScript-Developers-Matt-Frisbie/dp/1119366445](https://www.amazon.com/Professional-JavaScript-Developers-Matt-Frisbie/dp/1119366445 "Professional JavaScript for Web Developers: Matt Frisbie: 9781119366447: Amazon.com: Books") +

JavaScript book

+2017年10月2日発売 +Professional JavaScript for Web Developersの4版 + + +---- + +## Security and Frontend Performance - O'Reilly Media +[www.oreilly.com/webops-perf/free/security-and-frontend-performance.csp](http://www.oreilly.com/webops-perf/free/security-and-frontend-performance.csp "Security and Frontend Performance - O'Reilly Media") +

browser security performance book

+60ページほどのウェブサイトにおけるパフォーマンスとセキュリティについての無料の書籍。 +HSTS、CSP/script要素/iframe、リファラポリシー、link要素、難読化、ServiceWorker、メトリクスなど + + +---- + +## O'Reilly Japan - Reactビギナーズガイド +[www.oreilly.co.jp/books/9784873117881/](http://www.oreilly.co.jp/books/9784873117881/ "O'Reilly Japan - Reactビギナーズガイド") +

React book

+2017年03月11日発売 +React: Up & Runningの翻訳本 + + +---- + +## はじめてのCSS設計 フロントエンドエンジニアが教えるメンテナブルなCSS設計手法 | 田辺 丈士, 大江 遼, 藤岡 龍太, 安 光太郎, 株式会社アイ・エム・ジェイ |本 | 通販 | Amazon +[www.amazon.co.jp/%E3%81%AF%E3%81%98%E3%82%81%E3%81%A6%E3%81%AECSS%E8%A8%AD%E8%A8%88-%E3%83%95%E3%83%AD%E3%83%B3%E3%83%88%E3%82%A8%E3%83%B3%E3%83%89%E3%82%A8%E3%83%B3%E3%82%B8%E3%83%8B%E3%82%A2%E3%81%8C%E6%95%99%E3%81%88%E3%82%8B%E3%83%A1%E3%83%B3%E3%83%86%E3%83%8A%E3%83%96%E3%83%AB%E3%81%AACSS%E8%A8%AD%E8%A8%88%E6%89%8B%E6%B3%95-%E7%94%B0%E8%BE%BA-%E4%B8%88%E5%A3%AB/dp/4798143154](https://www.amazon.co.jp/%E3%81%AF%E3%81%98%E3%82%81%E3%81%A6%E3%81%AECSS%E8%A8%AD%E8%A8%88-%E3%83%95%E3%83%AD%E3%83%B3%E3%83%88%E3%82%A8%E3%83%B3%E3%83%89%E3%82%A8%E3%83%B3%E3%82%B8%E3%83%8B%E3%82%A2%E3%81%8C%E6%95%99%E3%81%88%E3%82%8B%E3%83%A1%E3%83%B3%E3%83%86%E3%83%8A%E3%83%96%E3%83%AB%E3%81%AACSS%E8%A8%AD%E8%A8%88%E6%89%8B%E6%B3%95-%E7%94%B0%E8%BE%BA-%E4%B8%88%E5%A3%AB/dp/4798143154 "はじめてのCSS設計 フロントエンドエンジニアが教えるメンテナブルなCSS設計手法 | 田辺 丈士, 大江 遼, 藤岡 龍太, 安 光太郎, 株式会社アイ・エム・ジェイ |本 | 通販 | Amazon") +

CSS book

+2017年3月14日発売 +CSSの設定についての書籍 + + +---- From 56096e061b8b9c67d723af5b027277f173945bbf Mon Sep 17 00:00:00 2001 From: azu Date: Sun, 26 Feb 2017 05:57:18 +0000 Subject: [PATCH 07/16] Update 320 draft --- _i18n/ja/_posts/2017/2017-02-26-320draft.md | 14 +++++++++++++- 1 file changed, 13 insertions(+), 1 deletion(-) diff --git a/_i18n/ja/_posts/2017/2017-02-26-320draft.md b/_i18n/ja/_posts/2017/2017-02-26-320draft.md index 13ffc0825ad..bc1ac7159d6 100644 --- a/_i18n/ja/_posts/2017/2017-02-26-320draft.md +++ b/_i18n/ja/_posts/2017/2017-02-26-320draft.md @@ -2,7 +2,7 @@ title: "2017-02-26のJS: " author: "azu" layout: post -date : 2017-02-26T01:18:38.136Z +date : 2017-02-26T05:57:18.269Z category: JSer tags: - @@ -124,6 +124,18 @@ AOTコンパイルしたViewのコード量を削減、コードベースがType あわせてAngularをサーバサイドでも動かせるUniversalも更新されるなど +---- + +## Release v2.2.0 · vuejs/vue +[github.com/vuejs/vue/releases/tag/v2.2.0](https://github.com/vuejs/vue/releases/tag/v2.2.0 "Release v2.2.0 · vuejs/vue") +

JavaScript library ReleaseNote

+Vue.js v2.2.0リリース。 +テンプレートで閉じタグがない場合にエラーを投げるように、PropsやComputedプロパティはインスタンスではなくprototypeへ定義されるように。 +サーバサイドレンダリング向けに`template`オプションの追加、`errorHandler`や`renderError`でエラーがキャッチできるように。 +React Context的な値を差し込める`provive`と`inject`のDI機構の追加など + +- [Dummy](http://example.com/ "Dummy") + ----

アーティクル

From ae873e1d7ab83fe61ed5d7a74cdbe1c253438fd5 Mon Sep 17 00:00:00 2001 From: azu Date: Sun, 26 Feb 2017 09:08:23 +0000 Subject: [PATCH 08/16] Update 320 draft --- _i18n/ja/_posts/2017/2017-02-26-320draft.md | 11 ++++++++++- 1 file changed, 10 insertions(+), 1 deletion(-) diff --git a/_i18n/ja/_posts/2017/2017-02-26-320draft.md b/_i18n/ja/_posts/2017/2017-02-26-320draft.md index bc1ac7159d6..7c6c21ac523 100644 --- a/_i18n/ja/_posts/2017/2017-02-26-320draft.md +++ b/_i18n/ja/_posts/2017/2017-02-26-320draft.md @@ -2,7 +2,7 @@ title: "2017-02-26のJS: " author: "azu" layout: post -date : 2017-02-26T05:57:18.269Z +date : 2017-02-26T09:08:23.266Z category: JSer tags: - @@ -175,6 +175,15 @@ Chaiにおける`Error.captureStackTrace`を使ったスタックトレース操 ReactとReduxの色々な事例を元に、そのアプリのStoreやComponentがどのような構成になっているかを紐解いていった記事 +---- + +## Vendor and code splitting in webpack 2 – Medium +[medium.com/@adamrackis/vendor-and-code-splitting-in-webpack-2-6376358f1923](https://medium.com/@adamrackis/vendor-and-code-splitting-in-webpack-2-6376358f1923 "Vendor and code splitting in webpack 2 – Medium") +

webpack article

+webpack 2でのコード分割について。 +`import()`での動的ロードと分割、BundleAnalyzerPluginでの分析、CommonsChunkでの分割 + + ----

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

From 15972a48e4f7a6972912d56207534382060bf283 Mon Sep 17 00:00:00 2001 From: azu Date: Sun, 26 Feb 2017 09:11:35 +0000 Subject: [PATCH 09/16] Update 320 draft --- _i18n/ja/_posts/2017/2017-02-26-320draft.md | 11 ++++++++++- 1 file changed, 10 insertions(+), 1 deletion(-) diff --git a/_i18n/ja/_posts/2017/2017-02-26-320draft.md b/_i18n/ja/_posts/2017/2017-02-26-320draft.md index 7c6c21ac523..ddc9f06ed24 100644 --- a/_i18n/ja/_posts/2017/2017-02-26-320draft.md +++ b/_i18n/ja/_posts/2017/2017-02-26-320draft.md @@ -2,7 +2,7 @@ title: "2017-02-26のJS: " author: "azu" layout: post -date : 2017-02-26T09:08:23.266Z +date : 2017-02-26T09:11:34.930Z category: JSer tags: - @@ -184,6 +184,15 @@ webpack 2でのコード分割について。 `import()`での動的ロードと分割、BundleAnalyzerPluginでの分析、CommonsChunkでの分割 +---- + +## 逆引き！フロントエンドのイマドキパフォーマンス改善 - 青空コメントアウト +[www.aocomme.com/entry/2017/01/18/185753](http://www.aocomme.com/entry/2017/01/18/185753 "逆引き！フロントエンドのイマドキパフォーマンス改善 - 青空コメントアウト") +

browser performance article WebPlatformAPI

+最近ブラウザに増えたレンダリング負荷を考慮したAPIや先読みについて。 +`will-change`、CSS Containment、`requestIdleCallback`、Passive EventListener、``についての紹介 + + ----

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

From 76bfd3d45e460858fed75029de74eab6309554cc Mon Sep 17 00:00:00 2001 From: azu Date: Sun, 26 Feb 2017 09:12:16 +0000 Subject: [PATCH 10/16] Update 320 draft --- _i18n/ja/_posts/2017/2017-02-26-320draft.md | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/_i18n/ja/_posts/2017/2017-02-26-320draft.md b/_i18n/ja/_posts/2017/2017-02-26-320draft.md index ddc9f06ed24..6b05801bee4 100644 --- a/_i18n/ja/_posts/2017/2017-02-26-320draft.md +++ b/_i18n/ja/_posts/2017/2017-02-26-320draft.md @@ -2,7 +2,7 @@ title: "2017-02-26のJS: " author: "azu" layout: post -date : 2017-02-26T09:11:34.930Z +date : 2017-02-26T09:12:16.886Z category: JSer tags: - @@ -68,6 +68,8 @@ languaget serviceの改善、`object` typeの追加、string index、mixin class - [Roadmap · Microsoft/TypeScript Wiki](https://github.com/Microsoft/TypeScript/wiki/Roadmap#22-february-2017 "Roadmap · Microsoft/TypeScript Wiki") - [Breaking Changes · Microsoft/TypeScript Wiki](https://github.com/Microsoft/TypeScript/wiki/Breaking-Changes#typescript-22 "Breaking Changes · Microsoft/TypeScript Wiki") +- [TypeScript 2.2.1 変更点 - Qiita](http://qiita.com/vvakame/items/eb6c054360868b88f9b1 "TypeScript 2.2.1 変更点 - Qiita") +- [TypeScript 2.2: The object Type | Marius Schulz](https://blog.mariusschulz.com/2017/02/24/typescript-2-2-the-object-type "TypeScript 2.2: The object Type | Marius Schulz") ---- From 9834ed76d8cf496a97ca4f879e3d091f00d03746 Mon Sep 17 00:00:00 2001 From: azu Date: Mon, 27 Feb 2017 00:34:34 +0000 Subject: [PATCH 11/16] Update 320 draft --- _i18n/ja/_posts/2017/2017-02-27-320draft.md | 275 ++++++++++++++++++++ 1 file changed, 275 insertions(+) create mode 100644 _i18n/ja/_posts/2017/2017-02-27-320draft.md diff --git a/_i18n/ja/_posts/2017/2017-02-27-320draft.md b/_i18n/ja/_posts/2017/2017-02-27-320draft.md new file mode 100644 index 00000000000..86512114608 --- /dev/null +++ b/_i18n/ja/_posts/2017/2017-02-27-320draft.md @@ -0,0 +1,275 @@ +--- +title: "2017-02-27のJS: " +author: "azu" +layout: post +date : 2017-02-27T00:34:34.829Z +category: JSer +tags: +- + +--- + +JSer.info #320 + +---- + +

ヘッドライン

+ +---- + +## 🃏 Jest 19: Immersive Watch Mode & Test Platform Improvements · Jest +[facebook.github.io/jest/blog/2017/02/21/jest-19-immersive-watch-mode-test-platform-improvements.html](https://facebook.github.io/jest/blog/2017/02/21/jest-19-immersive-watch-mode-test-platform-improvements.html "🃏 Jest 19: Immersive Watch Mode & Test Platform Improvements · Jest") +

JavaScript testing ReleaseNote

+Jest 19プレリリース。 +Watchモードの改善、Snapshotテストで`test`prefixが不要に。 +`expect.stringContaining()`と` expect.toMatchObject()`のサポート。 +`eslint-plugin-jest`は公式プラグイン、設定をチェックできる`jest-validate`の公開 + + +---- + +## Release v1.5.0 · karma-runner/karma +[github.com/karma-runner/karma/releases/tag/v1.5.0](https://github.com/karma-runner/karma/releases/tag/v1.5.0 "Release v1.5.0 · karma-runner/karma") +

JavaScript testing ReleaseNote

+Karma v1.5.0リリース。 +テストをクライアントと同じ`window`で実行する`runInParent`オプションとクライアントページのHTMLを指定できる`customClientContextFile`オプションの追加など + + +---- + +## Node v7.6.0 (Current) | Node.js +[nodejs.org/en/blog/release/v7.6.0/](https://nodejs.org/en/blog/release/v7.6.0/ "Node v7.6.0 (Current) | Node.js") +

node.js ReleaseNote

+Node v7.6.0リリース。 +V8 5.5にアップデートされasync/awaitのサポート、`url.format`がWHATWG URLをサポートするようになるなど + +- [V8 JavaScript Engine: V8 Release 5.5](https://v8project.blogspot.jp/2016/10/v8-release-55.html "V8 JavaScript Engine: V8 Release 5.5") +- [node/CHANGELOG\_V7.md at v7.6.0 · nodejs/node](https://github.com/nodejs/node/blob/v7.6.0/doc/changelogs/CHANGELOG_V7.md#7.6.0 "node/CHANGELOG\_V7.md at v7.6.0 · nodejs/node") + +---- + +## Progress as of February 2017: 2.0.0-alpha1! · Issue #71 · coffeescript6/discuss +[github.com/coffeescript6/discuss/issues/71](https://github.com/coffeescript6/discuss/issues/71 "Progress as of February 2017: 2.0.0-alpha1! · Issue #71 · coffeescript6/discuss") +

CoffeeScript ReleaseNote issue

+CoffeeScript 2.0.0-alpha1リリース。 +ES2015+に準拠した変更を取り入れていっているバージョンであるため、既存のものとは非互換な部分がある。 +`class`や`=>`がES2015と同等に、 +splatsはspreadへコンパイルされるように、Tagged Template literal、async/await、`for...of`のサポートなど + +- [CoffeeScript](https://rawgit.com/jashkenas/coffeescript/2/docs/v2/index.html#breaking-changes "CoffeeScript") + +---- + +## Announcing TypeScript 2.2 | TypeScript +[blogs.msdn.microsoft.com/typescript/2017/02/22/announcing-typescript-2-2/](https://blogs.msdn.microsoft.com/typescript/2017/02/22/announcing-typescript-2-2/ "Announcing TypeScript 2.2 | TypeScript") +

TypeScript ReleaseNote

+TypeScript 2.2リリース。 +languaget serviceの改善、`object` typeの追加、string index、mixin class、`new.target`のサポートなど + +- [Roadmap · Microsoft/TypeScript Wiki](https://github.com/Microsoft/TypeScript/wiki/Roadmap#22-february-2017 "Roadmap · Microsoft/TypeScript Wiki") +- [Breaking Changes · Microsoft/TypeScript Wiki](https://github.com/Microsoft/TypeScript/wiki/Breaking-Changes#typescript-22 "Breaking Changes · Microsoft/TypeScript Wiki") +- [TypeScript 2.2.1 変更点 - Qiita](http://qiita.com/vvakame/items/eb6c054360868b88f9b1 "TypeScript 2.2.1 変更点 - Qiita") +- [TypeScript 2.2: The object Type | Marius Schulz](https://blog.mariusschulz.com/2017/02/24/typescript-2-2-the-object-type "TypeScript 2.2: The object Type | Marius Schulz") + +---- + +## Release Notes for Safari Technology Preview 24 | WebKit +[webkit.org/blog/7423/release-notes-for-safari-technology-preview-24/](https://webkit.org/blog/7423/release-notes-for-safari-technology-preview-24/ "Release Notes for Safari Technology Preview 24 | WebKit") +

safari ReleaseNote

+Safari Technology Preview Release 24リリース。 +`PerformanceObserver`、``の試験的サポート、`URL`オブジェクトに`toJSON()`の実装、dynamic `import()`のサポートなど + + +---- + +## ECMAScript 2016+ in Firefox | JavaScript +[blog.mozilla.org/javascript/2017/02/22/ecmascript-2016plus-in-firefox/](https://blog.mozilla.org/javascript/2017/02/22/ecmascript-2016plus-in-firefox/ "ECMAScript 2016+ in Firefox | JavaScript") +

firefox ECMAScript JavaScript

+Firefox Nightly 54 でES2016+ Compat tableが100％実装されたとのこと。 +ES2016の`**`や`Array#include`などの追加やGenerator Constructorの仕様変更の追従、ES2017の実装について + + +---- + +## Release v4.4.0 · npm/npm +[github.com/npm/npm/releases/tag/v4.4.0](https://github.com/npm/npm/releases/tag/v4.4.0 "Release v4.4.0 · npm/npm") +

npm ReleaseNote

+npm 4.4.0公開。 +起動時に最新のnpmがあるかを通知するように、`npm run-script`のエラーメッセージが短くなるようになるなど + + +---- + +## Release v6.16.0 · babel/babylon +[github.com/babel/babylon/releases/tag/v6.16.0](https://github.com/babel/babylon/releases/tag/v6.16.0 "Release v6.16.0 · babel/babylon") +

JavaScript babel AST ReleaseNote

+babylon 6.16.0リリース。 +ESTree互換モードを提供するプラグインの追加、Flowでpritimitive typeを上書する問題を修正するなど + + +---- + +## Release v0.40.0 · facebook/flow +[github.com/facebook/flow/releases/tag/v0.40.0](https://github.com/facebook/flow/releases/tag/v0.40.0 "Release v0.40.0 · facebook/flow") +

flowtype ReleaseNote

+Flow v0.40.0リリース。 +`this`や`super`をデフォルト非キスに利用できるように、built-in libraryの更新、union type周りの最適化など + + +---- + +## angular/CHANGELOG.md at 4.0.0-rc.1 · angular/angular +[github.com/angular/angular/blob/4.0.0-rc.1/CHANGELOG.md](https://github.com/angular/angular/blob/4.0.0-rc.1/CHANGELOG.md "angular/CHANGELOG.md at 4.0.0-rc.1 · angular/angular") +

AngularJS ReleaseNote

+Angular 4.0.0 RC1リリース。 +AOTコンパイルしたViewのコード量を削減、コードベースがTypeScript 2.1ベースでStrictNullChecksが有効化された。 +あわせてAngularをサーバサイドでも動かせるUniversalも更新されるなど + +- [angular/RELEASE\_SCHEDULE.md at master · angular/angular](https://github.com/angular/angular/blob/master/docs/RELEASE_SCHEDULE.md "angular/RELEASE\_SCHEDULE.md at master · angular/angular") + +---- + +## Release v2.2.0 · vuejs/vue +[github.com/vuejs/vue/releases/tag/v2.2.0](https://github.com/vuejs/vue/releases/tag/v2.2.0 "Release v2.2.0 · vuejs/vue") +

JavaScript library ReleaseNote

+Vue.js v2.2.0リリース。 +テンプレートで閉じタグがない場合にエラーを投げるように、PropsやComputedプロパティはインスタンスではなくprototypeへ定義されるように。 +サーバサイドレンダリング向けに`template`オプションの追加、`errorHandler`や`renderError`でエラーがキャッチできるように。 +React Context的な値を差し込める`provive`と`inject`のDI機構の追加など + +- [Dummy](http://example.com/ "Dummy") + +---- +

アーティクル

+ +---- + +## babel-preset-env: a preset that configures Babel for you +[www.2ality.com/2017/02/babel-preset-env.html](http://www.2ality.com/2017/02/babel-preset-env.html "babel-preset-env: a preset that configures Babel for you") +

JavaScript babel browser

+browserlistの構文でサポートブラウザやNode.jsのバージョンなどのターゲットを指定して、その設定を元にBabelの変換やpolyfillを展開してくれるbabel-preset-envについて + + +---- + +## React Storybook: Develop Beautiful User Interfaces with Ease +[www.sitepoint.com/react-storybook-develop-beautiful-user-interfaces-with-ease/](https://www.sitepoint.com/react-storybook-develop-beautiful-user-interfaces-with-ease/ "React Storybook: Develop Beautiful User Interfaces with Ease") +

React testing

+Reactコンポートの開発補助ツールであるReact StryoBookについて。 +`getstorybook`を使ってのセットアップや使い方、、Storyの書き方、カスタマイズ方法、デバッグ、自動テストについて + +- [mthuret/storybook-addon-specifications: Write tests next to your stories and display their results inside storybook interface](https://github.com/mthuret/storybook-addon-specifications "mthuret/storybook-addon-specifications: Write tests next to your stories and display their results inside storybook interface") + +---- + +## JavaScript Errors and Stack Traces in Depth +[lucasfcosta.com/2017/02/17/JavaScript-Errors-and-Stack-Traces.html](http://lucasfcosta.com/2017/02/17/JavaScript-Errors-and-Stack-Traces.html "JavaScript Errors and Stack Traces in Depth") +

JavaScript article testing

+JavaScriptのスタックトレースをどうやって操作するかという話。 +Chaiにおける`Error.captureStackTrace`を使ったスタックトレース操作を例にしている。 +スタックトレースはどのようにできているか、`Error.captureStackTrace`の使い方について + + +---- + +## React Redux Real World Examples 〜先人から学ぶReact Reduxの知恵〜 +[blog.tai2.net/real-world-redux.html](http://blog.tai2.net/real-world-redux.html "React Redux Real World Examples 〜先人から学ぶReact Reduxの知恵〜") +

redux React article

+ReactとReduxの色々な事例を元に、そのアプリのStoreやComponentがどのような構成になっているかを紐解いていった記事 + + +---- + +## Vendor and code splitting in webpack 2 – Medium +[medium.com/@adamrackis/vendor-and-code-splitting-in-webpack-2-6376358f1923](https://medium.com/@adamrackis/vendor-and-code-splitting-in-webpack-2-6376358f1923 "Vendor and code splitting in webpack 2 – Medium") +

webpack article

+webpack 2でのコード分割について。 +`import()`での動的ロードと分割、BundleAnalyzerPluginでの分析、CommonsChunkでの分割 + + +---- + +## 逆引き！フロントエンドのイマドキパフォーマンス改善 - 青空コメントアウト +[www.aocomme.com/entry/2017/01/18/185753](http://www.aocomme.com/entry/2017/01/18/185753 "逆引き！フロントエンドのイマドキパフォーマンス改善 - 青空コメントアウト") +

browser performance article WebPlatformAPI

+最近ブラウザに増えたレンダリング負荷を考慮したAPIや先読みについて。 +`will-change`、CSS Containment、`requestIdleCallback`、Passive EventListener、``についての紹介 + + +---- +

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

+ +---- + +## lighterio/exam: Node.js test framework +[github.com/lighterio/exam](https://github.com/lighterio/exam "lighterio/exam: Node.js test framework") +

JavaScript node.js testing library

+MochaやJasmineのような`describe`や`it`とベンチマーク向けの`bench`、assertionとして`is`、モックを行う`mock`など持つJavaScriptのテストフレームワーク。 +マルチプロセスでテストを実行できるオプションを持っている + + +---- + +## niieani/typescript-vs-flowtype: Differences between Flowtype and TypeScript 2.1 -- syntax and usability +[github.com/niieani/typescript-vs-flowtype](https://github.com/niieani/typescript-vs-flowtype "niieani/typescript-vs-flowtype: Differences between Flowtype and TypeScript 2.1 -- syntax and usability") +

TypeScript flowtype

+TypeScriptとFlowtypeの比較。 +シンタックスや型定義、それぞれ異なる部分についてなどをまとめたもの + + +---- + +## developit/unfetch: Bare minimum fetch polyfill in 500 bytes. +[github.com/developit/unfetch](https://github.com/developit/unfetch "developit/unfetch: Bare minimum fetch polyfill in 500 bytes.") +

JavaScript Fetch library

+幾つかの制限を持った小さなfetchのライブラリ。 + + +---- + +## debitoor/dot-prop-immutable: Immutable version of dot-prop with some extensions +[github.com/debitoor/dot-prop-immutable](https://github.com/debitoor/dot-prop-immutable "debitoor/dot-prop-immutable: Immutable version of dot-prop with some extensions") +

JavaScript library

+immutableなget/set/delete操作を行うシンプルなライブラリ + + +---- +

書籍関係

+ +---- + +## Professional JavaScript for Web Developers: Matt Frisbie: 9781119366447: Amazon.com: Books +[www.amazon.com/Professional-JavaScript-Developers-Matt-Frisbie/dp/1119366445](https://www.amazon.com/Professional-JavaScript-Developers-Matt-Frisbie/dp/1119366445 "Professional JavaScript for Web Developers: Matt Frisbie: 9781119366447: Amazon.com: Books") +

JavaScript book

+2017年10月2日発売 +Professional JavaScript for Web Developersの4版 + + +---- + +## Security and Frontend Performance - O'Reilly Media +[www.oreilly.com/webops-perf/free/security-and-frontend-performance.csp](http://www.oreilly.com/webops-perf/free/security-and-frontend-performance.csp "Security and Frontend Performance - O'Reilly Media") +

browser security performance book

+60ページほどのウェブサイトにおけるパフォーマンスとセキュリティについての無料の書籍。 +HSTS、CSP/script要素/iframe、リファラポリシー、link要素、難読化、ServiceWorker、メトリクスなど + + +---- + +## O'Reilly Japan - Reactビギナーズガイド +[www.oreilly.co.jp/books/9784873117881/](http://www.oreilly.co.jp/books/9784873117881/ "O'Reilly Japan - Reactビギナーズガイド") +

React book

+2017年03月11日発売 +React: Up & Runningの翻訳本 + + +---- + +## はじめてのCSS設計 フロントエンドエンジニアが教えるメンテナブルなCSS設計手法 | 田辺 丈士, 大江 遼, 藤岡 龍太, 安 光太郎, 株式会社アイ・エム・ジェイ |本 | 通販 | Amazon +[www.amazon.co.jp/%E3%81%AF%E3%81%98%E3%82%81%E3%81%A6%E3%81%AECSS%E8%A8%AD%E8%A8%88-%E3%83%95%E3%83%AD%E3%83%B3%E3%83%88%E3%82%A8%E3%83%B3%E3%83%89%E3%82%A8%E3%83%B3%E3%82%B8%E3%83%8B%E3%82%A2%E3%81%8C%E6%95%99%E3%81%88%E3%82%8B%E3%83%A1%E3%83%B3%E3%83%86%E3%83%8A%E3%83%96%E3%83%AB%E3%81%AACSS%E8%A8%AD%E8%A8%88%E6%89%8B%E6%B3%95-%E7%94%B0%E8%BE%BA-%E4%B8%88%E5%A3%AB/dp/4798143154](https://www.amazon.co.jp/%E3%81%AF%E3%81%98%E3%82%81%E3%81%A6%E3%81%AECSS%E8%A8%AD%E8%A8%88-%E3%83%95%E3%83%AD%E3%83%B3%E3%83%88%E3%82%A8%E3%83%B3%E3%83%89%E3%82%A8%E3%83%B3%E3%82%B8%E3%83%8B%E3%82%A2%E3%81%8C%E6%95%99%E3%81%88%E3%82%8B%E3%83%A1%E3%83%B3%E3%83%86%E3%83%8A%E3%83%96%E3%83%AB%E3%81%AACSS%E8%A8%AD%E8%A8%88%E6%89%8B%E6%B3%95-%E7%94%B0%E8%BE%BA-%E4%B8%88%E5%A3%AB/dp/4798143154 "はじめてのCSS設計 フロントエンドエンジニアが教えるメンテナブルなCSS設計手法 | 田辺 丈士, 大江 遼, 藤岡 龍太, 安 光太郎, 株式会社アイ・エム・ジェイ |本 | 通販 | Amazon") +

CSS book

+2017年3月14日発売 +CSSの設定についての書籍 + + +---- From a3650ad0cedee87ed32ed04741aaf3689dc1310d Mon Sep 17 00:00:00 2001 From: azu Date: Mon, 27 Feb 2017 00:47:37 +0000 Subject: [PATCH 12/16] Update 320 draft --- _i18n/ja/_posts/2017/2017-02-27-320draft.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/_i18n/ja/_posts/2017/2017-02-27-320draft.md b/_i18n/ja/_posts/2017/2017-02-27-320draft.md index 86512114608..919f5c712a0 100644 --- a/_i18n/ja/_posts/2017/2017-02-27-320draft.md +++ b/_i18n/ja/_posts/2017/2017-02-27-320draft.md @@ -2,7 +2,7 @@ title: "2017-02-27のJS: " author: "azu" layout: post -date : 2017-02-27T00:34:34.829Z +date : 2017-02-27T00:47:37.614Z category: JSer tags: - From 395968c791e5553543cd6c7e814b8240f15ac3f5 Mon Sep 17 00:00:00 2001 From: azu Date: Mon, 27 Feb 2017 00:48:07 +0000 Subject: [PATCH 13/16] Update 320 draft --- _i18n/ja/_posts/2017/2017-02-27-320draft.md | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/_i18n/ja/_posts/2017/2017-02-27-320draft.md b/_i18n/ja/_posts/2017/2017-02-27-320draft.md index 919f5c712a0..88082b941c9 100644 --- a/_i18n/ja/_posts/2017/2017-02-27-320draft.md +++ b/_i18n/ja/_posts/2017/2017-02-27-320draft.md @@ -2,7 +2,7 @@ title: "2017-02-27のJS: " author: "azu" layout: post -date : 2017-02-27T00:47:37.614Z +date : 2017-02-27T00:48:07.332Z category: JSer tags: - @@ -137,7 +137,6 @@ Vue.js v2.2.0リリース。 サーバサイドレンダリング向けに`template`オプションの追加、`errorHandler`や`renderError`でエラーがキャッチできるように。 React Context的な値を差し込める`provive`と`inject`のDI機構の追加など -- [Dummy](http://example.com/ "Dummy") ----

アーティクル

From 6618da387d208c4e4242102ca747ba8fe70279fb Mon Sep 17 00:00:00 2001 From: azu Date: Mon, 27 Feb 2017 09:52:44 +0900 Subject: [PATCH 14/16] Update 320 draft --- _i18n/ja/_posts/2017/2017-02-24-320draft.md | 206 --------------- _i18n/ja/_posts/2017/2017-02-25-320draft.md | 232 ----------------- _i18n/ja/_posts/2017/2017-02-26-320draft.md | 274 -------------------- _i18n/ja/_posts/2017/2017-02-27-320draft.md | 21 +- 4 files changed, 12 insertions(+), 721 deletions(-) delete mode 100644 _i18n/ja/_posts/2017/2017-02-24-320draft.md delete mode 100644 _i18n/ja/_posts/2017/2017-02-25-320draft.md delete mode 100644 _i18n/ja/_posts/2017/2017-02-26-320draft.md diff --git a/_i18n/ja/_posts/2017/2017-02-24-320draft.md b/_i18n/ja/_posts/2017/2017-02-24-320draft.md deleted file mode 100644 index 083700d30a2..00000000000 --- a/_i18n/ja/_posts/2017/2017-02-24-320draft.md +++ /dev/null @@ -1,206 +0,0 @@ ---- -title: "2017-02-24のJS: " -author: "azu" -layout: post -date : 2017-02-24T17:16:03.956Z -category: JSer -tags: -- - ---- - -JSer.info #320 - ----- - -

ヘッドライン

- ----- - -## 🃏 Jest 19: Immersive Watch Mode & Test Platform Improvements · Jest -[facebook.github.io/jest/blog/2017/02/21/jest-19-immersive-watch-mode-test-platform-improvements.html](https://facebook.github.io/jest/blog/2017/02/21/jest-19-immersive-watch-mode-test-platform-improvements.html "🃏 Jest 19: Immersive Watch Mode & Test Platform Improvements · Jest") -

JavaScript testing ReleaseNote

-Jest 19プレリリース。 -Watchモードの改善、Snapshotテストで`test`prefixが不要に。 -`expect.stringContaining()`と` expect.toMatchObject()`のサポート。 -`eslint-plugin-jest`は公式プラグイン、設定をチェックできる`jest-validate`の公開 - - ----- - -## Release v1.5.0 · karma-runner/karma -[github.com/karma-runner/karma/releases/tag/v1.5.0](https://github.com/karma-runner/karma/releases/tag/v1.5.0 "Release v1.5.0 · karma-runner/karma") -

JavaScript testing ReleaseNote

-Karma v1.5.0リリース。 -テストをクライアントと同じ`window`で実行する`runInParent`オプションとクライアントページのHTMLを指定できる`customClientContextFile`オプションの追加など - - ----- - -## Node v7.6.0 (Current) | Node.js -[nodejs.org/en/blog/release/v7.6.0/](https://nodejs.org/en/blog/release/v7.6.0/ "Node v7.6.0 (Current) | Node.js") -

node.js ReleaseNote

-Node v7.6.0リリース。 -V8 5.5にアップデートされasync/awaitのサポート、`url.format`がWHATWG URLをサポートするようになるなど - -- [V8 JavaScript Engine: V8 Release 5.5](https://v8project.blogspot.jp/2016/10/v8-release-55.html "V8 JavaScript Engine: V8 Release 5.5") -- [node/CHANGELOG\_V7.md at v7.6.0 · nodejs/node](https://github.com/nodejs/node/blob/v7.6.0/doc/changelogs/CHANGELOG_V7.md#7.6.0 "node/CHANGELOG\_V7.md at v7.6.0 · nodejs/node") - ----- - -## Progress as of February 2017: 2.0.0-alpha1! · Issue #71 · coffeescript6/discuss -[github.com/coffeescript6/discuss/issues/71](https://github.com/coffeescript6/discuss/issues/71 "Progress as of February 2017: 2.0.0-alpha1! · Issue #71 · coffeescript6/discuss") -

CoffeeScript ReleaseNote issue

-CoffeeScript 2.0.0-alpha1リリース。 -ES2015+に準拠した変更を取り入れていっているバージョンであるため、既存のものとは非互換な部分がある。 -`class`や`=>`がES2015と同等に、 -splatsはspreadへコンパイルされるように、Tagged Template literal、async/await、`for...of`のサポートなど - -- [CoffeeScript](https://rawgit.com/jashkenas/coffeescript/2/docs/v2/index.html#breaking-changes "CoffeeScript") - ----- - -## Announcing TypeScript 2.2 | TypeScript -[blogs.msdn.microsoft.com/typescript/2017/02/22/announcing-typescript-2-2/](https://blogs.msdn.microsoft.com/typescript/2017/02/22/announcing-typescript-2-2/ "Announcing TypeScript 2.2 | TypeScript") -

TypeScript ReleaseNote

-TypeScript 2.2リリース。 -languaget serviceの改善、`object` typeの追加、string index、mixin class、`new.target`のサポートなど - -- [Roadmap · Microsoft/TypeScript Wiki](https://github.com/Microsoft/TypeScript/wiki/Roadmap#22-february-2017 "Roadmap · Microsoft/TypeScript Wiki") -- [Breaking Changes · Microsoft/TypeScript Wiki](https://github.com/Microsoft/TypeScript/wiki/Breaking-Changes#typescript-22 "Breaking Changes · Microsoft/TypeScript Wiki") - ----- - -## Release Notes for Safari Technology Preview 24 | WebKit -[webkit.org/blog/7423/release-notes-for-safari-technology-preview-24/](https://webkit.org/blog/7423/release-notes-for-safari-technology-preview-24/ "Release Notes for Safari Technology Preview 24 | WebKit") -

safari ReleaseNote

-Safari Technology Preview Release 24リリース。 -`PerformanceObserver`、``の試験的サポート、`URL`オブジェクトに`toJSON()`の実装、dynamic `import()`のサポートなど - - ----- - -## ECMAScript 2016+ in Firefox | JavaScript -[blog.mozilla.org/javascript/2017/02/22/ecmascript-2016plus-in-firefox/](https://blog.mozilla.org/javascript/2017/02/22/ecmascript-2016plus-in-firefox/ "ECMAScript 2016+ in Firefox | JavaScript") -

firefox ECMAScript JavaScript

-Firefox Nightly 54 でES2016+ Compat tableが100％実装されたとのこと。 -ES2016の`**`や`Array#include`などの追加やGenerator Constructorの仕様変更の追従、ES2017の実装について - - ----- - -## Release v4.4.0 · npm/npm -[github.com/npm/npm/releases/tag/v4.4.0](https://github.com/npm/npm/releases/tag/v4.4.0 "Release v4.4.0 · npm/npm") -

npm ReleaseNote

-npm 4.4.0公開。 -起動時に最新のnpmがあるかを通知するように、`npm run-script`のエラーメッセージが短くなるようになるなど - - ----- - -## Release v6.16.0 · babel/babylon -[github.com/babel/babylon/releases/tag/v6.16.0](https://github.com/babel/babylon/releases/tag/v6.16.0 "Release v6.16.0 · babel/babylon") -

JavaScript babel AST ReleaseNote

-babylon 6.16.0リリース。 -ESTree互換モードを提供するプラグインの追加、Flowでpritimitive typeを上書する問題を修正するなど - - ----- -

アーティクル

- ----- - -## babel-preset-env: a preset that configures Babel for you -[www.2ality.com/2017/02/babel-preset-env.html](http://www.2ality.com/2017/02/babel-preset-env.html "babel-preset-env: a preset that configures Babel for you") -

JavaScript babel browser

-browserlistの構文でサポートブラウザやNode.jsのバージョンなどのターゲットを指定して、その設定を元にBabelの変換やpolyfillを展開してくれるbabel-preset-envについて - - ----- - -## React Storybook: Develop Beautiful User Interfaces with Ease -[www.sitepoint.com/react-storybook-develop-beautiful-user-interfaces-with-ease/](https://www.sitepoint.com/react-storybook-develop-beautiful-user-interfaces-with-ease/ "React Storybook: Develop Beautiful User Interfaces with Ease") -

React testing

-Reactコンポートの開発補助ツールであるReact StryoBookについて。 -`getstorybook`を使ってのセットアップや使い方、、Storyの書き方、カスタマイズ方法、デバッグ、自動テストについて - -- [mthuret/storybook-addon-specifications: Write tests next to your stories and display their results inside storybook interface](https://github.com/mthuret/storybook-addon-specifications "mthuret/storybook-addon-specifications: Write tests next to your stories and display their results inside storybook interface") - ----- - -## JavaScript Errors and Stack Traces in Depth -[lucasfcosta.com/2017/02/17/JavaScript-Errors-and-Stack-Traces.html](http://lucasfcosta.com/2017/02/17/JavaScript-Errors-and-Stack-Traces.html "JavaScript Errors and Stack Traces in Depth") -

JavaScript article testing

-JavaScriptのスタックトレースをどうやって操作するかという話。 -Chaiにおける`Error.captureStackTrace`を使ったスタックトレース操作を例にしている。 -スタックトレースはどのようにできているか、`Error.captureStackTrace`の使い方について - - ----- - -## React Redux Real World Examples 〜先人から学ぶReact Reduxの知恵〜 -[blog.tai2.net/real-world-redux.html](http://blog.tai2.net/real-world-redux.html "React Redux Real World Examples 〜先人から学ぶReact Reduxの知恵〜") -

redux React article

-ReactとReduxの色々な事例を元に、そのアプリのStoreやComponentがどのような構成になっているかを紐解いていった記事 - - ----- -

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

- ----- - -## lighterio/exam: Node.js test framework -[github.com/lighterio/exam](https://github.com/lighterio/exam "lighterio/exam: Node.js test framework") -

JavaScript node.js testing library

-MochaやJasmineのような`describe`や`it`とベンチマーク向けの`bench`、assertionとして`is`、モックを行う`mock`など持つJavaScriptのテストフレームワーク。 -マルチプロセスでテストを実行できるオプションを持っている - - ----- - -## niieani/typescript-vs-flowtype: Differences between Flowtype and TypeScript 2.1 -- syntax and usability -[github.com/niieani/typescript-vs-flowtype](https://github.com/niieani/typescript-vs-flowtype "niieani/typescript-vs-flowtype: Differences between Flowtype and TypeScript 2.1 -- syntax and usability") -

TypeScript flowtype

-TypeScriptとFlowtypeの比較。 -シンタックスや型定義、それぞれ異なる部分についてなどをまとめたもの - - ----- - -## developit/unfetch: Bare minimum fetch polyfill in 500 bytes. -[github.com/developit/unfetch](https://github.com/developit/unfetch "developit/unfetch: Bare minimum fetch polyfill in 500 bytes.") -

JavaScript Fetch library

-幾つかの制限を持った小さなfetchのライブラリ。 - - ----- -

書籍関係

- ----- - -## Professional JavaScript for Web Developers: Matt Frisbie: 9781119366447: Amazon.com: Books -[www.amazon.com/Professional-JavaScript-Developers-Matt-Frisbie/dp/1119366445](https://www.amazon.com/Professional-JavaScript-Developers-Matt-Frisbie/dp/1119366445 "Professional JavaScript for Web Developers: Matt Frisbie: 9781119366447: Amazon.com: Books") -

JavaScript book

-2017年10月2日発売 -Professional JavaScript for Web Developersの4版 - - ----- - -## Security and Frontend Performance - O'Reilly Media -[www.oreilly.com/webops-perf/free/security-and-frontend-performance.csp](http://www.oreilly.com/webops-perf/free/security-and-frontend-performance.csp "Security and Frontend Performance - O'Reilly Media") -

browser security performance book

-60ページほどのウェブサイトにおけるパフォーマンスとセキュリティについての無料の書籍。 -HSTS、CSP/script要素/iframe、リファラポリシー、link要素、難読化、ServiceWorker、メトリクスなど - - ----- - -## O'Reilly Japan - Reactビギナーズガイド -[www.oreilly.co.jp/books/9784873117881/](http://www.oreilly.co.jp/books/9784873117881/ "O'Reilly Japan - Reactビギナーズガイド") -

React book

-2017年03月11日発売 -React: Up & Runningの翻訳本 - - ----- diff --git a/_i18n/ja/_posts/2017/2017-02-25-320draft.md b/_i18n/ja/_posts/2017/2017-02-25-320draft.md deleted file mode 100644 index f2d788f246c..00000000000 --- a/_i18n/ja/_posts/2017/2017-02-25-320draft.md +++ /dev/null @@ -1,232 +0,0 @@ ---- -title: "2017-02-25のJS: " -author: "azu" -layout: post -date : 2017-02-25T13:26:05.700Z -category: JSer -tags: -- - ---- - -JSer.info #320 - ----- - -

ヘッドライン

- ----- - -## 🃏 Jest 19: Immersive Watch Mode & Test Platform Improvements · Jest -[facebook.github.io/jest/blog/2017/02/21/jest-19-immersive-watch-mode-test-platform-improvements.html](https://facebook.github.io/jest/blog/2017/02/21/jest-19-immersive-watch-mode-test-platform-improvements.html "🃏 Jest 19: Immersive Watch Mode & Test Platform Improvements · Jest") -

JavaScript testing ReleaseNote

-Jest 19プレリリース。 -Watchモードの改善、Snapshotテストで`test`prefixが不要に。 -`expect.stringContaining()`と` expect.toMatchObject()`のサポート。 -`eslint-plugin-jest`は公式プラグイン、設定をチェックできる`jest-validate`の公開 - - ----- - -## Release v1.5.0 · karma-runner/karma -[github.com/karma-runner/karma/releases/tag/v1.5.0](https://github.com/karma-runner/karma/releases/tag/v1.5.0 "Release v1.5.0 · karma-runner/karma") -

JavaScript testing ReleaseNote

-Karma v1.5.0リリース。 -テストをクライアントと同じ`window`で実行する`runInParent`オプションとクライアントページのHTMLを指定できる`customClientContextFile`オプションの追加など - - ----- - -## Node v7.6.0 (Current) | Node.js -[nodejs.org/en/blog/release/v7.6.0/](https://nodejs.org/en/blog/release/v7.6.0/ "Node v7.6.0 (Current) | Node.js") -

node.js ReleaseNote

-Node v7.6.0リリース。 -V8 5.5にアップデートされasync/awaitのサポート、`url.format`がWHATWG URLをサポートするようになるなど - -- [V8 JavaScript Engine: V8 Release 5.5](https://v8project.blogspot.jp/2016/10/v8-release-55.html "V8 JavaScript Engine: V8 Release 5.5") -- [node/CHANGELOG\_V7.md at v7.6.0 · nodejs/node](https://github.com/nodejs/node/blob/v7.6.0/doc/changelogs/CHANGELOG_V7.md#7.6.0 "node/CHANGELOG\_V7.md at v7.6.0 · nodejs/node") - ----- - -## Progress as of February 2017: 2.0.0-alpha1! · Issue #71 · coffeescript6/discuss -[github.com/coffeescript6/discuss/issues/71](https://github.com/coffeescript6/discuss/issues/71 "Progress as of February 2017: 2.0.0-alpha1! · Issue #71 · coffeescript6/discuss") -

CoffeeScript ReleaseNote issue

-CoffeeScript 2.0.0-alpha1リリース。 -ES2015+に準拠した変更を取り入れていっているバージョンであるため、既存のものとは非互換な部分がある。 -`class`や`=>`がES2015と同等に、 -splatsはspreadへコンパイルされるように、Tagged Template literal、async/await、`for...of`のサポートなど - -- [CoffeeScript](https://rawgit.com/jashkenas/coffeescript/2/docs/v2/index.html#breaking-changes "CoffeeScript") - ----- - -## Announcing TypeScript 2.2 | TypeScript -[blogs.msdn.microsoft.com/typescript/2017/02/22/announcing-typescript-2-2/](https://blogs.msdn.microsoft.com/typescript/2017/02/22/announcing-typescript-2-2/ "Announcing TypeScript 2.2 | TypeScript") -

TypeScript ReleaseNote

-TypeScript 2.2リリース。 -languaget serviceの改善、`object` typeの追加、string index、mixin class、`new.target`のサポートなど - -- [Roadmap · Microsoft/TypeScript Wiki](https://github.com/Microsoft/TypeScript/wiki/Roadmap#22-february-2017 "Roadmap · Microsoft/TypeScript Wiki") -- [Breaking Changes · Microsoft/TypeScript Wiki](https://github.com/Microsoft/TypeScript/wiki/Breaking-Changes#typescript-22 "Breaking Changes · Microsoft/TypeScript Wiki") - ----- - -## Release Notes for Safari Technology Preview 24 | WebKit -[webkit.org/blog/7423/release-notes-for-safari-technology-preview-24/](https://webkit.org/blog/7423/release-notes-for-safari-technology-preview-24/ "Release Notes for Safari Technology Preview 24 | WebKit") -

safari ReleaseNote

-Safari Technology Preview Release 24リリース。 -`PerformanceObserver`、``の試験的サポート、`URL`オブジェクトに`toJSON()`の実装、dynamic `import()`のサポートなど - - ----- - -## ECMAScript 2016+ in Firefox | JavaScript -[blog.mozilla.org/javascript/2017/02/22/ecmascript-2016plus-in-firefox/](https://blog.mozilla.org/javascript/2017/02/22/ecmascript-2016plus-in-firefox/ "ECMAScript 2016+ in Firefox | JavaScript") -

firefox ECMAScript JavaScript

-Firefox Nightly 54 でES2016+ Compat tableが100％実装されたとのこと。 -ES2016の`**`や`Array#include`などの追加やGenerator Constructorの仕様変更の追従、ES2017の実装について - - ----- - -## Release v4.4.0 · npm/npm -[github.com/npm/npm/releases/tag/v4.4.0](https://github.com/npm/npm/releases/tag/v4.4.0 "Release v4.4.0 · npm/npm") -

npm ReleaseNote

-npm 4.4.0公開。 -起動時に最新のnpmがあるかを通知するように、`npm run-script`のエラーメッセージが短くなるようになるなど - - ----- - -## Release v6.16.0 · babel/babylon -[github.com/babel/babylon/releases/tag/v6.16.0](https://github.com/babel/babylon/releases/tag/v6.16.0 "Release v6.16.0 · babel/babylon") -

JavaScript babel AST ReleaseNote

-babylon 6.16.0リリース。 -ESTree互換モードを提供するプラグインの追加、Flowでpritimitive typeを上書する問題を修正するなど - - ----- - -## Release v0.40.0 · facebook/flow -[github.com/facebook/flow/releases/tag/v0.40.0](https://github.com/facebook/flow/releases/tag/v0.40.0 "Release v0.40.0 · facebook/flow") -

flowtype ReleaseNote

-Flow v0.40.0リリース。 -`this`や`super`をデフォルト非キスに利用できるように、built-in libraryの更新、union type周りの最適化など - - ----- -

アーティクル

- ----- - -## babel-preset-env: a preset that configures Babel for you -[www.2ality.com/2017/02/babel-preset-env.html](http://www.2ality.com/2017/02/babel-preset-env.html "babel-preset-env: a preset that configures Babel for you") -

JavaScript babel browser

-browserlistの構文でサポートブラウザやNode.jsのバージョンなどのターゲットを指定して、その設定を元にBabelの変換やpolyfillを展開してくれるbabel-preset-envについて - - ----- - -## React Storybook: Develop Beautiful User Interfaces with Ease -[www.sitepoint.com/react-storybook-develop-beautiful-user-interfaces-with-ease/](https://www.sitepoint.com/react-storybook-develop-beautiful-user-interfaces-with-ease/ "React Storybook: Develop Beautiful User Interfaces with Ease") -

React testing

-Reactコンポートの開発補助ツールであるReact StryoBookについて。 -`getstorybook`を使ってのセットアップや使い方、、Storyの書き方、カスタマイズ方法、デバッグ、自動テストについて - -- [mthuret/storybook-addon-specifications: Write tests next to your stories and display their results inside storybook interface](https://github.com/mthuret/storybook-addon-specifications "mthuret/storybook-addon-specifications: Write tests next to your stories and display their results inside storybook interface") - ----- - -## JavaScript Errors and Stack Traces in Depth -[lucasfcosta.com/2017/02/17/JavaScript-Errors-and-Stack-Traces.html](http://lucasfcosta.com/2017/02/17/JavaScript-Errors-and-Stack-Traces.html "JavaScript Errors and Stack Traces in Depth") -

JavaScript article testing

-JavaScriptのスタックトレースをどうやって操作するかという話。 -Chaiにおける`Error.captureStackTrace`を使ったスタックトレース操作を例にしている。 -スタックトレースはどのようにできているか、`Error.captureStackTrace`の使い方について - - ----- - -## React Redux Real World Examples 〜先人から学ぶReact Reduxの知恵〜 -[blog.tai2.net/real-world-redux.html](http://blog.tai2.net/real-world-redux.html "React Redux Real World Examples 〜先人から学ぶReact Reduxの知恵〜") -

redux React article

-ReactとReduxの色々な事例を元に、そのアプリのStoreやComponentがどのような構成になっているかを紐解いていった記事 - - ----- -

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

- ----- - -## lighterio/exam: Node.js test framework -[github.com/lighterio/exam](https://github.com/lighterio/exam "lighterio/exam: Node.js test framework") -

JavaScript node.js testing library

-MochaやJasmineのような`describe`や`it`とベンチマーク向けの`bench`、assertionとして`is`、モックを行う`mock`など持つJavaScriptのテストフレームワーク。 -マルチプロセスでテストを実行できるオプションを持っている - - ----- - -## niieani/typescript-vs-flowtype: Differences between Flowtype and TypeScript 2.1 -- syntax and usability -[github.com/niieani/typescript-vs-flowtype](https://github.com/niieani/typescript-vs-flowtype "niieani/typescript-vs-flowtype: Differences between Flowtype and TypeScript 2.1 -- syntax and usability") -

TypeScript flowtype

-TypeScriptとFlowtypeの比較。 -シンタックスや型定義、それぞれ異なる部分についてなどをまとめたもの - - ----- - -## developit/unfetch: Bare minimum fetch polyfill in 500 bytes. -[github.com/developit/unfetch](https://github.com/developit/unfetch "developit/unfetch: Bare minimum fetch polyfill in 500 bytes.") -

JavaScript Fetch library

-幾つかの制限を持った小さなfetchのライブラリ。 - - ----- - -## debitoor/dot-prop-immutable: Immutable version of dot-prop with some extensions -[github.com/debitoor/dot-prop-immutable](https://github.com/debitoor/dot-prop-immutable "debitoor/dot-prop-immutable: Immutable version of dot-prop with some extensions") -

JavaScript library

-immutableなget/set/delete操作を行うシンプルなライブラリ - - ----- -

書籍関係

- ----- - -## Professional JavaScript for Web Developers: Matt Frisbie: 9781119366447: Amazon.com: Books -[www.amazon.com/Professional-JavaScript-Developers-Matt-Frisbie/dp/1119366445](https://www.amazon.com/Professional-JavaScript-Developers-Matt-Frisbie/dp/1119366445 "Professional JavaScript for Web Developers: Matt Frisbie: 9781119366447: Amazon.com: Books") -

JavaScript book

-2017年10月2日発売 -Professional JavaScript for Web Developersの4版 - - ----- - -## Security and Frontend Performance - O'Reilly Media -[www.oreilly.com/webops-perf/free/security-and-frontend-performance.csp](http://www.oreilly.com/webops-perf/free/security-and-frontend-performance.csp "Security and Frontend Performance - O'Reilly Media") -

browser security performance book

-60ページほどのウェブサイトにおけるパフォーマンスとセキュリティについての無料の書籍。 -HSTS、CSP/script要素/iframe、リファラポリシー、link要素、難読化、ServiceWorker、メトリクスなど - - ----- - -## O'Reilly Japan - Reactビギナーズガイド -[www.oreilly.co.jp/books/9784873117881/](http://www.oreilly.co.jp/books/9784873117881/ "O'Reilly Japan - Reactビギナーズガイド") -

React book

-2017年03月11日発売 -React: Up & Runningの翻訳本 - - ----- - -## はじめてのCSS設計 フロントエンドエンジニアが教えるメンテナブルなCSS設計手法 | 田辺 丈士, 大江 遼, 藤岡 龍太, 安 光太郎, 株式会社アイ・エム・ジェイ |本 | 通販 | Amazon -[www.amazon.co.jp/%E3%81%AF%E3%81%98%E3%82%81%E3%81%A6%E3%81%AECSS%E8%A8%AD%E8%A8%88-%E3%83%95%E3%83%AD%E3%83%B3%E3%83%88%E3%82%A8%E3%83%B3%E3%83%89%E3%82%A8%E3%83%B3%E3%82%B8%E3%83%8B%E3%82%A2%E3%81%8C%E6%95%99%E3%81%88%E3%82%8B%E3%83%A1%E3%83%B3%E3%83%86%E3%83%8A%E3%83%96%E3%83%AB%E3%81%AACSS%E8%A8%AD%E8%A8%88%E6%89%8B%E6%B3%95-%E7%94%B0%E8%BE%BA-%E4%B8%88%E5%A3%AB/dp/4798143154](https://www.amazon.co.jp/%E3%81%AF%E3%81%98%E3%82%81%E3%81%A6%E3%81%AECSS%E8%A8%AD%E8%A8%88-%E3%83%95%E3%83%AD%E3%83%B3%E3%83%88%E3%82%A8%E3%83%B3%E3%83%89%E3%82%A8%E3%83%B3%E3%82%B8%E3%83%8B%E3%82%A2%E3%81%8C%E6%95%99%E3%81%88%E3%82%8B%E3%83%A1%E3%83%B3%E3%83%86%E3%83%8A%E3%83%96%E3%83%AB%E3%81%AACSS%E8%A8%AD%E8%A8%88%E6%89%8B%E6%B3%95-%E7%94%B0%E8%BE%BA-%E4%B8%88%E5%A3%AB/dp/4798143154 "はじめてのCSS設計 フロントエンドエンジニアが教えるメンテナブルなCSS設計手法 | 田辺 丈士, 大江 遼, 藤岡 龍太, 安 光太郎, 株式会社アイ・エム・ジェイ |本 | 通販 | Amazon") -

CSS book

-2017年3月14日発売 -CSSの設定についての書籍 - - ----- diff --git a/_i18n/ja/_posts/2017/2017-02-26-320draft.md b/_i18n/ja/_posts/2017/2017-02-26-320draft.md deleted file mode 100644 index 6b05801bee4..00000000000 --- a/_i18n/ja/_posts/2017/2017-02-26-320draft.md +++ /dev/null @@ -1,274 +0,0 @@ ---- -title: "2017-02-26のJS: " -author: "azu" -layout: post -date : 2017-02-26T09:12:16.886Z -category: JSer -tags: -- - ---- - -JSer.info #320 - ----- - -

ヘッドライン

- ----- - -## 🃏 Jest 19: Immersive Watch Mode & Test Platform Improvements · Jest -[facebook.github.io/jest/blog/2017/02/21/jest-19-immersive-watch-mode-test-platform-improvements.html](https://facebook.github.io/jest/blog/2017/02/21/jest-19-immersive-watch-mode-test-platform-improvements.html "🃏 Jest 19: Immersive Watch Mode & Test Platform Improvements · Jest") -

JavaScript testing ReleaseNote

-Jest 19プレリリース。 -Watchモードの改善、Snapshotテストで`test`prefixが不要に。 -`expect.stringContaining()`と` expect.toMatchObject()`のサポート。 -`eslint-plugin-jest`は公式プラグイン、設定をチェックできる`jest-validate`の公開 - - ----- - -## Release v1.5.0 · karma-runner/karma -[github.com/karma-runner/karma/releases/tag/v1.5.0](https://github.com/karma-runner/karma/releases/tag/v1.5.0 "Release v1.5.0 · karma-runner/karma") -

JavaScript testing ReleaseNote

-Karma v1.5.0リリース。 -テストをクライアントと同じ`window`で実行する`runInParent`オプションとクライアントページのHTMLを指定できる`customClientContextFile`オプションの追加など - - ----- - -## Node v7.6.0 (Current) | Node.js -[nodejs.org/en/blog/release/v7.6.0/](https://nodejs.org/en/blog/release/v7.6.0/ "Node v7.6.0 (Current) | Node.js") -

node.js ReleaseNote

-Node v7.6.0リリース。 -V8 5.5にアップデートされasync/awaitのサポート、`url.format`がWHATWG URLをサポートするようになるなど - -- [V8 JavaScript Engine: V8 Release 5.5](https://v8project.blogspot.jp/2016/10/v8-release-55.html "V8 JavaScript Engine: V8 Release 5.5") -- [node/CHANGELOG\_V7.md at v7.6.0 · nodejs/node](https://github.com/nodejs/node/blob/v7.6.0/doc/changelogs/CHANGELOG_V7.md#7.6.0 "node/CHANGELOG\_V7.md at v7.6.0 · nodejs/node") - ----- - -## Progress as of February 2017: 2.0.0-alpha1! · Issue #71 · coffeescript6/discuss -[github.com/coffeescript6/discuss/issues/71](https://github.com/coffeescript6/discuss/issues/71 "Progress as of February 2017: 2.0.0-alpha1! · Issue #71 · coffeescript6/discuss") -

CoffeeScript ReleaseNote issue

-CoffeeScript 2.0.0-alpha1リリース。 -ES2015+に準拠した変更を取り入れていっているバージョンであるため、既存のものとは非互換な部分がある。 -`class`や`=>`がES2015と同等に、 -splatsはspreadへコンパイルされるように、Tagged Template literal、async/await、`for...of`のサポートなど - -- [CoffeeScript](https://rawgit.com/jashkenas/coffeescript/2/docs/v2/index.html#breaking-changes "CoffeeScript") - ----- - -## Announcing TypeScript 2.2 | TypeScript -[blogs.msdn.microsoft.com/typescript/2017/02/22/announcing-typescript-2-2/](https://blogs.msdn.microsoft.com/typescript/2017/02/22/announcing-typescript-2-2/ "Announcing TypeScript 2.2 | TypeScript") -

TypeScript ReleaseNote

-TypeScript 2.2リリース。 -languaget serviceの改善、`object` typeの追加、string index、mixin class、`new.target`のサポートなど - -- [Roadmap · Microsoft/TypeScript Wiki](https://github.com/Microsoft/TypeScript/wiki/Roadmap#22-february-2017 "Roadmap · Microsoft/TypeScript Wiki") -- [Breaking Changes · Microsoft/TypeScript Wiki](https://github.com/Microsoft/TypeScript/wiki/Breaking-Changes#typescript-22 "Breaking Changes · Microsoft/TypeScript Wiki") -- [TypeScript 2.2.1 変更点 - Qiita](http://qiita.com/vvakame/items/eb6c054360868b88f9b1 "TypeScript 2.2.1 変更点 - Qiita") -- [TypeScript 2.2: The object Type | Marius Schulz](https://blog.mariusschulz.com/2017/02/24/typescript-2-2-the-object-type "TypeScript 2.2: The object Type | Marius Schulz") - ----- - -## Release Notes for Safari Technology Preview 24 | WebKit -[webkit.org/blog/7423/release-notes-for-safari-technology-preview-24/](https://webkit.org/blog/7423/release-notes-for-safari-technology-preview-24/ "Release Notes for Safari Technology Preview 24 | WebKit") -

safari ReleaseNote

-Safari Technology Preview Release 24リリース。 -`PerformanceObserver`、``の試験的サポート、`URL`オブジェクトに`toJSON()`の実装、dynamic `import()`のサポートなど - - ----- - -## ECMAScript 2016+ in Firefox | JavaScript -[blog.mozilla.org/javascript/2017/02/22/ecmascript-2016plus-in-firefox/](https://blog.mozilla.org/javascript/2017/02/22/ecmascript-2016plus-in-firefox/ "ECMAScript 2016+ in Firefox | JavaScript") -

firefox ECMAScript JavaScript

-Firefox Nightly 54 でES2016+ Compat tableが100％実装されたとのこと。 -ES2016の`**`や`Array#include`などの追加やGenerator Constructorの仕様変更の追従、ES2017の実装について - - ----- - -## Release v4.4.0 · npm/npm -[github.com/npm/npm/releases/tag/v4.4.0](https://github.com/npm/npm/releases/tag/v4.4.0 "Release v4.4.0 · npm/npm") -

npm ReleaseNote

-npm 4.4.0公開。 -起動時に最新のnpmがあるかを通知するように、`npm run-script`のエラーメッセージが短くなるようになるなど - - ----- - -## Release v6.16.0 · babel/babylon -[github.com/babel/babylon/releases/tag/v6.16.0](https://github.com/babel/babylon/releases/tag/v6.16.0 "Release v6.16.0 · babel/babylon") -

JavaScript babel AST ReleaseNote

-babylon 6.16.0リリース。 -ESTree互換モードを提供するプラグインの追加、Flowでpritimitive typeを上書する問題を修正するなど - - ----- - -## Release v0.40.0 · facebook/flow -[github.com/facebook/flow/releases/tag/v0.40.0](https://github.com/facebook/flow/releases/tag/v0.40.0 "Release v0.40.0 · facebook/flow") -

flowtype ReleaseNote

-Flow v0.40.0リリース。 -`this`や`super`をデフォルト非キスに利用できるように、built-in libraryの更新、union type周りの最適化など - - ----- - -## angular/CHANGELOG.md at 4.0.0-rc.1 · angular/angular -[github.com/angular/angular/blob/4.0.0-rc.1/CHANGELOG.md](https://github.com/angular/angular/blob/4.0.0-rc.1/CHANGELOG.md "angular/CHANGELOG.md at 4.0.0-rc.1 · angular/angular") -

AngularJS ReleaseNote

-Angular 4.0.0 RC1リリース。 -AOTコンパイルしたViewのコード量を削減、コードベースがTypeScript 2.1ベースでStrictNullChecksが有効化された。 -あわせてAngularをサーバサイドでも動かせるUniversalも更新されるなど - - ----- - -## Release v2.2.0 · vuejs/vue -[github.com/vuejs/vue/releases/tag/v2.2.0](https://github.com/vuejs/vue/releases/tag/v2.2.0 "Release v2.2.0 · vuejs/vue") -

JavaScript library ReleaseNote

-Vue.js v2.2.0リリース。 -テンプレートで閉じタグがない場合にエラーを投げるように、PropsやComputedプロパティはインスタンスではなくprototypeへ定義されるように。 -サーバサイドレンダリング向けに`template`オプションの追加、`errorHandler`や`renderError`でエラーがキャッチできるように。 -React Context的な値を差し込める`provive`と`inject`のDI機構の追加など - -- [Dummy](http://example.com/ "Dummy") - ----- -

アーティクル

- ----- - -## babel-preset-env: a preset that configures Babel for you -[www.2ality.com/2017/02/babel-preset-env.html](http://www.2ality.com/2017/02/babel-preset-env.html "babel-preset-env: a preset that configures Babel for you") -

JavaScript babel browser

-browserlistの構文でサポートブラウザやNode.jsのバージョンなどのターゲットを指定して、その設定を元にBabelの変換やpolyfillを展開してくれるbabel-preset-envについて - - ----- - -## React Storybook: Develop Beautiful User Interfaces with Ease -[www.sitepoint.com/react-storybook-develop-beautiful-user-interfaces-with-ease/](https://www.sitepoint.com/react-storybook-develop-beautiful-user-interfaces-with-ease/ "React Storybook: Develop Beautiful User Interfaces with Ease") -

React testing

-Reactコンポートの開発補助ツールであるReact StryoBookについて。 -`getstorybook`を使ってのセットアップや使い方、、Storyの書き方、カスタマイズ方法、デバッグ、自動テストについて - -- [mthuret/storybook-addon-specifications: Write tests next to your stories and display their results inside storybook interface](https://github.com/mthuret/storybook-addon-specifications "mthuret/storybook-addon-specifications: Write tests next to your stories and display their results inside storybook interface") - ----- - -## JavaScript Errors and Stack Traces in Depth -[lucasfcosta.com/2017/02/17/JavaScript-Errors-and-Stack-Traces.html](http://lucasfcosta.com/2017/02/17/JavaScript-Errors-and-Stack-Traces.html "JavaScript Errors and Stack Traces in Depth") -

JavaScript article testing

-JavaScriptのスタックトレースをどうやって操作するかという話。 -Chaiにおける`Error.captureStackTrace`を使ったスタックトレース操作を例にしている。 -スタックトレースはどのようにできているか、`Error.captureStackTrace`の使い方について - - ----- - -## React Redux Real World Examples 〜先人から学ぶReact Reduxの知恵〜 -[blog.tai2.net/real-world-redux.html](http://blog.tai2.net/real-world-redux.html "React Redux Real World Examples 〜先人から学ぶReact Reduxの知恵〜") -

redux React article

-ReactとReduxの色々な事例を元に、そのアプリのStoreやComponentがどのような構成になっているかを紐解いていった記事 - - ----- - -## Vendor and code splitting in webpack 2 – Medium -[medium.com/@adamrackis/vendor-and-code-splitting-in-webpack-2-6376358f1923](https://medium.com/@adamrackis/vendor-and-code-splitting-in-webpack-2-6376358f1923 "Vendor and code splitting in webpack 2 – Medium") -

webpack article

-webpack 2でのコード分割について。 -`import()`での動的ロードと分割、BundleAnalyzerPluginでの分析、CommonsChunkでの分割 - - ----- - -## 逆引き！フロントエンドのイマドキパフォーマンス改善 - 青空コメントアウト -[www.aocomme.com/entry/2017/01/18/185753](http://www.aocomme.com/entry/2017/01/18/185753 "逆引き！フロントエンドのイマドキパフォーマンス改善 - 青空コメントアウト") -

browser performance article WebPlatformAPI

-最近ブラウザに増えたレンダリング負荷を考慮したAPIや先読みについて。 -`will-change`、CSS Containment、`requestIdleCallback`、Passive EventListener、``についての紹介 - - ----- -

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

- ----- - -## lighterio/exam: Node.js test framework -[github.com/lighterio/exam](https://github.com/lighterio/exam "lighterio/exam: Node.js test framework") -

JavaScript node.js testing library

-MochaやJasmineのような`describe`や`it`とベンチマーク向けの`bench`、assertionとして`is`、モックを行う`mock`など持つJavaScriptのテストフレームワーク。 -マルチプロセスでテストを実行できるオプションを持っている - - ----- - -## niieani/typescript-vs-flowtype: Differences between Flowtype and TypeScript 2.1 -- syntax and usability -[github.com/niieani/typescript-vs-flowtype](https://github.com/niieani/typescript-vs-flowtype "niieani/typescript-vs-flowtype: Differences between Flowtype and TypeScript 2.1 -- syntax and usability") -

TypeScript flowtype

-TypeScriptとFlowtypeの比較。 -シンタックスや型定義、それぞれ異なる部分についてなどをまとめたもの - - ----- - -## developit/unfetch: Bare minimum fetch polyfill in 500 bytes. -[github.com/developit/unfetch](https://github.com/developit/unfetch "developit/unfetch: Bare minimum fetch polyfill in 500 bytes.") -

JavaScript Fetch library

-幾つかの制限を持った小さなfetchのライブラリ。 - - ----- - -## debitoor/dot-prop-immutable: Immutable version of dot-prop with some extensions -[github.com/debitoor/dot-prop-immutable](https://github.com/debitoor/dot-prop-immutable "debitoor/dot-prop-immutable: Immutable version of dot-prop with some extensions") -

JavaScript library

-immutableなget/set/delete操作を行うシンプルなライブラリ - - ----- -

書籍関係

- ----- - -## Professional JavaScript for Web Developers: Matt Frisbie: 9781119366447: Amazon.com: Books -[www.amazon.com/Professional-JavaScript-Developers-Matt-Frisbie/dp/1119366445](https://www.amazon.com/Professional-JavaScript-Developers-Matt-Frisbie/dp/1119366445 "Professional JavaScript for Web Developers: Matt Frisbie: 9781119366447: Amazon.com: Books") -

JavaScript book

-2017年10月2日発売 -Professional JavaScript for Web Developersの4版 - - ----- - -## Security and Frontend Performance - O'Reilly Media -[www.oreilly.com/webops-perf/free/security-and-frontend-performance.csp](http://www.oreilly.com/webops-perf/free/security-and-frontend-performance.csp "Security and Frontend Performance - O'Reilly Media") -

browser security performance book

-60ページほどのウェブサイトにおけるパフォーマンスとセキュリティについての無料の書籍。 -HSTS、CSP/script要素/iframe、リファラポリシー、link要素、難読化、ServiceWorker、メトリクスなど - - ----- - -## O'Reilly Japan - Reactビギナーズガイド -[www.oreilly.co.jp/books/9784873117881/](http://www.oreilly.co.jp/books/9784873117881/ "O'Reilly Japan - Reactビギナーズガイド") -

React book

-2017年03月11日発売 -React: Up & Runningの翻訳本 - - ----- - -## はじめてのCSS設計 フロントエンドエンジニアが教えるメンテナブルなCSS設計手法 | 田辺 丈士, 大江 遼, 藤岡 龍太, 安 光太郎, 株式会社アイ・エム・ジェイ |本 | 通販 | Amazon -[www.amazon.co.jp/%E3%81%AF%E3%81%98%E3%82%81%E3%81%A6%E3%81%AECSS%E8%A8%AD%E8%A8%88-%E3%83%95%E3%83%AD%E3%83%B3%E3%83%88%E3%82%A8%E3%83%B3%E3%83%89%E3%82%A8%E3%83%B3%E3%82%B8%E3%83%8B%E3%82%A2%E3%81%8C%E6%95%99%E3%81%88%E3%82%8B%E3%83%A1%E3%83%B3%E3%83%86%E3%83%8A%E3%83%96%E3%83%AB%E3%81%AACSS%E8%A8%AD%E8%A8%88%E6%89%8B%E6%B3%95-%E7%94%B0%E8%BE%BA-%E4%B8%88%E5%A3%AB/dp/4798143154](https://www.amazon.co.jp/%E3%81%AF%E3%81%98%E3%82%81%E3%81%A6%E3%81%AECSS%E8%A8%AD%E8%A8%88-%E3%83%95%E3%83%AD%E3%83%B3%E3%83%88%E3%82%A8%E3%83%B3%E3%83%89%E3%82%A8%E3%83%B3%E3%82%B8%E3%83%8B%E3%82%A2%E3%81%8C%E6%95%99%E3%81%88%E3%82%8B%E3%83%A1%E3%83%B3%E3%83%86%E3%83%8A%E3%83%96%E3%83%AB%E3%81%AACSS%E8%A8%AD%E8%A8%88%E6%89%8B%E6%B3%95-%E7%94%B0%E8%BE%BA-%E4%B8%88%E5%A3%AB/dp/4798143154 "はじめてのCSS設計 フロントエンドエンジニアが教えるメンテナブルなCSS設計手法 | 田辺 丈士, 大江 遼, 藤岡 龍太, 安 光太郎, 株式会社アイ・エム・ジェイ |本 | 通販 | Amazon") -

CSS book

-2017年3月14日発売 -CSSの設定についての書籍 - - ----- diff --git a/_i18n/ja/_posts/2017/2017-02-27-320draft.md b/_i18n/ja/_posts/2017/2017-02-27-320draft.md index 88082b941c9..89c20f409cd 100644 --- a/_i18n/ja/_posts/2017/2017-02-27-320draft.md +++ b/_i18n/ja/_posts/2017/2017-02-27-320draft.md @@ -2,7 +2,7 @@ title: "2017-02-27のJS: " author: "azu" layout: post -date : 2017-02-27T00:48:07.332Z +date : 2017-02-27T00:52:44.500Z category: JSer tags: - @@ -169,14 +169,6 @@ Chaiにおける`Error.captureStackTrace`を使ったスタックトレース操 スタックトレースはどのようにできているか、`Error.captureStackTrace`の使い方について ----- - -## React Redux Real World Examples 〜先人から学ぶReact Reduxの知恵〜 -[blog.tai2.net/real-world-redux.html](http://blog.tai2.net/real-world-redux.html "React Redux Real World Examples 〜先人から学ぶReact Reduxの知恵〜") -

redux React article

-ReactとReduxの色々な事例を元に、そのアプリのStoreやComponentがどのような構成になっているかを紐解いていった記事 - - ---- ## Vendor and code splitting in webpack 2 – Medium @@ -195,6 +187,17 @@ webpack 2でのコード分割について。 `will-change`、CSS Containment、`requestIdleCallback`、Passive EventListener、``についての紹介 +---- +

スライド、動画関係

+ +---- + +## React Redux Real World Examples 〜先人から学ぶReact Reduxの知恵〜 +[blog.tai2.net/real-world-redux.html](http://blog.tai2.net/real-world-redux.html "React Redux Real World Examples 〜先人から学ぶReact Reduxの知恵〜") +

redux React article

+ReactとReduxの色々な事例を元に、そのアプリのStoreやComponentがどのような構成になっているかを紐解いていった記事 + + ----

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

From afc2686b8ca58aa7ec6d0fb0c682d28fa86ec6f7 Mon Sep 17 00:00:00 2001 From: azu Date: Mon, 27 Feb 2017 00:54:58 +0000 Subject: [PATCH 15/16] Update 320 draft --- _i18n/ja/_posts/2017/2017-02-27-320draft.md | 21 +++++++++------------ 1 file changed, 9 insertions(+), 12 deletions(-) diff --git a/_i18n/ja/_posts/2017/2017-02-27-320draft.md b/_i18n/ja/_posts/2017/2017-02-27-320draft.md index 89c20f409cd..5827fc66963 100644 --- a/_i18n/ja/_posts/2017/2017-02-27-320draft.md +++ b/_i18n/ja/_posts/2017/2017-02-27-320draft.md @@ -2,7 +2,7 @@ title: "2017-02-27のJS: " author: "azu" layout: post -date : 2017-02-27T00:52:44.500Z +date : 2017-02-27T00:54:58.212Z category: JSer tags: - @@ -169,6 +169,14 @@ Chaiにおける`Error.captureStackTrace`を使ったスタックトレース操 スタックトレースはどのようにできているか、`Error.captureStackTrace`の使い方について +---- + +## React Redux Real World Examples 〜先人から学ぶReact Reduxの知恵〜 +[blog.tai2.net/real-world-redux.html](http://blog.tai2.net/real-world-redux.html "React Redux Real World Examples 〜先人から学ぶReact Reduxの知恵〜") +

redux React article

+ReactとReduxの色々な事例を元に、そのアプリのStoreやComponentがどのような構成になっているかを紐解いていった記事 + + ---- ## Vendor and code splitting in webpack 2 – Medium @@ -187,17 +195,6 @@ webpack 2でのコード分割について。 `will-change`、CSS Containment、`requestIdleCallback`、Passive EventListener、``についての紹介 ----- -

スライド、動画関係

- ----- - -## React Redux Real World Examples 〜先人から学ぶReact Reduxの知恵〜 -[blog.tai2.net/real-world-redux.html](http://blog.tai2.net/real-world-redux.html "React Redux Real World Examples 〜先人から学ぶReact Reduxの知恵〜") -

redux React article

-ReactとReduxの色々な事例を元に、そのアプリのStoreやComponentがどのような構成になっているかを紐解いていった記事 - - ----

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

From c62a282ddb82afa13995d13339b0ba7b9e8639a2 Mon Sep 17 00:00:00 2001 From: azu Date: Mon, 27 Feb 2017 10:12:19 +0900 Subject: [PATCH 16/16] Update and rename 2017-02-27-320draft.md to 2017-02-27-node-v7.6.0-coffeescript-2.0a-vue-v2.2.0.md --- ...de-v7.6.0-coffeescript-2.0a-vue-v2.2.0.md} | 54 ++++++++++++++++--- 1 file changed, 48 insertions(+), 6 deletions(-) rename _i18n/ja/_posts/2017/{2017-02-27-320draft.md => 2017-02-27-node-v7.6.0-coffeescript-2.0a-vue-v2.2.0.md} (86%) diff --git a/_i18n/ja/_posts/2017/2017-02-27-320draft.md b/_i18n/ja/_posts/2017/2017-02-27-node-v7.6.0-coffeescript-2.0a-vue-v2.2.0.md similarity index 86% rename from _i18n/ja/_posts/2017/2017-02-27-320draft.md rename to _i18n/ja/_posts/2017/2017-02-27-node-v7.6.0-coffeescript-2.0a-vue-v2.2.0.md index 5827fc66963..92d09c16bba 100644 --- a/_i18n/ja/_posts/2017/2017-02-27-320draft.md +++ b/_i18n/ja/_posts/2017/2017-02-27-node-v7.6.0-coffeescript-2.0a-vue-v2.2.0.md @@ -1,15 +1,57 @@ --- -title: "2017-02-27のJS: " +title: "2017-02-24のJS: Node v7.6.0、CoffeeScript 2.0α、Vue v2.2.0" author: "azu" layout: post -date : 2017-02-27T00:54:58.212Z +date : 2017-02-24T17:16:03.956Z category: JSer tags: -- +- Node.js +- CoffeeScript +- Vue --- -JSer.info #320 +JSer.info #320 - [Node v7.6.0](https://nodejs.org/en/blog/release/v7.6.0/ "Node v7.6.0")がリリースされました。 + +- [node/CHANGELOG_V7.md at v7.6.0 · nodejs/node](https://github.com/nodejs/node/blob/v7.6.0/doc/changelogs/CHANGELOG_V7.md#7.6.0 "node/CHANGELOG_V7.md at v7.6.0 · nodejs/node") + +Node v7.6.0ではV8が5.5にアップデートされています。 +V8 5.5ではasync/awaitがデフォルトで有効化されているため、Node v7.6.0からasync/awaitが利用できます。 + +- [V8 JavaScript Engine: V8 Release 5.5](https://v8project.blogspot.jp/2016/10/v8-release-55.html "V8 JavaScript Engine: V8 Release 5.5") + +---- + +[CoffeeScript 2.0.0-alpha1](https://github.com/coffeescript6/discuss/issues/71 "CoffeeScript 2.0.0-alpha1")がリリースされました。 + +```sh +npm install coffeescript@next +``` + +CoffeeScript 2.0.0はES2015以降の対応が中心です。 +for...of、Tagged template literals、Async/awitの対応などが行われています。 +また、classがES2015 classesへコンパイルできるように仕様追従、デフォルトパラメータで`null`を引数に渡した時の挙動をES2015仕様に追従など破壊的な変更も含まれています。 + +詳しくはリリースノートを参照してください。 + + +- [Progress as of February 2017: 2.0.0-alpha1! · Issue #71 · coffeescript6/discuss](https://github.com/coffeescript6/discuss/issues/71 "Progress as of February 2017: 2.0.0-alpha1! · Issue #71 · coffeescript6/discuss") +- [https://rawgit.com/jashkenas/coffeescript/2/docs/v2/index.html#breaking-changes](https://rawgit.com/jashkenas/coffeescript/2/docs/v2/index.html#breaking-changes "CoffeeScript") + - 仮サイト + +---- + +Vue v2.2.0がリリースされました。 + +- [Release v2.2.0 · vuejs/vue](https://github.com/vuejs/vue/releases/tag/v2.2.0 "Release v2.2.0 · vuejs/vue") + +テンプレートで閉じタグがない場合にエラーを投げるように、PropsやComputedプロパティはインスタンスではなくprototypeへ定義されるように。 +（一部暗黙的だった挙動が修正されているため、そこへ依存しているコードは修正が必要です） + +サーバサイドレンダリング向けに`template`オプションの追加、ライフサイクルhook中のエラーを`errorHandler`や`renderError`でエラーがキャッチできるように。 +React Context的な値を差し込める`provive`と`inject`のDI機構の追加されています。 + +- [provide / inject - Vue.js](https://vuejs.org/v2/api/#provide-inject "Vue.js") ---- @@ -171,8 +213,8 @@ Chaiにおける`Error.captureStackTrace`を使ったスタックトレース操 ---- -## React Redux Real World Examples 〜先人から学ぶReact Reduxの知恵〜 -[blog.tai2.net/real-world-redux.html](http://blog.tai2.net/real-world-redux.html "React Redux Real World Examples 〜先人から学ぶReact Reduxの知恵〜") +## React Redux Real World Examples 〜先人から学ぶReact Reduxの知恵〜 +[blog.tai2.net/real-world-redux.html](http://blog.tai2.net/real-world-redux.html "React Redux Real World Examples 〜先人から学ぶReact Reduxの知恵〜")

redux React article

ReactとReduxの色々な事例を元に、そのアプリのStoreやComponentがどのような構成になっているかを紐解いていった記事