JSer.info #314 - Safari Technology Preview Release 21がリリースされました。
<script type="module">をサポートし、ECMAScript modulesが利用できるようになりました。
ECMAScript modulesについては次の記事にSafariでの設定も書かれているので合わせて見てみると良いです。
E2EテストフレームワークのProtractor 5.0.0がリリースされました。
selenium-webdriver v3.xにアップデートされたため、APIの変更などが含まれています。
また、動作に必要なNode.jsのバージョンが v6.9.x となっています。
お知らせ
1月15日にJSer.info 6周年記念イベントを開催しました。
当日に発表されたスライドや議事録などは次のページにまとまっているので、よろしければ見てみてください。
ヘッドライン
Release v1.4.0 · karma-runner/karma
github.com/karma-runner/karma/releases/tag/v1.4.0
Karma v1.4.0リリース。
HTTP moduleを設定することでnode-http2などを利用できるように、定数をkarma.constantsとしてexportするようになるなど
mobx/CHANGELOG.md at 3.0.0 · mobxjs/mobx
github.com/mobxjs/mobx/blob/3.0.0/CHANGELOG.md
MobX 3リリース。
observableが各type毎にファクトリメソッドを追加、受け取ったオブジェクトをcloneするように、エラーハンドリングの改善など
Release Notes for Safari Technology Preview 21 | WebKit
webkit.org/blog/7265/release-notes-for-safari-technology-preview-21/
Safari Technology Preview Release 21リリース。
Concurrent GCの有効化、<script type="module">の有効化、globalがサポートされたがbreak the webのためbackoutなど
- チェンジセット 210570 – WebKit
- global breaks flickr.com · Issue #20 · tc39/proposal-global
- Native ECMAScript modules - the first overview
protractor/CHANGELOG.md at 5.0.0 · angular/protractor
github.com/angular/protractor/blob/5.0.0/CHANGELOG.md
Protractor 5.0.0リリース。
selenium-webdriver 3.0.xへのアップデートに伴う破壊的変更、未知のフラグはエラーを投げるようになるなど
アーティクル
TypeScript: the missing introduction
toddmotto.com/typescript-the-missing-introduction
TypeScriptという言語がどのような仕組みで動いているのか、JavaScriptに対してどのような役割をもっているのかという言語入門以前の話を丁寧にかかれている。
Practical Redux · Mark's Dev Blog
blog.isquaredsoftware.com/series/practical-redux/
ゲームの管理ツールを題材にしたReduxについての連載。
Redux-ORMを使ったモデルの作成、Semantic-UIでのUI作成、ディレクトリ構造、デバッグ方法、コンポーネントのリファクタリングなどについて扱っている
Side Effects in JS Promise chains – Medium
medium.com/@gabrielcatalin/side-effects-in-js-promise-chains-7db50b6302f3
Promise chainに副作用がある処理を含める際に処理が途切れてしまう問題について。
passThrough()のような高階関数を用意し副作用を扱うことで、明示しつつバグを減らす方法について
TypedArray or DataView: Understanding byte order ★ Mozilla Hacks – the Web developer blog
hacks.mozilla.org/2017/01/typedarray-or-dataview-understanding-byte-order/
ArrayBuffer、TypedArray、DataViewについての解説。
ArrayBufferがバイナリのデータ構造であり、viewとしてTypedArrayとDataViewがあるという話
サイト、サービス、ドキュメント
Web Components v1 - the next generation | Web | Google Developers
developers.google.com/web/updates/2017/01/webcomponents-org
Web Components v1に伴い、
webcomponents.org がアップデートされた
ソフトウェア、ツール、ライブラリ関係
arqex/freezer: A tree data structure that emits events on updates, even if the modification is triggered by one of the leaves, making it easier to think in a reactive way.
Immutable.jsのようなImmutableなデータ構造を扱うライブラリ。
変更を通知するイベントやImmutable.jsよりもファイルサイズが小さい。
Siema - Lightweight and simple carousel with no dependencies
依存がないカヌーセルライブラリ
angus-c/just: A library of dependency-free utilities that do just do one thing.
依存がない小さなユーティリティライブラリ集。
それぞれの機能を個別のモジュールとしてインストールして利用できる。
それぞれのjust-*モジュール間でも依存関係がない作りとなっている。
yamafaktory/shrimpit: Shrimpit is a small CLI analysis tool for checking unused JavaScript, JSX & Vue templates ES6 exports in your project.
github.com/yamafaktory/shrimpit
各モジュールのimport/exportを一覧し、未使用なモジュールを表示出来るCLI
katat/vbot: JSON based visual regression testing tool, particularly useful for SPA or complicated web app
JSONベースのリグレッションテストツール。
JSONでシナリオを作成して、スクリーンショットの画像比較ができる
Landmarks browser extension
matatk.agrip.org.uk/landmarks/
WAI-ARIAのlandmarkナビゲーションを有効化するブラウザ拡張
tsayen/dom-to-image: Generates an image from a DOM node using HTML5 canvas
github.com/tsayen/dom-to-image
SVGの<foreignObject>を使いHTMLを描画したものをCanvas経由で画像として取得するライブラリ
ModClean/modclean: Remove unwanted files and directories from your node_modules folder
node_modulesから不要なファイルを削除することができるツール
