JSer.info #595 - Angular 14がリリースされました。
プレビュー機能としてstandalone componentsが追加されています。
また、Angular Formsの型付けの改善、エラーメッセージをproduction buildではエラーコードのみに変更しファイルサイズの削減など。
その他には、TypeScript 4.7のサポート、Angular CLIの改善などが含まれています。
Cypress 10がリリースされました。
Cypress 10ではCypress Appが刷新されています。
また、Component Testの仕組みが追加されています。
Vue 2.xの最終minorリリースとなる予定の Vue.js 2.7αが公開されています。
Composition APIのフルサポート、ESMビルドにrefなどのnamed exportを追加などが含まれています。
このVue 2.7が正式リリースされてから、18ヶ月後にVue 2.xはEOLとなる予定です。
現時点では、Vue 2.xは2023年末にEOLの予定となっています。
Vue 2 end of life at the end of 2023 #vuejs pic.twitter.com/luvk1lt3U6
— Filip Rakowski 🇺🇦 (@filrakowski) June 2, 2022
JSer.infoをサポートするには
- 😘 知り合いにJSer.infoをおすすめする
- ❤️ GitHub Sponsorsで@azuのスポンサーになる
- 🐦 X(Twitter)で@jser_infoをフォローする
JSer.info Sponsors
JSer.info SponsorsはGitHub SponsorsとしてJSer.infoを支援してくれている方々です。
ヘッドライン
Node v18.3.0 (Current) | Node.js
nodejs.org/en/blog/release/v18.3.0/
Node.js 18.3.0リリース。
utilモジュールにparseArgsを追加、httpモジュールにuniqueHeadersオプションを追加など
Angular v14 is now available!. We are excited to announce the release… | by Emma Twersky | Jun, 2022 | Angular Blog
blog.angular.io/angular-v14-is-now-available-391a6db736af
Angular 14リリース。
プレビュー機能としてstandalone componentsの追加、Angular Formsの型付けの改善、エラーメッセージをproduction buildではエラーコードのみに変更。
TypeScript 4.7のサポート、Angular CLIの改善など
Announcing Cypress 10 with Component Testing Beta!
cypress.io/blog/2022/06/01/cypress-10-release/
Cypress 10リリース。
Cypress Appの刷新、Component Testingがベータになった。
Release v3.16.0 · mishoo/UglifyJS
github.com/mishoo/UglifyJS/releases/tag/v3.16.0
UflifyJS 3.16.0リリース。
入力をES Modulesとして扱う--moduleフラグを追加など
vue/CHANGELOG.md at main · vuejs/vue
github.com/vuejs/vue/blob/main/CHANGELOG.md#270-alpha1-2022-05-31
Vue.js 2.7αリリース。
Vue 2.xの最後のminorリリース候補となり、Vue 2.7の正式リリースから18ヶ月後の2023年末にはVue 2.xはEOLとなる予定。
Composition APIのフルサポート、ESMビルドにrefなどのnamed exportを追加など
npm security update: Attack campaign using stolen OAuth tokens | The GitHub Blog
github.blog/2022-05-26-npm-security-update-oauth-tokens/
HerokuとTravis CIからGitHub OAuth Tokenの流出に関連して、npmが管理していたプライベートリポジトリからAWSへのアクセスキーが盗まれ、npmの一部情報が漏洩した。
2015年のユーザー情報(ユーザー名/メールアドレス/パスワードハッシュ)、2021年のプライベートnpmパッケージのメタデータ、2022年の全てのプライベートパッケージの名前とバージョンが漏洩した。
Release Add support for lts/-n aliases · actions/setup-node
github.com/actions/setup-node/releases/tag/v3.3.0
GitHub ActionsでNode.js環境を設定するactions/setup-node 3.3.0リリース。
node-version: lts/-1 のようにLTSの相対指定をサポート。
3.2.0では、currentとlatestのaliasをサポートしている。
- Release Support caching dependencies and LTS aliases · actions/setup-node
- Release Add current, node, latest aliases · actions/setup-node
アーティクル
Processing Arrays non-destructively: `for-of` vs. `.reduce()` vs. `.flatMap()`
2ality.com/2022/05/processing-arrays-non-destructively.html
Arrayのfilter/map/some/every/reduce/flatMapメソッドやfor ofなど、どれを使うべきかについて。
それぞれの機能の紹介といつ使うべきかについて
JavaScript のメディアタイプと RFC 9239 | blog.jxck.io
blog.jxck.io/entries/2022-05-31/text-javascript.html
JavaScriptのMIME Typesについて
Introducing Opportunities & Experiments: Taking the Guesswork out of Performance - WebPageTest Blog
blog.webpagetest.org/posts/introducing-opportunities-and-experiments/
WebPageTestにOpportunitiesとExperiments機能が追加された。
Opportunitiesはパフォーマンスやアクセシビリティを改善する項目をサジェストし実際に適用して結果がどうなるかを計測できる機能。
ExperimentsはEdgeのProxyを通して一時的にサイトを書き換えて再計測できる。
サイト、サービス、ドキュメント
pkg.land - find NPM alternative packages
npmパッケージの代替パッケージを検索できるサービス
ソフトウェア、ツール、ライブラリ関係
jridgewell/trace-mapping: Trace the original position through a source map
github.com/jridgewell/trace-mapping
source-mapパッケージと互換性のあるAPIを提供するライブラリ。
source-mapパッケージとは異なりWebAssemblyを利用せずに書かれている。
Svelvet
フローチャートを描画するSvelte component
histoire-dev/histoire: ⚡ Fast and beautiful interactive component playgrounds, powered by Vite
github.com/histoire-dev/histoire
Viteを使ったStorybook的なツール
WebReflection/highlighted-code: A textarea builtin extend to automatically provide code highlights based on one of the languages available via highlight.js
github.com/WebReflection/highlighted-code
textareaにシンタックスハイライトをオーバーレイできるライブラリ
cyco130/vavite: Develop server-side applications with Vite
Viteをサーバサイドに組み込むためのExpressなどに対応したMiddlewareやViteプラグイン。
Viteを使ってサーバサイドのコードのTranspile、Live Reload、SSRなどに対応するための仕組みをを提供する。
また、本番ビルド時には開発用のDevServerの参照を消すVite Pluginも提供している。
書籍関係
Web Browser Engineering
Pythonでブラウザのレンダリングエンジンを作りながらWebページの仕組みについて学ぶ本。
HTMLのパース、レイアウト、CSSのパース、クリックの処理、Browser ChromeのUI実装、HTTPリクエストの処理、DOM APIの実装、CookieとSameSiteの実装。
Skiaを使ったレンダリングとブレンディング、スケジューリング、アニメーションなどについて扱う
スラスラわかるJavaScript 新版（桜庭 洋之 望月 幸太郎）｜翔泳社の本
www.shoeisha.co.jp/book/detail/9784798173269
2022年07月13日 発売
JavaScriptの入門書
