2017-10-30のJS

Node v8.8.0 (Current) | Node.js

Node.js 8.8.0リリース。 http2モジュールがデフォルトで有効化、モジュールのhookを処理を扱えるコマンドライン引数として--loaderの追加など

V8 JavaScript Engine: V8 Release 6.3

V8 6.3リリース。 パフォーマンス改善、import()Promise#finally、Aynsc iteratorのサポートなど

Release 0.23.0 · avajs/ava

AVA 0.23.0リリース。 NODE_ENV=testを設定するように、snapshotLocationpacakge.jsonに書くことでsnapshotファイルの保存場所を指定できるように

Release 2.4.0 · fuse-box/fuse-box

FuseBox 2.4.0 リリース。 Quantum上でのUglify-esのサポート、Vue周りの対応改善、CLIをAPIとして使えるように

Chromium Blog: Chrome 63 Beta: Dynamic module imports, async iterators and generators, Device Memory API, and permissions UI changes

Chrome 63 Betaリリース。 Dynamic import、Async iterator、Device Memory API、Promise#finallyの実装、プッシュ通知などの許可ダイアログの変更など。 また、EventTargetの仕様追従、印刷時にbeforeprintafterprintイベントを発火するように、/deep/の削除など

Saying Goodbye to Firebug ★ Mozilla Hacks – the Web developer blog

FirebugはFirefox57で開発は終了し、Firefoxの開発者ツールが代替となる。 FirebugからFirefoxの開発者ツールへのマイグレーションガイドも公開されている。また、Firebugの歴史について。

MicrosoftのNapa.jsでJavaScriptをマルチスレッド化する | PLAID engineer blog

マルチプロセスのWorkerを扱うことができるnapajaについて。 どのようなモチベーションや構造になっているかについて。 Zoneというワーカーのまとめ役やデータのやり取りの方法についてなど

HTML Web Component using Vanilla JavaScript – Ayush Gupta – Full Stack Web Developer

Web Components入門記事。 <user-card />というデータを取得して表示する要素を例にCustom Elementのライフサイクル、template要素、ShadowDOMについて紹介している

State of Modules in JavaScript - Blog | SitePen

ES moduleについての解説記事。 import/exportやdynamic import、Node.jsやwebpackなどのbundlerでの扱いについてなど

Unpopular Metrics about JS Bundlers – Andrea Giammarchi – Medium

小さなbundleツールであるasbundleについて。 rollupより機能的にも小さくシンプル。ES moduleをbundleするだけのような機能を持っている

Can You Afford It?: Real-world Web Performance Budgets – Infrequently Noted

初回ロードのTime-to-Interactive (TTI)が5秒以下、それ以降は2秒以下というPerformance Budgetsを元にそれを満たすための配分について。 これ満たすための考え方や技術的な手法、補助するツールなどについて

Chrome Dev Summit 2017 - YouTube

Chrome Dev Summit 2017の動画まとめ

とにかく楽してVue.jsでTypeScriptを使いたい

Vue 2.5のTypeScriptサポートについてのスライド。 JavaScriptで書かれたVueアプリケーションをTypeScriptに移行する手順について

Redux. From twitter hype to production by Jenya Terpil

Reduxの動作フローについてのスライド。 アニメーション画像によってView->Action->Reducer->Stateの流れについてを可視化している。

Property-Based Testing for Godly Tests

Property-Based Testingについてのスライド。 Example-Based Test、Fizz Test、 Property-Based Testのカバーできる範囲の違いや特徴について。 testcheckを使ったテストやFlowの型定義からの自動生成についてなど

webpackmonitor/webpackmonitor: A tool for monitoring webpack optimization metrics through the development process

webpackのstats.json結果をビジュアライズしてくれるツール。

State of Vue.js Report · Monterail

Vueに関する80ページほどのレポート。Vue自体の状況、アンケートベースのレポート、利用してる企業のケーススタディなどについて書かれている

Apollo Client 2.0 – Apollo GraphQL

Apollo Client 2.0について

vitalets/websocket-as-promised: Promise-based API for WebSockets

PromiseベースのWebSocketライブラリ。

nicojs/node-install-local: Installs npm/yarn packages locally without symlink. Exactly the same as your production installation, no compromises.

npm5やyarnはローカルのパッケージをsymlinkでインストールしてしまうため、symlinkに対応してないツールなどが動作しなくなる。 通常のパッケージと同じようにディレクトリにインストールすることができるツール

softvar/awesome-web-storage: Everything you need to know about Client-side Storage.

Web Storageについてのまとめたドキュメント。 cookie、localStorage、sessionStorageについての比較、関連ライブラリ、ツールなどについて

feimosi/frameworks-code-comparison: Code comparison of modern frameworks, based on React, Angular and Vue.js

Angular, React, Vueのコンポーネントで共通して行う処理の扱い方について比較したリポジトリ。 それぞれのライブラリごとの短い解説とコードスニペットを紹介してる。

Angular Development with Typescript: Yakov Fain, Anton Moiseev: 9781617295348: Amazon.com: Books

2018年5月30日発売 AngularとTypeScriptについての本

Amazon.com: TypeScript 2.0 Cookbook eBook: Shiv Shankar Kushwaha: Kindle Store

2018年8月発売 TypeScriptクックブック