Fork me on GitHub

2018-07-10のJS: Jest 23.3.0 インラインスナップショット、npm.community

Edit on GitHub 編集履歴を見る

JSer.info #391 - テストフレームワークのJest 23.3.0がリリースされました。

Jest 23.3.0ではtoMatchInlineSnapshottoThrowErrorMatchingInlineSnapshotが追加されています。
いままでのスナップショットテストは、スナップショットを外部ファイルとして保存していましたが、このInlineSnapshotはテストを実行するとテストコードを書き換えてコード内にスナップショットを保存します。

`expect(x).toMatchInlineSnapshot()`

このInlineSnapshotはPrettierで整形されるのが前提となっているのため、プロジェクトにはprettierの依存が必要となっています。
また、JavaScript以外にもTypeScriptでも動作するようになっています。


The npm Blog — Announcing npm.communityという記事では今後のnpmのIssueの扱い方について書かれています。

今まではnpm/npmなどのIssueに問題を報告されていましたが、今後はnpm.communityというフォーラムでIssueを取り扱うことについて書かれています。
そのため、Pull Requestはリポジトリに対して行いますが、Issueはフォーラムの特定のカテゴリに投稿することが推奨されています。


お知らせ

そろそろ400回目が近づいてきたので、400回記念イベントのIssueを立てました。
まだ何をするかやどこでするかも決まっていませんが、意見があればIssue、Twitter#jserinfoGitterなどにどうぞ。


ヘッドライン


Ember.js - Ember 3.2 Released

emberjs.com/blog/2018/06/29/ember-3-2-released.html

JavaScript library ReleaseNote

Ember 3.2リリース。
テンプレートにletヘルパーの追加、Ember.Loggerなどが非推奨に


jest/CHANGELOG.md at v23.3.0 · facebook/jest

github.com/facebook/jest/blob/v23.3.0/CHANGELOG.md

JavaScript testing library ReleaseNote

Jest 23.3.0リリース。
インラインでスナップショットテストをするtoMatchInlineSnapshottoThrowErrorMatchingInlineSnapshotの追加など


Node v10.6.0 (Current) | Node.js

nodejs.org/en/blog/release/v10.6.0/

node.js ReleaseNote

Node.js 10.6.0リリース。
require('dns').promisesの追加、Atomics.wakeAtomics.notifyにリネームするECMAScriptの仕様追従など


The npm Blog — Announcing npm.community

blog.npmjs.org/post/175587538995/announcing-npmcommunity

npm community issue

npmに関するIssueはDiscourse(npm.community)で扱うようにするという話。
既存のnpmリポジトリに立てられたIssueはアーカイブ化され、新規のIssueはnpm.communityの特定のカテゴリで扱うようになる。


ESLint v5.1.0 released - ESLint - Pluggable JavaScript linter

eslint.org/blog/2018/07/eslint-v5.1.0-released

ESLint ReleaseNote

ESLint 5.1.0リリース。
no-catch-shadowはdeprecatedとなり、代わりにno-shadowの利用を推奨している。


Official Google Webmaster Central Blog: Using page speed in mobile search ranking

webmasters.googleblog.com/2018/01/using-page-speed-in-mobile-search.html

google SEO performance news

Googleのモバイル検索で"Speed Update"が有効化された。
表示が遅いサイトは表示ランキングに影響する仕組み。


アーティクル


フロントエンドの「想定外」に対応する考え方とTipsいくつか | ダーシマ・ヱンヂニヤリング

necomesi.jp/blog/tsmd/posts/229

browser JavaScript

ブラウザの設定により使わない機能を考慮したデザインについて。
デフォルトフォント、Adblock、拡張機能、JavaScriptの無効化、Cookieの無効化/プライベートモードに対する対応などについて


What Is Redux: A Designer’s Guide — Smashing Magazine

www.smashingmagazine.com/2018/07/redux-designers-guide/

redux article

Designer向けのReduxとはどういうもの?という解説。
データ受け取りどのようにコンポーネントの表示に反映させるかやデータ(State)変更、Optimistic UIなどについて図とともに概念を説明している


face-api.js — JavaScript API for Face Recognition in the Browser with tensorflow.js

itnext.io/face-api-js-javascript-api-for-face-recognition-in-the-browser-with-tensorflow-js-bcc2a6c4cf07

JavaScript library article

tensorflow.jsベースの顔検出/認識ライブラリであるface-api.jsについての記事。Face DetectionとFace Recognitionの実装方法や使い方についての解説


Optimization Auditing: A Deep Dive into Chrome's Dev Console — SitePoint

www.sitepoint.com/optimization-auditing-a-deep-dive-into-chromes-dev-console/

Chrome debug article

Chromeの開発者ツールの機能についての解説。
コンソールやパフォーマンスなどのツールについてスクリーンショットとともに紹介している。


An adventure in sparse arrays

remysharp.com/2018/06/26/an-adventure-in-sparse-arrays

JavaScript article

JavaScriptの配列におけるsparse array(疎の配列)についての記事。 配列に穴があるときに、ループやメソッドなど列挙する際の扱いなどについて


Seva Zaikov - Node.js REPL in Depth

blog.bloomca.me/2018/07/09/nodejs-repl-in-depth.html

node.js article

Node.jsのREPLについての記事。
REPLで利用できる特別なコマンド、自動的に使えるモジュールやモジュールとしてreplを使う方法についてなど


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


justadudewhohacks/face-api.js: JavaScript API for face detection and face recognition in the browser with tensorflow.js

github.com/justadudewhohacks/face-api.js

JavaScript MachineLearning library

tensorflow.jsを使った顔検出/認識ライブラリ。


microstates/microstates.js: Composable State Primitives for JavaScript

github.com/microstates/microstates.js

JavaScript library

Immutableなオブジェクトをデータ型とオブジェクトの指定をして作成するライブラリ


retejs/rete: JavaScript framework for visual programming and creating node editor

github.com/retejs/rete

JavaScript library program

ビジュアルプログラミングのためのフレームワーク。


jamiemccrindle/axax: Async Iterator Extensions for JavaScript e.g. map, reduce, filter, flatMap, etc.

github.com/jamiemccrindle/axax

JavaScript library

Async Iteratorを使ったmapreducefilterflatMappipeなどの実装ライブラリ。
RxJSやコレクション系ライブラリと似たメソッドを提供するライブラリ


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