Skip to content

Commit

Permalink
2018-07-10のJS: Jest 23.3.0 インラインスナップショット、npm.community (#532)
Browse files Browse the repository at this point in the history
* Update 391 draft

* Update 391 draft

* Update 391 draft

* Update 391 draft

* Update 391 draft

* Update 391 draft

* Update 391 draft

* Update 391 draft

* Update 391 draft

* Update 391 draft

* Update 391 draft

* Update 391 draft

* Update 391 draft

* Update 391 draft

* Update 391 draft

* Update 391 draft

* Update 391 draft

* Update 391 draft

* Update 391 draft

* Update 2018-07-10-391draft.md

* Move _i18n/ja/_posts/2018/2018-07-10-391draft.md to _i18n/ja/_posts/2018/2018-07-10-jest-23.3.0-npm.community.md

* Remove _i18n/ja/_posts/2018/2018-07-10-391draft.md
  • Loading branch information
azu authored Jul 10, 2018
1 parent bf3b546 commit 25c34a6
Showing 1 changed file with 213 additions and 0 deletions.
213 changes: 213 additions & 0 deletions _i18n/ja/_posts/2018/2018-07-10-jest-23.3.0-npm.community.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,213 @@
---
title: "2018-07-10のJS: Jest 23.3.0 インラインスナップショット、npm.community"
author: "azu"
layout: post

date : 2018-07-10T01:59:55.517Z
category: JSer
tags:
- jest
- npm
-

---

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

- [jest/CHANGELOG.md at v23.3.0 · facebook/jest](https://github.com/facebook/jest/blob/v23.3.0/CHANGELOG.md)

Jest 23.3.0では`toMatchInlineSnapshot``toThrowErrorMatchingInlineSnapshot`が追加されています。
いままでの[スナップショットテスト](https://jestjs.io/docs/snapshot-testing.html)は、スナップショットを外部ファイルとして保存していましたが、このInlineSnapshotはテストを実行するとテストコードを書き換えてコード内にスナップショットを保存します。

![`expect(x).toMatchInlineSnapshot()`](https://camo.githubusercontent.com/98d26f2884ec3280f89c2402ed2a397bd96709e3/68747470733a2f2f692e696d6775722e636f6d2f563651565934332e676966)

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

- [\[RFC\] Inline Snapshots by azz · Pull Request #6380 · facebook/jest](https://github.com/facebook/jest/pull/6380)

----

[The npm Blog — Announcing npm.community](https://blog.npmjs.org/post/175587538995/announcing-npmcommunity)という記事では今後のnpmのIssueの扱い方について書かれています。

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

----

お知らせ

そろそろ400回目が近づいてきたので、400回記念イベントのIssueを立てました。
まだ何をするかやどこでするかも決まっていませんが、意見があればIssue、[Twitter#jserinfo](https://twitter.com/search?f=realtime&q=%20%23jserinfo)[![Gitter](https://badges.gitter.im/jser/jser.info.svg)](https://gitter.im/jser/jser.info?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge)などにどうぞ。

- [JSer.info 400回記念イベント · Issue #102 · jser/jser.info](https://github.com/jser/jser.info/issues/102)

----

<h1 class="site-genre">ヘッドライン</h1>

----

## Ember.js - Ember 3.2 Released
[emberjs.com/blog/2018/06/29/ember-3-2-released.html](https://emberjs.com/blog/2018/06/29/ember-3-2-released.html "Ember.js - Ember 3.2 Released")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">library</span> <span class="jser-tag">ReleaseNote</span></p>

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](https://github.com/facebook/jest/blob/v23.3.0/CHANGELOG.md "jest/CHANGELOG.md at v23.3.0 · facebook/jest")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">testing</span> <span class="jser-tag">library</span> <span class="jser-tag">ReleaseNote</span></p>

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


----

## Node v10.6.0 (Current) | Node.js
[nodejs.org/en/blog/release/v10.6.0/](https://nodejs.org/en/blog/release/v10.6.0/ "Node v10.6.0 (Current) | Node.js")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">node.js</span> <span class="jser-tag">ReleaseNote</span></p>

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


----

## The npm Blog — Announcing npm.community
[blog.npmjs.org/post/175587538995/announcing-npmcommunity](https://blog.npmjs.org/post/175587538995/announcing-npmcommunity "The npm Blog — Announcing npm.community")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">npm</span> <span class="jser-tag">community</span> <span class="jser-tag">issue</span></p>

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

- [npm forum](https://npm.community/ "npm forum")

----

## ESLint v5.1.0 released - ESLint - Pluggable JavaScript linter
[eslint.org/blog/2018/07/eslint-v5.1.0-released](https://eslint.org/blog/2018/07/eslint-v5.1.0-released "ESLint v5.1.0 released - ESLint - Pluggable JavaScript linter")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">ESLint</span> <span class="jser-tag">ReleaseNote</span></p>

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](https://webmasters.googleblog.com/2018/01/using-page-speed-in-mobile-search.html "Official Google Webmaster Central Blog: Using page speed in mobile search ranking")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">google</span> <span class="jser-tag">SEO</span> <span class="jser-tag">performance</span> <span class="jser-tag">news</span></p>

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

- [Chrome User Experience Report  |  Tools for Web Developers  |  Google Developers](https://developers.google.com/web/tools/chrome-user-experience-report/ "Chrome User Experience Report  |  Tools for Web Developers  |  Google Developers")

----
<h1 class="site-genre">アーティクル</h1>

----

## フロントエンドの「想定外」に対応する考え方とTipsいくつか | ダーシマ・ヱンヂニヤリング
[necomesi.jp/blog/tsmd/posts/229](https://necomesi.jp/blog/tsmd/posts/229 "フロントエンドの「想定外」に対応する考え方とTipsいくつか | ダーシマ・ヱンヂニヤリング")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">browser</span> <span class="jser-tag">JavaScript</span></p>

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


----

## What Is Redux: A Designer’s Guide — Smashing Magazine
[www.smashingmagazine.com/2018/07/redux-designers-guide/](https://www.smashingmagazine.com/2018/07/redux-designers-guide/ "What Is Redux: A Designer’s Guide — Smashing Magazine")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">redux</span> <span class="jser-tag">article</span></p>

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](https://itnext.io/face-api-js-javascript-api-for-face-recognition-in-the-browser-with-tensorflow-js-bcc2a6c4cf07 "face-api.js — JavaScript API for Face Recognition in the Browser with tensorflow.js")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">library</span> <span class="jser-tag">article</span></p>

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

- [justadudewhohacks/face-api.js: JavaScript API for face detection and face recognition in the browser with tensorflow.js](https://github.com/justadudewhohacks/face-api.js "justadudewhohacks/face-api.js: JavaScript API for face detection and face recognition in the browser with tensorflow.js")

----

## Optimization Auditing: A Deep Dive into Chrome's Dev Console — SitePoint
[www.sitepoint.com/optimization-auditing-a-deep-dive-into-chromes-dev-console/](https://www.sitepoint.com/optimization-auditing-a-deep-dive-into-chromes-dev-console/ "Optimization Auditing: A Deep Dive into Chrome's Dev Console — SitePoint")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">Chrome</span> <span class="jser-tag">debug</span> <span class="jser-tag">article</span></p>

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


----

## An adventure in sparse arrays
[remysharp.com/2018/06/26/an-adventure-in-sparse-arrays](https://remysharp.com/2018/06/26/an-adventure-in-sparse-arrays "An adventure in sparse arrays")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">article</span></p>

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


----

## Seva Zaikov - Node.js REPL in Depth
[blog.bloomca.me/2018/07/09/nodejs-repl-in-depth.html](https://blog.bloomca.me/2018/07/09/nodejs-repl-in-depth.html "Seva Zaikov - Node.js REPL in Depth")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">node.js</span> <span class="jser-tag">article</span></p>

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


----
<h1 class="site-genre">ソフトウェア、ツール、ライブラリ関係</h1>

----

## justadudewhohacks/face-api.js: JavaScript API for face detection and face recognition in the browser with tensorflow.js
[github.com/justadudewhohacks/face-api.js](https://github.com/justadudewhohacks/face-api.js "justadudewhohacks/face-api.js: JavaScript API for face detection and face recognition in the browser with tensorflow.js")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">MachineLearning</span> <span class="jser-tag">library</span></p>

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


----

## microstates/microstates.js: Composable State Primitives for JavaScript
[github.com/microstates/microstates.js](https://github.com/microstates/microstates.js "microstates/microstates.js: Composable State Primitives for JavaScript")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">library</span></p>

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


----

## retejs/rete: JavaScript framework for visual programming and creating node editor
[github.com/retejs/rete](https://github.com/retejs/rete "retejs/rete: JavaScript framework for visual programming and creating node editor")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">library</span> <span class="jser-tag">program</span></p>

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


----

## jamiemccrindle/axax: Async Iterator Extensions for JavaScript e.g. map, reduce, filter, flatMap, etc.
[github.com/jamiemccrindle/axax](https://github.com/jamiemccrindle/axax "jamiemccrindle/axax: Async Iterator Extensions for JavaScript e.g. map, reduce, filter, flatMap, etc.")
<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">library</span></p>

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


----

0 comments on commit 25c34a6

Please sign in to comment.