forked from jser/jser.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
2022-01-18のJS: Parcel 2.2.0(Parcel CSS)、AngularJS(1.x) LTS終了、Faker.js…
…プロジェクト (jser#951) * Update 575 draft * Update 575 draft * Update 575 draft * Update 575 draft * Update 575 draft * Update 575 draft * Update 575 draft * Update 575 draft * Update 575 draft * Update 575 draft * Update 575 draft * Update 575 draft * Update 575 draft * Update 575 draft * Update 575 draft * Update 575 draft * Update 575 draft * Update 575 draft * Update 575 draft * Update _i18n/ja/_posts/2022/2022-01-18-parcel-2.2.0parcel-css-angularjs1.x-lts-faker.js.md * Delete _i18n/ja/_posts/2022/2022-01-18-575draft.md * Update _i18n/ja/_posts/2022/2022-01-18-parcel-2.2.0parcel-css-angularjs1.x-lts-faker.js.md Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
- Loading branch information
1 parent
a2bf92f
commit 27dc849
Showing
1 changed file
with
261 additions
and
0 deletions.
There are no files selected for viewing
261 changes: 261 additions & 0 deletions
261
...n/ja/_posts/2022/2022-01-18-parcel-2.2.0parcel-css-angularjs1.x-lts-faker.js.md
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,261 @@ | ||
| --- | ||
| title: "2022-01-18のJS: Parcel 2.2.0(Parcel CSS)、AngularJS(1.x) LTS終了、Faker.jsプロジェクト" | ||
| author: "azu" | ||
| layout: post | ||
| date : 2022-01-18T02:42:06.641Z | ||
| category: JSer | ||
| tags: | ||
| - React | ||
| - node.js | ||
| - Tools | ||
| - webpack | ||
| - CSS | ||
|
|
||
| --- | ||
|
|
||
| JSer.info #575 - Parcel 2.2.0がリリースされました。 | ||
|
|
||
| - [Release v2.2.0 · parcel-bundler/parcel](https://github.com/parcel-bundler/parcel/releases/tag/v2.2.0) | ||
|
|
||
| Parcel 2.2.0では、Parcel CSSというRustで書かれたCSSのparser, compiler, minifierが含まれています。 | ||
| まだ、試験的なプラグインとなっていますが、パフォーマンスやビルドしたCSSのサイズが改善されています。 | ||
|
|
||
| - [Announcing Parcel CSS: A new CSS parser, compiler, and minifier written in Rust!](https://parceljs.org/blog/parcel-css/) | ||
| - [Parcel CSS: A New CSS Parser, Transformer, and Minifier, a New CSS Parser | CSS-Tricks - CSS-Tricks](https://css-tricks.com/parcel-css/) | ||
|
|
||
| ---- | ||
|
|
||
| [AngularJS](https://angularjs.org/)(1.x系)のLTSが2021年12月31日で終了しました。 | ||
|
|
||
| - [Discontinued Long Term Support for AngularJS | by Mark Thompson (@marktechson) | Jan, 2022 | Angular Blog](https://blog.angular.io/discontinued-long-term-support-for-angularjs-cc066b82e65a) | ||
|
|
||
| 当初の予定よりLTSの期間が延長されていましたが、AngularJSのサポートは終了となります。 | ||
|
|
||
| - [Stable AngularJS and Long Term Support | by Pete Bacon Darwin | Angular Blog](https://blog.angular.io/stable-angularjs-and-long-term-support-7e077635ee9c) | ||
|
|
||
| ---- | ||
|
|
||
| Colors.jsと同じく作者による[Marak/faker.js](https://github.com/marak/Faker.js/)はリポジトリやパッケージの中身がなくなっている状態でした。 | ||
|
|
||
| - [2022-01-11のJS: グローバルなサイトにおけるCore Web Vitals、2021 JavaScript Rising Stars、colors.jsのインシデント対応 - JSer.info](https://jser.info/2022/01/11/core-web-vitals-2021-javascript-rising-stars-colors.js/) | ||
|
|
||
| これへの対応としてコミュニティによる[faker-js/faker](https://github.com/faker-js/faker)プロジェクトが公開されています。 | ||
|
|
||
| - [An update from the Faker team | Faker](https://fakerjs.dev/update.html#funding-yml) | ||
|
|
||
| これによりFaker.jsはコミュニティでのメンテナンスとなり`@faker-js/faker`として改めて公開されています。 | ||
| ForkではVersion 6 alphaの開発を進めていて、TypeScriptに書き直し、ドキュメントサイトの公開されています。 | ||
| また記事では、Open Collectiveを使ったFundingについても書かれています。 | ||
|
|
||
| ---- | ||
|
|
||
| ## お知らせ | ||
|
|
||
| JSer.infoは 2022-01-16 で11周年を迎えました。 | ||
|
|
||
| - [JSer.info 11周年: 目標は2025年までに交換可能にする、JSer.info アンケート - JSer.info](https://jser.info/2022/01/16/11-years/) | ||
|
|
||
| 11周年の記事でも書いていますが、現在JSer.infoについてのアンケートを実施しています。 | ||
|
|
||
| - JSer.info 11周年アンケート | ||
| - https://forms.gle/Uzs3wgSrkUgYxWdr5 | ||
|
|
||
| 是非、気軽に答えてみてください！ | ||
|
|
||
| ---- | ||
|
|
||
| <h1 class="site-genre">ヘッドライン</h1> | ||
|
|
||
| ---- | ||
|
|
||
| ## Release v5.66.0 · webpack/webpack | ||
| [github.com/webpack/webpack/releases/tag/v5.66.0](https://github.com/webpack/webpack/releases/tag/v5.66.0 "Release v5.66.0 · webpack/webpack") | ||
| <p class="jser-tags jser-tag-icon"><span class="jser-tag">webpack</span> <span class="jser-tag">ReleaseNote</span></p> | ||
|
|
||
| webpack 5.66.0リリース。 | ||
| Node.jsのESMからCJSをimportする際にnamed importできる形式で出力できる`libraryTarget: commonjs-static`を追加。 | ||
| CSSのネイティブサポートを目的とする実験的なフラグとして`experiments.css`を追加など | ||
|
|
||
| - [webpack 5.66.0 add library type: commonjs-static](https://gist.github.com/azu/eed67b26171fbb0643024ce3e1c85b35 "webpack 5.66.0 add library type: commonjs-static") | ||
|
|
||
| ---- | ||
|
|
||
| ## Announcing Parcel CSS: A new CSS parser, compiler, and minifier written in Rust! | ||
| [parceljs.org/blog/parcel-css/](https://parceljs.org/blog/parcel-css/ "Announcing Parcel CSS: A new CSS parser, compiler, and minifier written in Rust!") | ||
| <p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">CSS</span> <span class="jser-tag">bundler</span> <span class="jser-tag">ReleaseNote</span></p> | ||
|
|
||
| Parcel 2.2.0で、Rustで書かれたCSS parser/compiler/minifierが導入された。 | ||
| パフォーマンスやCSSのminifyのサイズなどが改善されている。 | ||
|
|
||
| - [Release v2.2.0 · parcel-bundler/parcel](https://github.com/parcel-bundler/parcel/releases/tag/v2.2.0 "Release v2.2.0 · parcel-bundler/parcel") | ||
| - [Parcel CSS: A New CSS Parser, Transformer, and Minifier, a New CSS Parser | CSS-Tricks - CSS-Tricks](https://css-tricks.com/parcel-css/ "Parcel CSS: A New CSS Parser, Transformer, and Minifier, a New CSS Parser | CSS-Tricks - CSS-Tricks") | ||
|
|
||
| ---- | ||
|
|
||
| ## Discontinued Long Term Support for AngularJS | by Mark Thompson (@marktechson) | Jan, 2022 | Angular Blog | ||
| [blog.angular.io/discontinued-long-term-support-for-angularjs-cc066b82e65a](https://blog.angular.io/discontinued-long-term-support-for-angularjs-cc066b82e65a "Discontinued Long Term Support for AngularJS | by Mark Thompson (@marktechson) | Jan, 2022 | Angular Blog") | ||
| <p class="jser-tags jser-tag-icon"><span class="jser-tag">Angular</span> <span class="jser-tag">JavaScript</span> <span class="jser-tag">news</span></p> | ||
|
|
||
| 2021年12月31日でAngularJS(1.x)のLTSが終了した。 | ||
| これ以降、AngularJSのメンテナンスは行われなくなる。 | ||
|
|
||
|
|
||
| ---- | ||
|
|
||
| ## An update from the Faker team | Faker | ||
| [fakerjs.dev/update.html](https://fakerjs.dev/update.html "An update from the Faker team | Faker") | ||
| <p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">library</span> <span class="jser-tag">news</span></p> | ||
|
|
||
| Faker.jsはコミュニティでのメンテナンスとなり`@faker-js/faker`としてForkされた。 | ||
| ForkではVersion 6 alphaの開発を進めていて、TypeScriptに書き直し、ドキュメントサイトの公開されている。 | ||
| また、Open Collectiveを使ったFundingについて | ||
|
|
||
|
|
||
| ---- | ||
|
|
||
| ## Release Rhino 1.7.14 · mozilla/rhino | ||
| [github.com/mozilla/rhino/releases/tag/Rhino1\_7\_14\_Release](https://github.com/mozilla/rhino/releases/tag/Rhino1_7_14_Release "Release Rhino 1.7.14 · mozilla/rhino") | ||
| <p class="jser-tags jser-tag-icon"><span class="jser-tag">Java</span> <span class="jser-tag">JavaScript</span> <span class="jser-tag">library</span></p> | ||
|
|
||
| JavaでのJavaScript実装であるRhino 17.14リリース。 | ||
| Promiseの実装、BigIntの実装、Template Literalの実装、`String.raw`の実装、`globalThis`の実装、`**`演算子の実装など。 | ||
| また、ES2019でのJSON supersetの変更やプロパティ名のショートハンドの対応なども含まれている。 | ||
|
|
||
|
|
||
| ---- | ||
|
|
||
| ## Announcing NAPI-RS v2 | NAPI-RS Docs | ||
| [napi.rs/blog/announce-v2](https://napi.rs/blog/announce-v2 "Announcing NAPI-RS v2 | NAPI-RS Docs") | ||
| <p class="jser-tags jser-tag-icon"><span class="jser-tag">Rust</span> <span class="jser-tag">node.js</span> <span class="jser-tag">library</span> <span class="jser-tag">ReleaseNote</span></p> | ||
|
|
||
| RustでNodeのNative Modulesを書けるNAPI-RS v2リリース。 | ||
| `#[napi]`マクロ、TypeScriptの型定義とJavaScriptのバインディングファイルの生成、`async fn`の対応など | ||
|
|
||
|
|
||
| ---- | ||
|
|
||
| ## Release Eleventy v1.0.0: First! · 11ty/eleventy | ||
| [github.com/11ty/eleventy/releases/tag/v1.0.0](https://github.com/11ty/eleventy/releases/tag/v1.0.0 "Release Eleventy v1.0.0: First! · 11ty/eleventy") | ||
| <p class="jser-tags jser-tag-icon"><span class="jser-tag">Tools</span> <span class="jser-tag">ReleaseNote</span></p> | ||
|
|
||
| 静的サイトジェネレータであるEleventy v1.0.0リリース | ||
|
|
||
|
|
||
| ---- | ||
|
|
||
| ## Release v13.0.0 · facebook/relay | ||
| [github.com/facebook/relay/releases/tag/v13.0.0](https://github.com/facebook/relay/releases/tag/v13.0.0 "Release v13.0.0 · facebook/relay") | ||
| <p class="jser-tags jser-tag-icon"><span class="jser-tag">GraphQL</span> <span class="jser-tag">library</span> <span class="jser-tag">ReleaseNote</span></p> | ||
|
|
||
| relay 13.0.0リリース。 | ||
| relay-compilerをRustで書き直して、パフォーマンスの改善やディレクティブの追加。 | ||
| relay-configの削除など | ||
|
|
||
| - [Introducing the new Relay compiler | Relay](https://relay.dev/blog/2021/12/08/introducing-the-new-relay-compiler/ "Introducing the new Relay compiler | Relay") | ||
|
|
||
| ---- | ||
| <h1 class="site-genre">アーティクル</h1> | ||
|
|
||
| ---- | ||
|
|
||
| ## A Visual Guide to useEffect | Alex Sidorenko | ||
| [alexsidorenko.com/blog/useeffect/](https://alexsidorenko.com/blog/useeffect/ "A Visual Guide to useEffect | Alex Sidorenko") | ||
| <p class="jser-tags jser-tag-icon"><span class="jser-tag">React</span> <span class="jser-tag">article</span></p> | ||
|
|
||
| Reactの`useEffect`の動きをビジュアライズした連載記事 | ||
|
|
||
|
|
||
| ---- | ||
|
|
||
| ## A brief introduction of vite-plugin-federation | by Vueshenzhen | Jan, 2022 | Medium | ||
| [medium.com/@vueshenzhen/a-brief-introduction-of-vite-plugin-federation-9e998b2e43b](https://medium.com/@vueshenzhen/a-brief-introduction-of-vite-plugin-federation-9e998b2e43b "A brief introduction of vite-plugin-federation | by Vueshenzhen | Jan, 2022 | Medium") | ||
| <p class="jser-tags jser-tag-icon"><span class="jser-tag">vite</span> <span class="jser-tag">plugin</span> <span class="jser-tag">article</span></p> | ||
|
|
||
| ViteでwebpackのModule Federationをするプラグインについて。 | ||
| webpack側をremoteにして、webpackとの統合もできる。 | ||
|
|
||
| - [originjs/vite-plugin-federation: Module Federation for vite & rollup](https://github.com/originjs/vite-plugin-federation "originjs/vite-plugin-federation: Module Federation for vite &amp; rollup") | ||
|
|
||
| ---- | ||
|
|
||
| ## Replit - Ace, CodeMirror, and Monaco: A Comparison of the Code Editors You Use in the Browser | ||
| [blog.replit.com/code-editors](https://blog.replit.com/code-editors "Replit - Ace, CodeMirror, and Monaco: A Comparison of the Code Editors You Use in the Browser") | ||
| <p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">editor</span> <span class="jser-tag">library</span> <span class="jser-tag">article</span></p> | ||
|
|
||
| JavaScriptで書かれたコードエディタライブラリであるAce、Monaco、CodeMirror 6を比較した記事 | ||
|
|
||
|
|
||
| ---- | ||
|
|
||
| ## Reactを取り巻く状態管理の潮流を学ぼう。HooksやServer Componentsなどの登場で何が変わるか - エンジニアHub｜Webエンジニアのキャリアを考える！ | ||
| [eh-career.com/engineerhub/entry/2022/01/13/090000](https://eh-career.com/engineerhub/entry/2022/01/13/090000 "Reactを取り巻く状態管理の潮流を学ぼう。HooksやServer Componentsなどの登場で何が変わるか - エンジニアHub｜Webエンジニアのキャリアを考える！") | ||
| <p class="jser-tags jser-tag-icon"><span class="jser-tag">React</span> <span class="jser-tag">JavaScript</span> <span class="jser-tag">article</span></p> | ||
|
|
||
| Reactの状態管理についての記事。 | ||
| React外で管理するRedux/XState、React中で管理するRecoil、フロントの状態を一時的なキャッシュとして扱うQuery系のSWRやreact-queryについて | ||
|
|
||
|
|
||
| ---- | ||
|
|
||
| ## JavaScriptのレガシー挙動を定めたAnnex Bをひたすら読む記事 | ||
| [zenn.dev/qnighy/articles/1d96f2c0c662f6](https://zenn.dev/qnighy/articles/1d96f2c0c662f6 "JavaScriptのレガシー挙動を定めたAnnex Bをひたすら読む記事") | ||
| <p class="jser-tags jser-tag-icon"><span class="jser-tag">ECMAScript</span> <span class="jser-tag">browser</span> <span class="jser-tag">spec</span> <span class="jser-tag">article</span></p> | ||
|
|
||
| ECMAScriptの仕様書で互換性のために非推奨のものとして定義されているAnnex Bについて | ||
|
|
||
| - [Annex Bを読む、の補足と附録](https://zenn.dev/qnighy/articles/550be3a1f42707 "Annex Bを読む、の補足と附録") | ||
|
|
||
| ---- | ||
|
|
||
| ## TypeScript解読アシスタント | TypeScript入門『サバイバルTypeScript』 | ||
| [typescriptbook.jp/code-reading-assistant](https://typescriptbook.jp/code-reading-assistant "TypeScript解読アシスタント | TypeScript入門『サバイバルTypeScript』") | ||
| <p class="jser-tags jser-tag-icon"><span class="jser-tag">TypeScript</span> <span class="jser-tag">Tools</span> <span class="jser-tag">document</span></p> | ||
|
|
||
| TypeScriptのコード中の構文の名前やリファレンスへのリンクを表示するツール | ||
|
|
||
|
|
||
| ---- | ||
|
|
||
| ## Form Validation Using JavaScript's Constraint Validation API | ||
| [blog.openreplay.com/form-validation-using-javascript-s-constraint-validation-api](https://blog.openreplay.com/form-validation-using-javascript-s-constraint-validation-api "Form Validation Using JavaScript's Constraint Validation API") | ||
| <p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">HTML</span> <span class="jser-tag">article</span></p> | ||
|
|
||
| FormのHTML要素、CSS、JavaScriptでのバリデーションについての記事。 | ||
|
|
||
|
|
||
| ---- | ||
| <h1 class="site-genre">ソフトウェア、ツール、ライブラリ関係</h1> | ||
|
|
||
| ---- | ||
|
|
||
| ## fox1t/turborepo-remote-cache: open-source implementation of the Turborepo custom remote cache server. | ||
| [github.com/fox1t/turborepo-remote-cache](https://github.com/fox1t/turborepo-remote-cache "fox1t/turborepo-remote-cache: open-source implementation of the Turborepo custom remote cache server.") | ||
| <p class="jser-tags jser-tag-icon"><span class="jser-tag">monorepo</span> <span class="jser-tag">node.js</span> <span class="jser-tag">server</span></p> | ||
|
|
||
| Turboのremote cache serverのオープンソース実装 | ||
|
|
||
|
|
||
| ---- | ||
|
|
||
| ## ngneat/elf: 🧙♀️ A Reactive Store with Magical Powers | ||
| [github.com/ngneat/elf](https://github.com/ngneat/elf "ngneat/elf: 🧙♀️ A Reactive Store with Magical Powers") | ||
| <p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">library</span></p> | ||
|
|
||
| RxJSを使ったステート管理ライブラリ。 | ||
| AngularのAkitaの人が作っている。 | ||
|
|
||
| - [Welcome to elf Discussions! · Discussion #5 · ngneat/elf](https://github.com/ngneat/elf/discussions/5#discussioncomment-1437521 "Welcome to elf Discussions! · Discussion #5 · ngneat/elf") | ||
|
|
||
| ---- | ||
| <h1 class="site-genre">書籍関係</h1> | ||
|
|
||
| ---- | ||
|
|
||
| ## Understanding JavaScript Promises | ||
| [ebooks.humanwhocodes.com/promises](https://ebooks.humanwhocodes.com/promises "Understanding JavaScript Promises") | ||
| <p class="jser-tags jser-tag-icon"><span class="jser-tag">Promises</span> <span class="jser-tag">book</span> <span class="jser-tag">JavaScript</span></p> | ||
|
|
||
| Promisesについての書籍 | ||
|
|
||
|
|
||
| ---- |