JSer.info #624 - Next.js 13.1がリリースされました。
appディレクトリの改善、外部ライブラリだったnext-transpile-modulesを本体に統合されています。
- martpie/next-transpile-modules: [ARCHIVED] Next.js plugin to transpile code from node_modules
- Release The End. · martpie/next-transpile-modules
また、試験的にmodularizeImportsオプションの追加、Turbopackの改善などが含まれています。
Web Performance Calendar » HTTP/3 Prioritization Demystifiedという記事では、HTTP/2とHTTP/3のPrioritizationについて書かれています。
HTTPのprioritizationとは何かや各ブラウザのHTTP/3のPriorityの実装について調べた記事となっています。
ブラウザとリソースの組み合わせでの優先度の違い、priorityヘッダとPRIORITY_UPDATEフレームの実装の違い。
fetchpriority属性でブラウザ間の違いを減らせる点についてなどついて詳しく書かれています。
2022年の更新はこれが最後となります。今年もありがとうございましたー
- GitHubでContributeする: https://github.com/jser
- GitHub Sponsorsで支援する: @azu
- Slackで参加する: JSer.info Slack
- Twitterで見る: https://twitter.com/jser_info
- Mastodonで見る: https://mstdn.jp/@jser
JSer.infoをサポートするには
- 😘 知り合いにJSer.infoをおすすめする
- ❤️ GitHub Sponsorsで@azuのスポンサーになる
- 🐦 X(Twitter)で@jser_infoをフォローする
JSer.info Sponsors
JSer.info SponsorsはGitHub SponsorsとしてJSer.infoを支援してくれている方々です。
ヘッドライン
Deno 1.29: Custom npm registry support
Deno v1.29リリース。
NPM_CONFIG_REGISTRYでnpmレジストリを指定できるように、deno installコマンドを追加、REPLでのnpm:サポート。
deno check --remoteを--allに変更、--inspect-waitフラグの追加、TypeScript 4.9のサポート。
Stdにtesting/typesモジュールの追加など
Bun v0.4
Bun 0.4リリース。
bunxコマンドを追加、#!/usr/bin/env nodeをbunで実行する--bunフラグを追加、Node.jsとの互換性の向上など。
Release v7.20.0 · pnpm/pnpm
github.com/pnpm/pnpm/releases/tag/v7.20.0
pnpm v7.20.0リリース。
pnpm config <get|set|delete|list>コマンドの追加など
Release 3.27.0 - 2022.12.26 · zloirock/core-js
github.com/zloirock/core-js/releases/tag/v3.27.0
core-js v3.27.0リリース。
Stage 3のIterator Helpers/Set methods /Well-Formed Unicode Strings/Explicit resource managementの実装。
Stage 2のString.dedentの実装など
Twemojiが2023年になると表示されなくなる(かもしれない)問題に対処する
zenn.dev/yhatt/articles/60ce0c3ca79994
MaxCDNが2022年で廃止となるため、twemojiなどMaxCDNをデフォルトで利用するライブラリが動かなくなるという話
Blog - Next.js 13.1 | Next.js
Next.js 13.1リリース。
appディレクトリの改善、外部ライブラリのnext-transpile-modulesを本体に統合、試験的にmodularizeImportsオプションの追加、Turbopackの改善など
Release v100 · ije/esm.sh
github.com/ije/esm.sh/releases/tag/v100
ESMとしてnpmパッケージを扱えるPackage CDNのesm.sh v100リリース。
Webサイトのアップデート、playgroundの追加。
アーティクル
TypeScript 4.9のas const satisfiesが便利。型チェックとwidening防止を同時に行う
zenn.dev/moneyforward/articles/typescript-as-const-satisfies
wideningを避けるas constと型推論の結果を保つsatisfiers演算子を組み合わせた、as const satisfiesについて
Web Performance Calendar » HTTP/3 Prioritization Demystified
calendar.perfplanet.com/2022/http-3-prioritization-demystified/
各ブラウザのHTTP/3のPriorityの実装について調べた記事。
ブラウザとリソースの組み合わせでの優先度の違い、priorityヘッダとPRIORITY_UPDATEフレームの実装の違い。
fetchpriority属性でブラウザ間の違いを減らせる点について
Migrating a large, open-source React application to Next.js and Vercel – Vercel
vercel.com/blog/migrating-a-large-open-source-react-application-to-next-js-and-vercel
BBCのオープンソースとして公開されているフロントエンドを例にして、ReactアプリケーションをNext.jsベースに書き換える方法についての記事
サイト、サービス、ドキュメント
ericclemmons/click-to-component: Option+Click React components in your browser to instantly open the source in VS Code
github.com/ericclemmons/click-to-component
クリックしたら該当するReactコンポーネントのファイルを開くデバッグ用ライブラリ
ソフトウェア、ツール、ライブラリ関係
PuruVJ/neodrag: One Draggable to rule them all 💍
Svelte向けのD&Dライブラリ。
React/Vue/Solid/Vanilla向けのBindingも用意されている
書籍関係
JavaScript for hackers by Gareth Heyes [Leanpub PDF/iPad/Kindle]
leanpub.com/javascriptforhackers/
ブラウザやJavaScriptの欠陥を見つけるハッカー向けのJavaScript本
フロントエンド開発のためのセキュリティ入門 知らなかったでは済まされない脆弱性対策の必須知識（平野 昌士 はせがわ ようすけ 後藤 つぐみ）｜翔泳社の本
www.shoeisha.co.jp/book/detail/9784798169477
2023年02月13日 発売予定
フロントエンドエンジニア向けのウェブセキュリティについての書籍
1冊ですべて身につくJavaScript入門講座 (１冊ですべて身につく) | Mana |本 | 通販 | Amazon
www.amazon.co.jp/dp/4815615756/
2023年3月1日 発売。
ウェブデザイナー向けのJavaScriptについての書籍
