Fork me on GitHub

2017-01-17のJS: Safari Technology Preview Release 21、Protractor 5.0.0

Edit on GitHub 編集履歴を見る

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

testing ReleaseNote

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

JavaScript library ReleaseNote

MobX 3リリース。
observableが各type毎にファクトリメソッドを追加、受け取ったオブジェクトをcloneするように、エラーハンドリングの改善など


Release Notes for Safari Technology Preview 21 | WebKit

webkit.org/blog/7265/release-notes-for-safari-technology-preview-21/

ReleaseNote webkit safari

Safari Technology Preview Release 21リリース。
Concurrent GCの有効化、<script type="module">の有効化、globalがサポートされたがbreak the webのためbackoutなど


protractor/CHANGELOG.md at 5.0.0 · angular/protractor

github.com/angular/protractor/blob/5.0.0/CHANGELOG.md

test ReleaseNote

Protractor 5.0.0リリース。
selenium-webdriver 3.0.xへのアップデートに伴う破壊的変更、未知のフラグはエラーを投げるようになるなど


アーティクル


TypeScript: the missing introduction

toddmotto.com/typescript-the-missing-introduction

JavaScript TypeScript

TypeScriptという言語がどのような仕組みで動いているのか、JavaScriptに対してどのような役割をもっているのかという言語入門以前の話を丁寧にかかれている。


Practical Redux · Mark's Dev Blog

blog.isquaredsoftware.com/series/practical-redux/

redux tutorial

ゲームの管理ツールを題材にしたReduxについての連載。
Redux-ORMを使ったモデルの作成、Semantic-UIでのUI作成、ディレクトリ構造、デバッグ方法、コンポーネントのリファクタリングなどについて扱っている


Side Effects in JS Promise chains – Medium

medium.com/@gabrielcatalin/side-effects-in-js-promise-chains-7db50b6302f3

JavaScript Promises

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/

JavaScript

ArrayBufferTypedArrayDataViewについての解説。
ArrayBufferがバイナリのデータ構造であり、viewとしてTypedArrayDataViewがあるという話


サイト、サービス、ドキュメント


Web Components v1 - the next generation | Web | Google Developers

developers.google.com/web/updates/2017/01/webcomponents-org

WebComponents

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.

github.com/arqex/freezer

JavaScript library

Immutable.jsのようなImmutableなデータ構造を扱うライブラリ。
変更を通知するイベントやImmutable.jsよりもファイルサイズが小さい。


pawelgrzybek.com/siema/

JavaScript library

依存がないカヌーセルライブラリ


angus-c/just: A library of dependency-free utilities that do just do one thing.

github.com/angus-c/just

JavaScript library

依存がない小さなユーティリティライブラリ集。
それぞれの機能を個別のモジュールとしてインストールして利用できる。
それぞれの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

JavaScript library Tools

各モジュールのimport/exportを一覧し、未使用なモジュールを表示出来るCLI


katat/vbot: JSON based visual regression testing tool, particularly useful for SPA or complicated web app

github.com/katat/vbot

browser testing

JSONベースのリグレッションテストツール。
JSONでシナリオを作成して、スクリーンショットの画像比較ができる


Landmarks browser extension

matatk.agrip.org.uk/landmarks/

firefox Chrome WAI-ARIA Extension

WAI-ARIAのlandmarkナビゲーションを有効化するブラウザ拡張


tsayen/dom-to-image: Generates an image from a DOM node using HTML5 canvas

github.com/tsayen/dom-to-image

HTML canvas SVG library

SVGの<foreignObject>を使いHTMLを描画したものをCanvas経由で画像として取得するライブラリ


ModClean/modclean: Remove unwanted files and directories from your node_modules folder

github.com/ModClean/modclean

node.js Tools

node_modulesから不要なファイルを削除することができるツール


この記事へ修正リクエストをする
記事を紹介する