diff --git a/_i18n/ja/_posts/2018/2018-07-10-jest-23.3.0-npm.community.md b/_i18n/ja/_posts/2018/2018-07-10-jest-23.3.0-npm.community.md new file mode 100644 index 00000000000..5d6e3d57464 --- /dev/null +++ b/_i18n/ja/_posts/2018/2018-07-10-jest-23.3.0-npm.community.md @@ -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) + +---- + +

ヘッドライン

+ +---- + +## 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") +

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](https://github.com/facebook/jest/blob/v23.3.0/CHANGELOG.md "jest/CHANGELOG.md at v23.3.0 · facebook/jest") +

JavaScript testing library ReleaseNote

+ +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") +

node.js ReleaseNote

+ +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") +

npm community issue

+ +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") +

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](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") +

google SEO performance news

+ +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") + +---- +

アーティクル

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

browser JavaScript

+ +ブラウザの設定により使わない機能を考慮したデザインについて。 +デフォルトフォント、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") +

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](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") +

JavaScript library article

+ +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") +

Chrome debug article

+ +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") +

JavaScript article

+ +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") +

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](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") +

JavaScript MachineLearning library

+ +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") +

JavaScript library

+ +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") +

JavaScript library program

+ +ビジュアルプログラミングのためのフレームワーク。 + + +---- + +## 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.") +

JavaScript library

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