Fork me on GitHub

2022-01-24のJS: Safari TP 138、Vue 3のデフォルト化、Remix vs Next.js

Edit on GitHub 編集履歴を見る

JSer.info #576 - Safari Technology Preview 138がリリースされました。

Safariの開発者ツールであるWeb InspectorのElement TabにCascade Layersのサポートなどの機能が追加されています。
また、CSSの:focus-visible、Media Queryのresolution、CSS Containmentをデフォルトで有効化されています。

そのほかには、Service WorkerのNavigationPreloadManagerを有効化、Service Workerを経由したファイルダウンロードできなかった問題の修正などが含まれています。


Vue 3が2022年2月7日にvueのデフォルトバージョンとなることが発表されました。

現在(2022-01-24)は、vueパッケージのlatestは2.x系となっています。

$ npm info vue

vue@2.6.14 | MIT | deps: none | versions: 368
Reactive, component-oriented view layer for modern web interfaces.
https://github.com/vuejs/vue#readme

keywords: vue

dist
.tarball: https://registry.npmjs.org/vue/-/vue-2.6.14.tgz
.shasum: e51aa5250250d569a3fbad3a8a5a687d6036e235
.integrity: sha512-x2284lgYvjOMj3Za7kqzRcUSxBboHqtgRE2zlos1qWaOye5yUmHn42LB1250NJBLRwEcdrB0JRwyPTEPhfQjiQ==
.unpackedSize: 3.0 MB

maintainers:
- posva <posva13@gmail.com>
- yyx990803 <yyx990803@gmail.com>

dist-tags:
beta: 3.2.0-beta.8  csp: 1.0.28-csp     latest: 2.6.14      next: 3.2.29

published 7 months ago by posva <posva13@gmail.com>

2022年2月7日に、vuelatestが3.xへと変更されます。
そのため、npm install vue などのようにバージョン指定せずにインストールした場合は、vue@3がインストールされるようになります。

この変更に合わせて、ウェブサイトやGitHubのhttps://github.com/vuejsのリポジトリ名なども変更する予定となっています。


ヘッドライン


Release v0.25.0 · axios/axios

github.com/axios/axios/releases/tag/v0.25.0

HTTP JavaScript library

axios 0.25.0リリース。


Node v17.4.0 (Current) | Node.js

nodejs.org/en/blog/release/v17.4.0/

node.js ReleaseNote

Node.js 17.4.0リリース。
EventEmitterとAsyncResourceを連携するEventEmitterAsyncResourceを追加、ReadableStreamにmapfilterを追加など


Announcing React Native 0.67 · React Native

reactnative.dev/blog/2022/01/19/version-067

React Native ReleaseNote

React Native 0.67リリース。
DatePickerAndroidの削除、Hermes 0.9.0へアップデートなど


Deno 1.18 Release Notes

deno.com/blog/v1.18

deno ReleaseNote

Deno 1.18リリース。
Web Cryptography APIの実装、deno.jsonを自動で参照するように、Error Causeをスタックトレースに反映。
Deno.testのstep APIがstableに、FFI APIの改善、V8 snapshotsの圧縮方法をV8 zlibからlzとzstdに変更して起動速度の改善など


Release Notes for Safari Technology Preview 138 | WebKit

webkit.org/blog/12176/release-notes-for-safari-technology-preview-138/

safari webkit ReleaseNote

Safari Technology Preview 138リリース。
:focus-visible、Media Queryのresolution、CSS Containmentをデフォルトで有効化。
Service WorkerのNavigationPreloadManagerを有効化、Service Workerを経由したファイルダウンロードをサポートなど


Vue 3 as the New Default | The Vue Point

blog.vuejs.org/posts/vue-3-as-the-new-default.html

Vue news

2022年2月7日にVue 3がvue@nextからvue@latestへと変更され、vueパッケージのStableバージョンとなる。
この変更に合わせてCDNでのlatestの参照先、ドキュメント、GitHubリポジトリも変更される。


Release v5.67.0 · webpack/webpack

github.com/webpack/webpack/releases/tag/v5.67.0

webpack ReleaseNote

webpack 5.67.0リリース。
AssertModuleにoutputPathオプションの追加。
output.trustedTypes: trueの場合はeval-source-mapでもTrusted Typesに対応したコードを出力するようになど


Announcing TypeScript 4.6 Beta - TypeScript

devblogs.microsoft.com/typescript/announcing-typescript-4-6-beta/

TypeScript ReleaseNote

TypeScript 4.6 Betaリリース。
型推論の改善がメインとなっている。再帰型、インターフェースへのインデックスアクセス、関数の引数における型推論の改善。
checkJsが有効時に、JavaScriptの構文エラーのチェックを改善。
--generateTraceで出力できるビルドのトレースデータを分析するための@typescript/analyze-traceパッケージの公開など


アーティクル


npm: A Free Guide for Beginners | CSS-Tricks - CSS-Tricks

css-tricks.com/a-complete-beginners-guide-to-npm/

npm tutorial

npmとは何か、基本的な使い方についての連載記事


Remix vs Next.js | Remix

remix.run/blog/remix-vs-next

JavaScript React article

Next.jsのEコマースを例に、RemixとNext.jsを比較した記事。
アーキテクチャの違い、CDN Edgeでの実行、データの更新についての比較など


Mocking With Undici Like a Pro

fusebit.io/blog/undici-mocking/

JavaScript testing node.js article

Node.js向けのHTTPクライアントのUndiciのモックサポートについての記事。
MockAgent使ったモックについて


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


WebAppPentestGuidelines/graphQLGuideLine

github.com/WebAppPentestGuidelines/graphQLGuideLine

GraphQL security document

GraphQLにおける脆弱性の診断ガイド。
よくある問題としてIntrospection Queryが有効となっているケース、DoSとなるクエリ、レースコンディションなどについて解説している。
また診断や調査に使えるツールの紹介など


Vanilla List • The Vanilla JavaScript Repository

vanillalist.top/

npm JavaScript library webservice

依存がないライブラリのまとめサイト


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


mo.js

mojs.github.io/

JavaScript animation library

図形の描画とアニメーションのライブラリ


tinyplex/tinybase: A tiny, reactive JavaScript library for structured state and tabular data.

github.com/tinyplex/tinybase

JavaScript database library

テーブル的なデータ構造の状態管理ライブラリ


書籍関係


Structure and Interpretation of Computer Programs | The MIT Press

mitpress.mit.edu/books/structure-and-interpretation-computer-programs-1

JavaScript program book

2022年4月 発売
SICPのJavaScript版


この記事へ修正リクエストをする
JSer.info Slackに参加する