-
-
Notifications
You must be signed in to change notification settings - Fork 70
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
2024-01-02のJS: Vue 3.4、Vue 2.xのEOL、quick-lint-js 3.0.0、AstroとDenoの202…
…3年まとめ (#1150) * Update 675 draft * Update 675 draft * Update 675 draft * Update 675 draft * Update 675 draft * Update 675 draft * Update 675 draft * Update 675 draft * Update 675 draft * Update 675 draft * Update 675 draft * Update 675 draft * Update 675 draft * Update 675 draft * Update 675 draft * Update _i18n/ja/_posts/2024/2024-01-02-vue-3.4-vue-2.xeol-quick-lint-js-3.0.0-astrodeno2023.md * Delete _i18n/ja/_posts/2024/2024-01-02-675draft.md * Delete _i18n/ja/_posts/2023/2023-12-31-675draft.md * Update _i18n/ja/_posts/2024/2024-01-02-vue-3.4-vue-2.xeol-quick-lint-js-3.0.0-astrodeno2023.md * Update _i18n/ja/_posts/2024/2024-01-02-vue-3.4-vue-2.xeol-quick-lint-js-3.0.0-astrodeno2023.md * Update 2024-01-02-vue-3.4-vue-2.xeol-quick-lint-js-3.0.0-astrodeno2023.md * Update _i18n/ja/_posts/2024/2024-01-02-vue-3.4-vue-2.xeol-quick-lint-js-3.0.0-astrodeno2023.md --------- Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
- Loading branch information
1 parent
699d523
commit 73a0c6b
Showing
1 changed file
with
222 additions
and
0 deletions.
There are no files selected for viewing
222 changes: 222 additions & 0 deletions
222
.../_posts/2024/2024-01-02-vue-3.4-vue-2.xeol-quick-lint-js-3.0.0-astrodeno2023.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,222 @@ | ||
| --- | ||
| title: "2024-01-02のJS: Vue 3.4、Vue 2.xのEOL、quick-lint-js 3.0.0、AstroとDenoの2023年まとめ" | ||
| author: "azu" | ||
| layout: post | ||
| date: 2024-01-02T01:21:04.024Z | ||
| category: JSer | ||
| tags: | ||
| - Vue | ||
| - performance | ||
| - CSS | ||
| - book | ||
| - pnpm | ||
|
|
||
| --- | ||
|
|
||
| JSer.info #675 - Vue 3.4 がリリースされました。 | ||
|
|
||
| - [Announcing Vue 3.4 | The Vue Point](https://blog.vuejs.org/posts/vue-3-4) | ||
|
|
||
| Vue 3.4ではVueテンプレートのパーサーのパフォーマンス改善、`watchEffect`の改善、`defineModel`がStable APIに変更されています。 | ||
| また、`v-bind`が同名の場合の省略記法を追加、Hydrationのエラー表示を改善などの変更も含まれています。 | ||
| 破壊的な変更として、global `JSX` namespaceの型を定義しないように変更、実験的な機能だったReactivity Transformの削除なども含まれています。 | ||
|
|
||
| 関連して、Vue 2.x は2023年12月31日にサポートが終了し、End of Life(EOL)となりました。 | ||
|
|
||
| - [Vue 2 Has Reached End of Life](https://v2.vuejs.org/eol/) | ||
|
|
||
| 最終バージョンは2.7.16となっています。 | ||
|
|
||
| - [Release v2.7.16 "Swan Song" · vuejs/vue](https://github.com/vuejs/vue/releases/tag/v2.7.16) | ||
|
|
||
| --- | ||
|
|
||
| C++書かれたJavaScriptのLintツールであるQuick-lint-js 3.0.0がリリースされました。 | ||
|
|
||
| - [TypeScript Clearly & Quickly](https://quick-lint-js.com/blog/version-3.0/) | ||
| - [Release 3.0.0 (2024-01-01) · quick-lint/quick-lint-js](https://github.com/quick-lint/quick-lint-js/releases/tag/3.0.0) | ||
|
|
||
| Quick-lint-js 3.0.0では、TypeScriptのサポートが追加されています。 | ||
|
|
||
| --- | ||
|
|
||
| 次の記事では、2023年のAstroとDenoの主要な変更点についてまとめられています。 | ||
|
|
||
| - [Astro ゆく年くる年](https://zenn.dev/morinokami/articles/astro-2023-2024) | ||
| - [2023年のDenoの変更点やできごとのまとめ](https://zenn.dev/uki00a/articles/whats-new-for-deno-in-2023) | ||
|
|
||
| それぞれ主要な変更点や今後の変更についても書かれているので、興味がある方は読んで見ると良いかもしれません。 | ||
|
|
||
| ---- | ||
|
|
||
| {% include inline-support.html %} | ||
|
|
||
| ---- | ||
|
|
||
| <h1 class="site-genre">ヘッドライン</h1> | ||
|
|
||
| ---- | ||
|
|
||
| ## Release v8.13.1 · pnpm/pnpm | ||
| [github.com/pnpm/pnpm/releases/tag/v8.13.1](https://github.com/pnpm/pnpm/releases/tag/v8.13.1 "Release v8.13.1 · pnpm/pnpm") | ||
| <p class="jser-tags jser-tag-icon"><span class="jser-tag">pnpm</span> <span class="jser-tag">ReleaseNote</span></p> | ||
|
|
||
| pnpm v8.13.1リリース。 | ||
| `pnpm cat-index`/`pnpm cat-file`/`pnpm find-hash`コマンドの追加など | ||
|
|
||
|
|
||
| ---- | ||
|
|
||
| ## moment/CHANGELOG.md at develop · moment/moment | ||
| [github.com/moment/moment/blob/develop/CHANGELOG.md#2300-full-changelog](https://github.com/moment/moment/blob/develop/CHANGELOG.md#2300-full-changelog "moment/CHANGELOG.md at develop · moment/moment") | ||
| <p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">library</span> <span class="jser-tag">ReleaseNote</span></p> | ||
|
|
||
| moment 2.30.0リリース。 | ||
|
|
||
| - [moment-2.30.0.md](https://gist.github.com/ichernev/e277bcd1f0eeabb834f60a777237925a "moment-2.30.0.md") | ||
|
|
||
| ---- | ||
|
|
||
| ## Release 3.35.0 - 2023.12.29 · zloirock/core-js | ||
| [github.com/zloirock/core-js/releases/tag/v3.35.0](https://github.com/zloirock/core-js/releases/tag/v3.35.0 "Release 3.35.0 - 2023.12.29 · zloirock/core-js") | ||
| <p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">library</span> <span class="jser-tag">polyfill</span> <span class="jser-tag">ReleaseNote</span></p> | ||
|
|
||
| core-js v3.35.0リリース。 | ||
| `{ Map, Set, WeakMap, WeakSet }.{ from, of }`の`this`に関する挙動の変更など | ||
|
|
||
|
|
||
| ---- | ||
|
|
||
| ## Announcing Vue 3.4 | The Vue Point | ||
| [blog.vuejs.org/posts/vue-3-4](https://blog.vuejs.org/posts/vue-3-4 "Announcing Vue 3.4 | The Vue Point") | ||
| <p class="jser-tags jser-tag-icon"><span class="jser-tag">Vue</span> <span class="jser-tag">ReleaseNote</span></p> | ||
|
|
||
| Vue 3.4リリース。 | ||
| Vueテンプレートのパーサーのパフォーマンス改善、`watchEffect`の改善、`defineModel`をStable APIに変更。 | ||
| `v-bind`が同名の場合の省略記法を追加、Hydrationのエラー表示を改善。 | ||
| global `JSX` namespaceの型を定義しないように変更、実験的な機能だったReactivity Transformの削除など | ||
|
|
||
|
|
||
| ---- | ||
|
|
||
| ## Vue.js | ||
| [v2.vuejs.org/eol/](https://v2.vuejs.org/eol/ "Vue.js") | ||
| <p class="jser-tags jser-tag-icon"><span class="jser-tag">Vue</span> <span class="jser-tag">news</span></p> | ||
|
|
||
| Vue 2は2023年12月31日でEnd of Life (EOL)となり、サポートが終了した。 | ||
| 最終バージョンは2.7.16 | ||
|
|
||
|
|
||
| ---- | ||
|
|
||
| ## TypeScript Clearly & Quickly | ||
| [quick-lint-js.com/blog/version-3.0/](https://quick-lint-js.com/blog/version-3.0/ "TypeScript Clearly & Quickly") | ||
| <p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">TypeScript</span> <span class="jser-tag">ESLint</span> <span class="jser-tag">ReleaseNote</span></p> | ||
|
|
||
| Quick-lint-js 3.0リリース。 | ||
| TypeScriptのLintに対応、JSXのLintの改善など | ||
|
|
||
| - [Release 3.0.0 (2024-01-01) · quick-lint/quick-lint-js](https://github.com/quick-lint/quick-lint-js/releases/tag/3.0.0 "Release 3.0.0 (2024-01-01) · quick-lint/quick-lint-js") | ||
|
|
||
| ---- | ||
| <h1 class="site-genre">アーティクル</h1> | ||
|
|
||
| ---- | ||
|
|
||
| ## Next.jsを4年間使用してたどりついた、エンタープライズアプリケーションのフロントエンド開発・構築手法 | POSTD | ||
| [postd.cc/how-i-approach-and-structure-enterprise-frontend-applications-after-4-years-of-using-nextjs/](https://postd.cc/how-i-approach-and-structure-enterprise-frontend-applications-after-4-years-of-using-nextjs/ "Next.jsを4年間使用してたどりついた、エンタープライズアプリケーションのフロントエンド開発・構築手法 | POSTD") | ||
| <p class="jser-tags jser-tag-icon"><span class="jser-tag">Next.js</span> <span class="jser-tag">article</span> <span class="jser-tag">translate</span></p> | ||
|
|
||
| Next.jsのPages Routerでのアプリケーションアーキテクチャについて。 | ||
| Next.jsのディレクトリ構造、ツール、コーディングスタイルについてなど | ||
|
|
||
|
|
||
| ---- | ||
|
|
||
| ## Web Performance Calendar » Measuring, monitoring and optimizing TTFB with Server timing | ||
| [calendar.perfplanet.com/2023/ttfb-server-timing-measuring-monitoring-optimizing/](https://calendar.perfplanet.com/2023/ttfb-server-timing-measuring-monitoring-optimizing/ "Web Performance Calendar » Measuring, monitoring and optimizing TTFB with Server timing") | ||
| <p class="jser-tags jser-tag-icon"><span class="jser-tag">performance</span> <span class="jser-tag">JavaScript</span> <span class="jser-tag">article</span></p> | ||
|
|
||
| `Server-Timing` HTTP Response Headerについて。 | ||
| `Server-Timing`のフォーマット、Node,jsでレスポンスを組み立てる例など | ||
|
|
||
|
|
||
| ---- | ||
|
|
||
| ## Web Performance Calendar » Digging through Chrome traces: an introduction with an example | ||
| [calendar.perfplanet.com/2023/digging-chrome-traces-introduction-example/](https://calendar.perfplanet.com/2023/digging-chrome-traces-introduction-example/ "Web Performance Calendar » Digging through Chrome traces: an introduction with an example") | ||
| <p class="jser-tags jser-tag-icon"><span class="jser-tag">Chrome</span> <span class="jser-tag">performance</span> <span class="jser-tag">article</span></p> | ||
|
|
||
| ChromeのTraceについて。 | ||
| DevToolsは現在のタブのデータだけだが、Chromeのシステムのトレースを見られる`chrome://tracing`について。 | ||
| DevToolsのパフォーマンスパネルとトレースの使い分け、トレースファイルのフォーマット、トレースとChromeのコードベースの対応の調べ方について。 | ||
|
|
||
|
|
||
| ---- | ||
|
|
||
| ## SvelteKit はどのようにコンパイルしているのか？ | ||
| [blog.osstech.co.jp/posts/2023/11/how-sveltekit-compiles/](https://blog.osstech.co.jp/posts/2023/11/how-sveltekit-compiles/ "SvelteKit はどのようにコンパイルしているのか？") | ||
| <p class="jser-tags jser-tag-icon"><span class="jser-tag">Svelte</span> <span class="jser-tag">vite</span> <span class="jser-tag">article</span></p> | ||
|
|
||
| SvelteKitのコンパイルの仕組みであるvite-plugin-svelteとViteについて。 | ||
| `/__inspect/`でのコンパイルの確認方法、Viteについて。 | ||
|
|
||
|
|
||
| ---- | ||
|
|
||
| ## Astro ゆく年くる年 | ||
| [zenn.dev/morinokami/articles/astro-2023-2024](https://zenn.dev/morinokami/articles/astro-2023-2024 "Astro ゆく年くる年") | ||
| <p class="jser-tags jser-tag-icon"><span class="jser-tag">astro</span> <span class="jser-tag">article</span></p> | ||
|
|
||
| Astroの2023年の主要な変更点についてのまとめ。 | ||
| Content Collections、Hybrid Rendering、Middleware、Custom Client Directives、 Page Partials、Dev Toolbar。 | ||
| また関連プロジェクトについてなど | ||
|
|
||
|
|
||
| ---- | ||
|
|
||
| ## 2023年のDenoの変更点やできごとのまとめ | ||
| [zenn.dev/uki00a/articles/whats-new-for-deno-in-2023](https://zenn.dev/uki00a/articles/whats-new-for-deno-in-2023 "2023年のDenoの変更点やできごとのまとめ") | ||
| <p class="jser-tags jser-tag-icon"><span class="jser-tag">deno</span> <span class="jser-tag">article</span></p> | ||
|
|
||
| Denoの2023年の主要な変更点について。 | ||
| Node.jsとの互換性のの改善、`deno.json`のオプションの追加、Deno KV/Queues/Cronの追加、実験的なパッケージマネージャの実装、`deno jupyter`コマンドの追加など。 | ||
| また、`deno_std`のv1リリースに向けてモジュールの削除や構造の変更などが行われていることについて | ||
|
|
||
|
|
||
| ---- | ||
| <h1 class="site-genre">ソフトウェア、ツール、ライブラリ関係</h1> | ||
|
|
||
| ---- | ||
|
|
||
| ## speed-highlight/core: 🌈 Light, fast, and easy to use, dependencies free javascript syntax highlighter, with automatic language detection | ||
| [github.com/speed-highlight/core](https://github.com/speed-highlight/core "speed-highlight/core: 🌈 Light, fast, and easy to use, dependencies free javascript syntax highlighter, with automatic language detection") | ||
| <p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">library</span></p> | ||
|
|
||
| 自動で言語を判定する機能を持つシンタックハイライトライブラリ | ||
|
|
||
|
|
||
| ---- | ||
|
|
||
| ## Pagefind | Pagefind — Static low-bandwidth search at scale | ||
| [pagefind.app/](https://pagefind.app/ "Pagefind | Pagefind — Static low-bandwidth search at scale") | ||
| <p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">Rust</span> <span class="jser-tag">library</span> <span class="jser-tag">search</span> <span class="jser-tag">nodejs</span></p> | ||
|
|
||
| 静的サイト向けの全文検索エンジンとUIライブラリ。 | ||
| 検索インデックスをchunkに分けて作成し、ブラウザから取得する検索インデックスも必要な部分だけをロードすることで、大きなサイトでも転送量を小さく保つ仕組みを持つ。 | ||
|
|
||
|
|
||
| ---- | ||
| <h1 class="site-genre">書籍関係</h1> | ||
|
|
||
| ---- | ||
|
|
||
| ## Tailwind CSS実践入門：書籍案内｜技術評論社 | ||
| [gihyo.jp/book/2024/978-4-297-13943-8](https://gihyo.jp/book/2024/978-4-297-13943-8 "Tailwind CSS実践入門：書籍案内｜技術評論社") | ||
| <p class="jser-tags jser-tag-icon"><span class="jser-tag">CSS</span> <span class="jser-tag">book</span></p> | ||
|
|
||
| 2024年1月26日発売 | ||
| Tailwind CSSについての書籍 | ||
|
|
||
|
|
||
| ---- |