Fork me on GitHub

2017-09-11のJS: Yarn 1.0とworkspace、Node.jsウェブフレームワークのfastify

Edit on GitHub 編集履歴を見る

JSer.info #348 - Yarn 1.0がリリースされました。

Workspacesのサポート、yarn.lockのパーサを@yarnpkg/lockfileとしてモジュールに分離、link:識別子のサポート、--cwdのサポート、yarn.lockのコンフリクトを自動的に解消できるようになるなど。

Yarn workspaceはLernaのようなmonorepoを管理する機能ですが、目的としてはもっと低レベルな機能を提供することを目的にしています。

Yarn’s workspaces are the low-level primitives that tools like Lerna can (and do!) use. They will never try to support the high-level feature that Lerna offers, but by implementing the core logic of the resolution and linking steps inside Yarn itself we hope to enable new usages and improve performance.

-- How does it compare to Lerna?

Yarn workspaceについては次の記事で解説されています。

まだ、publish周りを扱うことができませんが詳細は次のIssueで管理されています。


fastifyは速度とオーバーヘッドをできるだけ小さくすることに重点を置いたNode.jsのウェブフレームワークです。Connect/ExpressとRestify互換のMiddlewaresをサポートして拡張できるようになっています。また、JSON Schemaを使ったValidationとSerializeの仕組みを持っています。(fast-json-stringifyはこのJSON Schemaを使ってシリアライズを高速化しています)

次の記事ではどのようにオーバヘッドを小さくしているかについて書かれているので併せて読むと良さそうです。


JSer.infoをサポートするには

JSer.info Sponsors

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


ヘッドライン


Node v6.11.3 (LTS) | Node.js

nodejs.org/en/blog/release/v6.11.3/

node.js ReleaseNote

Node v6.11.3(LTS)リリース
hash floodingの脆弱性の為無効になっていたV8のSnapshotsが再度有効化された。


AngularDart 4

news.dartlang.org/2017/09/angulardart-4.html

Angular dart

AngularDart 4リリース


New in Chrome 61  |  Web  |  Google Developers

developers.google.com/web/updates/2017/09/nic61

Chrome ReleaseNote

Chrome 61リリース。
<script type=module>navigator.share、WebUSB APIのサポートなど


Release Notes for Safari Technology Preview 39 | WebKit

webkit.org/blog/7913/release-notes-for-safari-technology-preview-39/

safari ReleaseNote

Safari Technology Preview Release 39リリース。
Beacon APIの改善、FetchRequest.bodyのサポート、Stage 3のRegExp dotAllのサポートなど


AssemblyScript/assemblyscript: A subset of TypeScript that compiles to WebAssembly.

github.com/AssemblyScript/assemblyscript

TypeScript WebAssembly

TypeScriptのサブセットとして定義された言語。
WebAssemblyへコンパイルすることができる。


React 16 RC · Issue #10294 · facebook/react

github.com/facebook/react/issues/10294

React ReleaseNote issue

React 16 RCリリース。 Map/Setに依存してるのでpolyfillが必要、コアの書き直し(Fiber)。Stream SSRのサポート、componentDidCatchで子コンポーネントのエラーをキャッチできるように、bundleとして提供するようになるなど。


Announcing Yarn 1.0 | Engineering Blog | Facebook Code

code.facebook.com/posts/274518539716230

yarn ReleaseNote

Yarn 1.0リリース。
Yarn Workspaceがデフォルトで有効化、yarn.lockのパーサをモジュールに分離、--cwdのサポート、yarn.lockのコンフリクトを自動的に解消できるように。
暗黙的なfile:依存に警告を出すように、yarn cleanyarn autocleanへリネームなど


Release v0.6.0 · sonarwhal/sonar

github.com/sonarwhal/sonar/releases/tag/0.6.0

Tools ReleaseNote

sonar v0.6.0リリース。
apple-touch-iconのチェックツールの追加、summaryフォーマッターを追加など


Release Workbox v2.0.0 · GoogleChrome/workbox

github.com/GoogleChrome/workbox/releases/tag/v2.0.0

ServiceWorker ReleaseNote

Workbox v2.0.0リリース。


アーティクル


続・Webブラウザのカラーマネジメント対応まとめ : やんま まのblog(仮)

blog.livedoor.jp/yamma_ma/archives/38413741.html

browser color

ブラウザのカラーマネージメント/プロファイルの対応についてのまとめ


Angular vs. React vs. Vue: A 2017 comparison – unicorn.supplies – Medium

medium.com/unicorn-supplies/angular-vs-react-vs-vue-a-2017-comparison-c5c52d620176

JavaScript library opinion article

JavaScriptフレームワークの比較記事。
Angular、React、Vueについてを色々な面から比較している。


Learn How To Debug JavaScript with Chrome DevTools – codeburst

codeburst.io/learn-how-to-debug-javascript-with-chrome-devtools-9514c58479db

JavaScript Chrome debug article

Chromeの開発者ツールを使ったデバッグ方法について。
デバッガーでのブレークポイントを貼ったデバッグ方法についてをステップバイステップで解説している。


スライド、動画関係


Polymer Summit 2017 - YouTube

www.youtube.com/watch?v=tNulrEbTQf8

JavaScript イベント video

Polymer Summit 2017の動画一覧


Google Developer Days Europe 2017 - YouTube

www.youtube.com/playlist?list=PLOU2XLYxmsIJz-cYWfjQP8SV7n8C-PTVm

google ProgressiveWebApp イベント video

Google Developer Days Europeの動画一覧


ウェブブラウザ向け深層学習モデル高速実行フレームワーク「WebDNN」 // Speaker Deck

speakerdeck.com/kiikurage/uebuburauzaxiang-keshen-ceng-xue-xi-moderugao-su-shi-xing-huremuwaku-webdnn

slide JavaScript browser 機械学習

WebDNNについてのスライド。
WebGPU/WebGL/WebAssemblyなどを使ったウェブブラウザでの計算バックエンドについて。
KerasやTensorFlowなどの学習モデルが変換可能で、クライアントサイドで高速な計算処理を行うにおいての最適化などについて


JavaScript conferences in 2017 | Confs.tech

confs.tech/

JavaScript イベント まとめ

JavaScriptのカンファレンスまとめサイト


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


pinterest/service-workers: A collection of utilities for creating/testing/experimenting with service workers.

github.com/pinterest/service-workers

ServiceWorker Tools library

pinterestのService Workerツールチェイン。
Service Workerでキャッシュするファイルの管理、webpackプラグイン、テストなど


Transform | All important transforms at one place.

transform.now.sh/

JavaScript Tools webservice

JSONからReact PropTypesやHTMLからJSX、GraphQLからTypeScriptなど色々な変換を行うツール。


fastify/fastify: Fast and low overhead web framework, for Node.js

github.com/fastify/fastify

library node.js サーバー

Node.jsのウェブフレームワーク。 オーバーヘッドが小さなルーティング、Schemaベースなシリアライズ、express/connect互換のmiddlewareなどを持っている


antonmedv/jsize: Find out minified and gzipped npm package size

github.com/antonmedv/jsize

JavaScript npm node.js Tools

npmモジュールのサイズ(gzip)を見ることができるツール。
複数のモジュールを+で組み合わせると重複したモジュールも考慮した合計サイズを取得できる。


allegro/node-worker-nodes: A node.js library to run cpu-intensive tasks in a separate processes and not block the event loop.

github.com/allegro/node-worker-nodes

node.js library

Node.jsで複数のプロセスに分割してcpu-intensiveな処理を扱うライブラリ


書籍関係


O'Reilly Japan - 初めての自動テスト

www.oreilly.co.jp/books/9784873118161/

browser testing book

2017年9月21日発売
UIテスト、結合テスト、ユニットテスト、TDDなどウェブブラウザにおけるテストについての書籍


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