JSer.info #391 - テストフレームワークのJest 23.3.0がリリースされました。
Jest 23.3.0ではtoMatchInlineSnapshotとtoThrowErrorMatchingInlineSnapshotが追加されています。
いままでのスナップショットテストは、スナップショットを外部ファイルとして保存していましたが、このInlineSnapshotはテストを実行するとテストコードを書き換えてコード内にスナップショットを保存します。
この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#jserinfo、
などにどうぞ。
JSer.infoをサポートするには
- 😘 知り合いにJSer.infoをおすすめする
- ❤️ GitHub Sponsorsで@azuのスポンサーになる
- 🐦 X(Twitter)で@jser_infoをフォローする
JSer.info Sponsors
JSer.info SponsorsはGitHub SponsorsとしてJSer.infoを支援してくれている方々です。
ヘッドライン
Ember.js - Ember 3.2 Released
emberjs.com/blog/2018/06/29/ember-3-2-released.html
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
Jest 23.3.0リリース。
インラインでスナップショットテストをするtoMatchInlineSnapshotとtoThrowErrorMatchingInlineSnapshotの追加など
Node v10.6.0 (Current) | Node.js
nodejs.org/en/blog/release/v10.6.0/
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
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 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のモバイル検索で"Speed Update"が有効化された。
表示が遅いサイトは表示ランキングに影響する仕組み。
アーティクル
フロントエンドの「想定外」に対応する考え方とTipsいくつか | ダーシマ・ヱンヂニヤリング
necomesi.jp/blog/tsmd/posts/229
ブラウザの設定により使わない機能を考慮したデザインについて。
デフォルトフォント、Adblock、拡張機能、JavaScriptの無効化、Cookieの無効化/プライベートモードに対する対応などについて
What Is Redux: A Designer’s Guide — Smashing Magazine
www.smashingmagazine.com/2018/07/redux-designers-guide/
Designer向けのReduxとはどういうもの？という解説。
データ受け取りどのようにコンポーネントの表示に反映させるかやデータ(State)変更、Optimistic UIなどについて図とともに概念を説明している
face-api.js — JavaScript API for Face Recognition in the Browser with tensorflow.js
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の開発者ツールの機能についての解説。
コンソールやパフォーマンスなどのツールについてスクリーンショットとともに紹介している。
An adventure in sparse arrays
remysharp.com/2018/06/26/an-adventure-in-sparse-arrays
JavaScriptの配列におけるsparse array(疎の配列)についての記事。 配列に穴があるときに、ループやメソッドなど列挙する際の扱いなどについて
Seva Zaikov - Node.js REPL in Depth
blog.bloomca.me/2018/07/09/nodejs-repl-in-depth.html
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
tensorflow.jsを使った顔検出/認識ライブラリ。
microstates/microstates.js: Composable State Primitives for JavaScript
github.com/microstates/microstates.js
Immutableなオブジェクトをデータ型とオブジェクトの指定をして作成するライブラリ
retejs/rete: JavaScript framework for visual programming and creating node editor
ビジュアルプログラミングのためのフレームワーク。
jamiemccrindle/axax: Async Iterator Extensions for JavaScript e.g. map, reduce, filter, flatMap, etc.
github.com/jamiemccrindle/axax
Async Iteratorを使ったmap、reduce、filter、flatMap、pipeなどの実装ライブラリ。
RxJSやコレクション系ライブラリと似たメソッドを提供するライブラリ
