Fork me on GitHub

2021-07-06のJS: TypeScript 4.4 Beta、immutable-js 4.0.0-rc.13、petite-vue

Edit on GitHub 編集履歴を見る

JSer.info #547 - TypeScript 4.4 betaがリリースされました。

Control Flow Analysisの改善され、Type Gurdeの結果を変数に入れてから扱うようなAliasのケースも正しく推論されるようになっています。
また、Index SignaturesにSymbolやTemplate Stringを利用できるようになっています。
Catch節のデフォルトをunknown型にするuseUnknownInCatchVariablesオプションの追加と
optionalとundefined値の区別をするexactOptionalPropertyTypesオプションの追加されています。

その他には、declarationの生成やstrictモードでのビルドパフォーマンスの改善も含まれています。


immutable-js 4.0.0-rc.13がリリースされています。

immutable-jsはv4.0.0-rc.12でメンテナンスが停止して、immutable-oss organiztionにてforkとしてメンテナンスがされていました。

今回のリリースでは、immutable-js organizationにimmutable-ossのメンテナが追加され、immutable-ossの変更内容もimmutable-js 4.0.0-rc.13へとマージされています。
改めてimmutable-jsとしてメンテナンスを再開するリリースとなっています。


Vueのサブセットとしてファイルサイズが小さなpetite-vueが公開されています。

Vue互換のテンプレート構文とサブセットのAPIをもつライブラリです。
ES Modulesとしてimportして利用できるようになっていて、Vueにはないv-scopev-effectなどの仕組みも持っています。
Alpine.jsのように既存のレンダリングされたHTMLに対して動作を追加する小さなライブラリとなることを目的としています。


ヘッドライン


Release Support caching dependencies and LTS aliases · actions/setup-node

github.com/actions/setup-node/releases/tag/v2.2.0

Github Actions node.js ReleaseNote

actions/setup-node 2.2.0リリース。 lts/*などのLTS構文のサポート、cacheオプションでnpmyarnでの依存キャッシュをサポートなど


Announcing TypeScript 4.4 Beta | TypeScript

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

Prototype.js ReleaseNote

TypeScript 4.4 Betaリリース。 Control Flow Analysisの改善、Index SignaturesにSymbolやTemplate Stringを利用できるように。
Catch節のデフォルトをunknown型にするuseUnknownInCatchVariablesオプションの追加。
optionalとundefined値の区別をするexactOptionalPropertyTypesオプションの追加。
declarationの生成やstrictモードでのビルドパフォーマンスの改善も含まれている


Release 4.0.0-rc.13 · immutable-js/immutable-js

github.com/immutable-js/immutable-js/releases/tag/v4.0.0-rc.13

JavaScript library ReleaseNote

imutable-js 4.0.0 RC12リリース。
forkであったimmutable-js-ossの変更内容をマージし、コミュニティによるメンテナンスを再開するリリース。


vite/CHANGELOG.md at main · vitejs/vite

github.com/vitejs/vite/blob/main/packages/vite/CHANGELOG.md#240-2021-07-05

JavaScript Tools ReleaseNote

Vite 2.4.0リリース。
new URL(url, import.meta.url)のサポート、server.fsServeserver.fsにリネーム、server.fs.strictオプションの追加など


アーティクル


The State of WebAssembly 2021

blog.scottlogic.com/2021/06/21/state-of-wasm.html

WebAssembly article アンケート

WebAssemblyについての開発者アンケート。
どの言語を使っているか、どの用途に利用しているか、求める機能などについて


RenderingNG - Chrome Developers

developer.chrome.com/blog/renderingng/

Chrome blink article

ChromeのレンダリングエンジンであるBlinkの新しいアーキテクチャであるRenderingNGの主要プロジェクトのまとめ記事。
CompositeAfterPaint、LayoutNG、BlinkNG、Viz、OffscreenCanvas、VideoNGなどについて


Migrating from Capybara to Puppeteer - Engineering Blog - Wealthfront

eng.wealthfront.com/2021/06/25/migrating-from-capybara-to-puppeteer/

puppeteer Chrome testing article

E2EテストをCapybaraからPuppeteerに移行した話。
E2Eテストフレームワークの選択と、移行する目的であった実行時間の短縮について


Designing a Dataflow Editor With TypeScript and React | Protocol Labs Research

research.protocol.ai/blog/2021/designing-a-dataflow-editor-with-typescript-and-react/

TypeScript React article ElasticSearch

ReactとTypeScriptでデータフローエディタを作る際の設計についての記事。
データフローの状態の設計、スキーマオブジェクトから各Nodeの型定義を取り出す仕組みをGenericsを使って扱う方法について。


Encoding data for POST requests - JakeArchibald.com

jakearchibald.com/2021/encoding-data-for-post-requests/

JavaScript article

Fetchのbodyに安全にエンコードしたデータを渡す方法について。
URLSearchParamsFormDatablob、JSONを使った方法について紹介している


Image To Text Conversion With React And Tesseract.js (OCR) — Smashing Magazine

www.smashingmagazine.com/2021/06/image-text-conversion-react-tesseract-js-ocr/

JavaScript article

Tesseract.jsを使った画像のOCRとCanvasを使った下処理についての記事。


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


vuejs/petite-vue: 5kb subset of Vue optimized for progressive enhancement

github.com/vuejs/petite-vue

Vue library JavaScript

VueサブセットのAPIとテンプレートをもったライブラリ。
ファイルサイズを小さくすることを目的にしている。


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


Saul-Mirone/milkdown: 🍼 Plugin driven WYSIWYG markdown editor.

github.com/saul-mirone/milkdown/

Markdown JavaScript editor library

ProsemirrorとremarkベースのWYSIWYG markdownエディタライブラリ


niksy/promise-any-ponyfill: `Promise.any` ponyfill.

github.com/niksy/promise-any-ponyfill

JavaScript Promises polyfill

Promise.anyのpolyfillライブラリ


tinyhttp/malibu: 🏄 Framework-agnostic CSRF middleware for modern Node.js

github.com/tinyhttp/malibu

node.js library

CSRF対策のexpress middleware。


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