JSer.info #612 - Deno 1.26がリリースされました。
Cache APIのサポート、新しいパーミッションとして--allow-sys
フラグが追加されています。
また、node_modules
ディレクトリを扱う--node-modules-dir
フラグの追加し、Node.jsとの互換モードであった--compat
フラグを削除しています。
compat
modeはnpm:
識別子によって置き換えられた形になります。
またNode.jsコアモジュールへの互換性の改善、Deno.serve()
APIなどパフォーマンス改善、TypeScrtipt 4.8へのアップデートなども含まれています。
HTTPクライアントライブラリのaxios v1.0.0がリリースされました。
複数の大きな変更はないとのことですが、まだ詳しいマイグレーションガイドはリリースされていません。
Optimize long tasksという記事では、処理に50ms以上かかるlong taskをどのように最適化するかについて書かれています。
long taskがあると、taskであるユーザーの入力や表示の更新をブロックする場合があります。
そのため、タスクの分解とnavigator.scheduling.isInputPending()
での実行タイミングの判定、schedulerpostTask
APIについて紹介されています。
JSer.infoをサポートするには
- 😘 知り合いにJSer.infoをおすすめする
- ❤️ GitHub Sponsorsで@azuのスポンサーになる
- 🐦 X(Twitter)で@jser_infoをフォローする
JSer.info Sponsors
JSer.info SponsorsはGitHub SponsorsとしてJSer.infoを支援してくれている方々です。
ヘッドライン
Deno 1.26 Release Notes
Deno 1.26リリース。
Cache APIのサポート、--allow-sys
フラグの追加、node_modules
ディレクトリを扱う--node-modules-dir
フラグの追加し--compat
フラグを削除。
またNode.jsコアモジュールへの互換性の改善、Deno.serve()
APIなどパフォーマンス改善、TypeScrtipt 4.8へのアップデートなど
Astro 1.4.0 Release | Astro
Astro 1.4.0リリース。
Astro.cookies
の追加、pnpmの対応改善、CSSの詳細度がpublic/import/styleタグで同じ場合の優先度の決定。
VueでのJSXのサポートなど
watch: add initial implementation for `node --watch` by MoLow · Pull Request #44366 · nodejs/node
github.com/nodejs/node/pull/44366
Node.jsに--watch
フラグが追加された。
nodemonのようにファイルが変更されたらプロセスを再起動する
Release v9.0.0-pre.3 · npm/cli
github.com/npm/cli/releases/tag/v9.0.0-pre.3
npm v9.0.0-pre.3リリース。
package.json
にfiles
がある場合に、npm pack
はrootにあるgitignoreとnpmignoreを無視するように変更など
tools/CHANGELOG.md at main · rome/tools
github.com/rome/tools/blob/main/CHANGELOG.md#0100
Rome 0.10.0リリース。
パフォーマンスの改善、ignoreにGlobを利用できるように、FormatterとLinterの対応ルールの追加など
Release v1.0.0 · axios/axios
github.com/axios/axios/releases/tag/v1.0.0
axios v1.0.0リリース。
Node v18.10.0 (Current) | Node.js
nodejs.org/en/blog/release/v18.10.0/
Node.js v18.10.0リリース。
ReadableByteStream.tee()
の追加など
Electron 21.0.0 | Electron
www.electronjs.org/blog/electron-21-0
Electron 21.0.0リリース。
Chromium 106、Node.js 16.16.0、V8 10.6へのアップデート。
webFrameMain.origin
とWebContents.ipc
の追加、NSPanelライクな動作のサポートなど。
またV8 Memory Cageが有効化され、off-heapを示すArrayBuffersは許可されなくなった。
アーティクル
Ten Years of TypeScript - TypeScript
devblogs.microsoft.com/typescript/ten-years-of-typescript/
TypeScript10周年の記事。
TypeScriptが誕生してから10年が経過した。
Optimize long tasks
50ms以上かかるlong tasksを分解し、ユーザーの入力と表示の更新を妨げないように最適化する方法についての記事。
タスクの分解とnavigator.scheduling.isInputPending()
での実行タイミングの判定、schedulerpostTask
APIについて
Postgres WASM by Snaplet and Supabase
supabase.com/blog/postgres-wasm
PostgreSQLのWebAssemblyビルドについて
PostgreSQLそのものをWasmへとビルドするのは難しかったため、VMを作りそれをx86エミュレータで実行する。
また、WebSocketsを使ったProxyや起動時間の最適化やイメージサイズの削減についてなど
Client-side WebAssembly WordPress with no server – Make WordPress Core
make.wordpress.org/core/2022/09/23/client-side-webassembly-wordpress-with-no-server/
WordPressのWebAssemblyビルドについて。
PHPをWasmにビルドしWordpressを実行する。
ブラウザからのリクエストはService WorkerでProxyする。
WordPressをブラウザで確認できるので、WordPressの開発や確認がしやすくなる目的
Type-Level TypeScript — Introduction
TypeScriptの型に関するチュートリアル。
型について解説と各チャプターで練習問題が用意されている。
Closing a 30 pixel gap between native and web - Microsoft Edge Blog
blogs.windows.com/msedgedev/2022/09/27/closing-pixel-gap-native-web-window-controls-overlay/
Window Controls Overlayについて。
ブラウザウィンドウのタイトルバーの領域もPWAアプリで利用できる仕組み
サイト、サービス、ドキュメント
Learn Accessibility
ウェブアクセシビリティについて学べるチュートリアル