Fork me on GitHub

2022-07-04のJS: Next.js 12.2、Fresh 1.0(Deno Web Framework)、Vue 2.7(2.xの最終minor)

Edit on GitHub 編集履歴を見る

JSer.info #599 - Next.js 12.2がリリースされました。

MiddlewareとOn-Demand ISRのStableな機能となりました。
API RouteとSSRをCloudflare Workersを使ったEdgeで動かすruntimeオプションを追加など。
これに合わせて、Edge Runtimeをローカルでエミュレートするためのedge-runtimeというパッケージが公開されています。

そのほかには、next/imageの改善、SWCプラグインのサポート、React 18のサポート改善などが含まれています。
また、next/linkが常に <a> で囲まれるようになる機能をopt-inで導入できるようになっています。


Denoで書かれたウェブフレームワークであるFresh 1.0が公開されました。

Freshは、Preact(JSX)を使ってUIを作りサーバサイドレンダリングを行い、必要な時のみクライアントサイドのJSを含めるIslands Architectureを採用しています。

また、Freshは https://deno.land/ でも利用されています。


Vue 2.7がリリースされました。

Vue 2.7はVue 2.xの最後のminorアップデートとなり、Vue 2は1年半後の2023年末にサポートが終了する予定となっています。
Vue 3からのバックポートとしてdefineComponent()h()useSlot()useAttrs()useCssModules()のサポートが追加されています。
また、Vue 3との動作の違いについてなどについても書かれています。


ヘッドライン


WebKit/standards-positions: WebKit's positions on emerging web specifications

github.com/WebKit/standards-positions

webkit proposal safari apple

ウェブ標準のProposalに対するWebKitのポジションを管理するリポジトリ。


Blog - Next.js 12.2 | Next.js

nextjs.org/blog/next-12-2

Next.js ReleaseNote

Next.js 12.2リリース。
MiddlewareがStableに、On-Demand ISRのStableに。
API RouteとSSRをCloudflare Workersを使ったEdgeで動かすruntimeオプションを追加など。
next/imageの改善、SWCプラグインのサポート、React 18のサポート改善など


Fresh 1.0

deno.com/blog/fresh-is-stable

deno React ReleaseNote

DenoとPreactを使ったウェブフレームワークであるFresh 1.0リリース。


Release Notes for Safari Technology Preview 148 | WebKit

webkit.org/blog/12992/release-notes-for-safari-technology-preview-148/

webkit ReleaseNote safari

Safari Technology Preview 148リリース。
CSSでは:has()擬似クラスのサポート改善、text-indentプロパティでeach-lineをサポート、:modal擬似クラスのサポートなど。
<link>要素のnonce属性のサポート。
ITPでCookieのcapをScript-Writeable Storageと同じlast user interactionから7days、interactionない場合は24hで消えるように変更。


Release v6.0.0 · capricorn86/happy-dom

github.com/capricorn86/happy-dom/releases/tag/v6.0.0

JavaScript DOM library ReleaseNote

Happy DOM v6.0.0リリース。
複数windowに関する問題を修正、Document.createRange()/Document.getSelection()Text.splitText()のサポートなど


Date and Time Pickers for All – React Spectrum Blog

react-spectrum.adobe.com/blog/date-and-time-pickers-for-all.html

JavaScript React library ReleaseNote accessibility

React AriaとReact Spectrumで日付入力のUIをサポート。
アクセシビリティ、国際化、カスタマイズ性などを持った日付フィールド/カレンダーのUIコンポーネントを提供する。
また併せて複数のタイムゾーン/カレンダーシステム/ロケールをサポートした日付ライブラリも公開している。


Release v1.23.0 · microsoft/playwright

github.com/microsoft/playwright/releases/tag/v1.23.0

JavaScript browser testing library ReleaseNote

playwright v1.23.0リリース。
harファイルを使ったNetwork Replay機能の追加、<select multiple>に対応するtoHavevalues()の追加、テキストマッチのignoreCaseオプションを追加など


Release 4.0.0 · prisma/prisma

github.com/prisma/prisma/releases/tag/4.0.0

JavaScript database library ReleaseNote

Prisma 4.0.0リリース。
extendedIndexes/filterJson/improvedQueryRawがGAに。
Node.js 12のサポート終了、DbNull/JsonNull/AnyNullはobject型に変更、statement cache sizeのデフォルト値を変更など


Release v7.4.0 · pnpm/pnpm

github.com/pnpm/pnpm/releases/tag/v7.4.0

npm pnpm ReleaseNote

pnpm v7.4.0リリース。
依存関係にpatchファイルをあてるpatchedDependenciesフィールドとpnpm patchコマンドの追加。
productionの依存だけをインストールして、デプロイ用にコピーするpnpm deployコマンドの追加など


Vue 2.7 "Naruto" Released | The Vue Point

blog.vuejs.org/posts/vue-2-7-naruto.html

Vue ReleaseNote

Vue 2.7リリース。
Vue 2.xの最後のminorアップデートとなり、Vue 2は1年半後の2023年末にサポートが終了する予定。


アーティクル


ブラウザ, Node, Cloudflareでも動くDenoモジュール開発

zenn.dev/dajiaji/articles/c5340c38d11d4d

deno node.js cloudflare library article

Deno向けのコードをベースにして、dntを使ってNode.js向けのパッケージを作成、Cloudflare Workersでの動作テストをするパッケージの開発について。


jestでDBありのテストを高速化する | kohsweblog

blog.koh.dev/2022-07-02-jest-speedup/

JavaScript testing performance article

Jestで実行するテストのパフォーマンス改善についての記事。
ローカルではmaxWorkers、CIはshardを使いテストを並列に実行することで、実行時間を短くする方法について


縦書きHTMLにおける文字の向きはどのように定まるか - ドワンゴ教育サービス開発者ブログ

blog.nnn.dev/entry/2022/07/01/180000

HTML CSS font article

縦書きHTMLの表示についての記事。
CSSのwriting-modetext-orientationでの文字の向きの扱い、フォントとVertical_Orientationごとの表示の差異、ブラウザの実装の差異などについて


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


ニコニコ生放送 WebフロントエンドのKubernetes移行ハンドブック 2022 | ニコニコ生放送 Webフロントエンド Kubernetes移行ハンドブック 2022

dwango.github.io/nicolive-kubernetes-migration-handbook-2022/

kubernetes document

Kubernatesにおけるフロントエンドの管理についてのガイド


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


codemix/deprank: Use PageRank to find the most important files in your codebase.

github.com/codemix/deprank

JavaScript Tools

dependency-cruiserを使って依存グラフを作りページランクを出すツール。


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