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をおすすめする
- ❤️ GitHub Sponsorsで@azuのスポンサーになる
- 🐦 X(Twitter)で@jser_infoをフォローする
JSer.info Sponsors
JSer.info SponsorsはGitHub SponsorsとしてJSer.infoを支援してくれている方々です。
ヘッドライン
Node v6.11.3 (LTS) | Node.js
nodejs.org/en/blog/release/v6.11.3/
Node v6.11.3(LTS)リリース
hash floodingの脆弱性の為無効になっていたV8のSnapshotsが再度有効化された。
AngularDart 4
news.dartlang.org/2017/09/angulardart-4.html
AngularDart 4リリース
New in Chrome 61 | Web | Google Developers
developers.google.com/web/updates/2017/09/nic61
Chrome 61リリース。
<script type=module>
、navigator.share
、WebUSB APIのサポートなど
- Chrome Platform Status
- Chromium Blog: Chrome 61 Beta: JavaScript modules, Payment Request API on desktop, Web Share API, and WebUSB
Release Notes for Safari Technology Preview 39 | WebKit
webkit.org/blog/7913/release-notes-for-safari-technology-preview-39/
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へコンパイルすることができる。
React 16 RC · Issue #10294 · facebook/react
github.com/facebook/react/issues/10294
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 1.0リリース。
Yarn Workspaceがデフォルトで有効化、yarn.lock
のパーサをモジュールに分離、--cwd
のサポート、yarn.lock
のコンフリクトを自動的に解消できるように。
暗黙的なfile:
依存に警告を出すように、yarn clean
がyarn autoclean
へリネームなど
Release v0.6.0 · sonarwhal/sonar
github.com/sonarwhal/sonar/releases/tag/0.6.0
sonar v0.6.0リリース。
apple-touch-icon
のチェックツールの追加、summary
フォーマッターを追加など
Release Workbox v2.0.0 · GoogleChrome/workbox
github.com/GoogleChrome/workbox/releases/tag/v2.0.0
Workbox v2.0.0リリース。
アーティクル
続・Webブラウザのカラーマネジメント対応まとめ : やんま まのblog(仮)
blog.livedoor.jp/yamma_ma/archives/38413741.html
ブラウザのカラーマネージメント/プロファイルの対応についてのまとめ
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フレームワークの比較記事。
Angular、React、Vueについてを色々な面から比較している。
Learn How To Debug JavaScript with Chrome DevTools – codeburst
codeburst.io/learn-how-to-debug-javascript-with-chrome-devtools-9514c58479db
Chromeの開発者ツールを使ったデバッグ方法について。
デバッガーでのブレークポイントを貼ったデバッグ方法についてをステップバイステップで解説している。
スライド、動画関係
Polymer Summit 2017 - YouTube
www.youtube.com/watch?v=tNulrEbTQf8
Polymer Summit 2017の動画一覧
Google Developer Days Europe 2017 - YouTube
www.youtube.com/playlist?list=PLOU2XLYxmsIJz-cYWfjQP8SV7n8C-PTVm
Google Developer Days Europeの動画一覧
ウェブブラウザ向け深層学習モデル高速実行フレームワーク「WebDNN」 // Speaker Deck
WebDNNについてのスライド。
WebGPU/WebGL/WebAssemblyなどを使ったウェブブラウザでの計算バックエンドについて。
KerasやTensorFlowなどの学習モデルが変換可能で、クライアントサイドで高速な計算処理を行うにおいての最適化などについて
JavaScript conferences in 2017 | Confs.tech
JavaScriptのカンファレンスまとめサイト
ソフトウェア、ツール、ライブラリ関係
pinterest/service-workers: A collection of utilities for creating/testing/experimenting with service workers.
github.com/pinterest/service-workers
pinterestのService Workerツールチェイン。
Service Workerでキャッシュするファイルの管理、webpackプラグイン、テストなど
Transform | All important transforms at one place.
JSONからReact PropTypesやHTMLからJSX、GraphQLからTypeScriptなど色々な変換を行うツール。
fastify/fastify: Fast and low overhead web framework, for Node.js
Node.jsのウェブフレームワーク。 オーバーヘッドが小さなルーティング、Schemaベースなシリアライズ、express/connect互換のmiddlewareなどを持っている
antonmedv/jsize: Find out minified and gzipped npm package size
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で複数のプロセスに分割してcpu-intensiveな処理を扱うライブラリ
書籍関係
O'Reilly Japan - 初めての自動テスト
www.oreilly.co.jp/books/9784873118161/
2017年9月21日発売
UIテスト、結合テスト、ユニットテスト、TDDなどウェブブラウザにおけるテストについての書籍