【JavaScript】JavaScript ライジングスター 2022

[<img target="_blank" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/26088/cc140e5f-4a82-35c5-36fd-14201ec76cec.png">](https://risingstars.js.org/2022/en)

[2023](https://qiita.com/rana_kualu/items/ce708e90c77456944840) / [2022](https://qiita.com/rana_kualu/items/627411dcb086669e5902) / [2021](https://qiita.com/rana_kualu/items/b23a1bccae742bd031ef) / [2020](https://qiita.com/rana_kualu/items/e8a0f8f5589ff082539d)

JavaScriptライブラリのトレンドを紹介しているbestofjs.orgが、2022年に最もホットであったJavaScriptライブラリのランキングを発表しました。
選考基準は累計スター数ではなく、『2022年の一年間で増えたスターの数』です。
過去流行っていたけど落ち目となった技術は出てこないので、最近注目されている技術がわかります。

ちなみに2016年～2019年の総合ランキング1位はVue.jsが4連覇、2020年の1位はDeno、2021年の1位はzxです。

以下は2022年のランキング、[2022 JavaScript Rising Stars](https://risingstars.js.org/2022/en)の日本語訳です


# JavaScript ライジングスター 2022

7回目のJavaScript ライジングスターにようこそ！

毎年恒例、2022年の12か月におけるJavaScriptエコシステムのトレンドプロジェクトを紹介していこうと思います。

今年の覇者は、笑顔の入ったおいしいパンです！
一年を笑顔で始められるのはとてもよいことですね！


以下は、2022年の12か月で増加したGitHubのスターの数によるランキングです。
Webプラットフォームベストプロジェクトを集めたリストである[Best of JS](https://bestofjs.org/)からの分析となります。
なお、プロジェクトをクリックすると、より詳細な情報を見ることができます。

## 総合ランキング

![02.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/26088/becb47ac-27c7-252c-9da2-3ccfa48b755f.png)

1位： Bun
2位： Tauri
3位： React
4位： Next.js
5位： Vite
6位： tRPC
7位： Astro
8位： VS Code
9位： Tabby
10位： Playwright

### Bun

今年の総合優勝は、[Bun](https://bun.sh/)です🏆

パフォーマンスとDXにこだわった新しいJavaScriptランタイムであるBunは、2022年夏のベータ版リリース直後から人気沸騰しました。
一か月で20000以上のスターを獲得しましたが、Best of JSがプロジェクトのトラッキングを始めて以来、これほどの爆発は見たことがありません。

しかしいったい、何がBunをこれほど特別に押し上げたのでしょうか？
Bunは、2年前の総合優勝である[Deno](https://deno.land/)と同じくTypeScriptをナチュラルにサポートしています。

さらにBunはただのランタイムではなく、以下のような機能も持っています。
・パッケージマネージャ(Yarn、npm、pnpmのような)
・ビルドツール(Webpack、ESBuild、Parcelのような)
・テストランナー
・その他諸々

Bunは`package.json`から依存関係をインストールすることができます。
Bunはスクリプトを実行することができます。
そして、他のランタイムよりも高速に、それらを行うことができます。

Bunは、JavaScriptエコシステムにおいて、パフォーマンスに焦点を合わせた新たな試みです。

Fetchなどの標準的Web API、およびNode.js APIの多くをサポートしており、またほとんどのnpmパッケージとも互換しています。
まだプロダクションレベルにまでは達していないかもしれません(Windowsのサポートがない)が、非常に将来有望なツールです。
Denoに比べると歴史は浅いですが、早々とフレームワーク[Elysia](https://elysiajs.com/)が登場しており、最速のHTTPフレームワークであると主張しています。

Bunの最も驚くべきところは、作者の[Jarred Sumner](https://twitter.com/jarredsumner)が、全ての機能を[Zig](https://ziglang.org/)という低水準言語でゼロから実装したというところです。

これ以上詳しく知りたければ、[A Complete Overhaul of the JavaScript Ecosystem](https://www.lunasec.io/docs/blog/bun-first-look/)を読むとよいでしょう。


### Tauri

2021年は5位だった[Tauri](https://tauri.app/)は、2022年には新たに3万の星を獲得し、人気を広げつつあります。
これはRust製のデスクトップアプリケーション作成ツールであり、Web技術を使って製作できることが特徴です。

2022年6月にはついに[バージョン1.0](https://tauri.app/blog/2022/06/19/tauri-1-0)に到達しました。

セキュリティとパフォーマンスに重点を置いて作られています。
競合の[Electron](https://electronjs.org/)と比べると、使用するAPIや機能などを開発者が指定する必要があるかわりに、フットプリントが小さくて済みます。

### React / Next.js

3位の[React](https://reactjs.org/)と4位の[Next.js](https://nextjs.org/)は同じくらいの数値であり、共に2万人を獲得しました。

2022年10月にリリースされた[Next.js 13.0](https://nextjs.org/blog/next-13)においては、React 17で導入された[React Server Components](https://www.plasmic.app/blog/how-react-server-components-work#what-are-react-server-components)がフル活用されています。

ReactのメンテナのひとりAndrew Clarkは、Server Componentsの将来について[こちら](https://twitter.com/acdlite/status/1585029529361612801)で大胆に語っています。

Server Components is the future of React and our goal is to spread this architecture to the entire React ecosystem, regardless of framework
Server ComponentsはReactの未来であり、我々の目標はこのアーキテクチャをReact全体に広げることである。

### Vite

5位の[Vite](http://vitejs.dev/)は、最もトレンドなアプリケーションビルドツールであり、素晴らしい開発者体験を提供します。
2022年は[6月のv3](https://vitejs.dev/blog/announcing-vite3.html)、[12月のv4](https://vitejs.dev/blog/announcing-vite4.html)と2回のメジャーアップデートが行われました。

[SvelteKit](https://kit.svelte.dev/)や[Qwik](https://qwik.builder.io/)といったフレームワーク、テストツール[Vitest](https://vitest.dev/)など多くのプロジェクトと力を合わせています。


## フロントエンドフレームワーク

![03.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/26088/8851f0c8-b68d-1a6c-87f9-4ad6adb20a98.png)

1位： React
2位： Qwik
3位： Solid
4位： Svelte
5位： Vue.js 2

2022年はReactが頂点に立ちました。
なお、Vue.jsはv2とv3のリポジトリに分かれているため、合算すれば近いくらいの力関係となります。

目新しいところとしては、[Qwik](https://qwik.builder.io/)が2位に上昇しました。
QwikはReactに比較的似ており、テンプレートをJSXで書きますが、主な違いは、ブラウザに送られるJavaScriptの量を最小限にすることにフォーカスしているところです。

これは"ゼロベースJavaScript"と呼ばれるトレンドのひとつです。
最近のWebサイトやWebアプリケーションは、ブラウザのパフォーマンスに影響を与えるほどJavaScriptの重さが肥大化することがよくあります。
たとえサーバサイドレンダリングを使ったとしても、JavaScriptをロードし、解析し、実行するまでユーザは待たされます。

SSRでレンダリングされたページにインタラクティブ性を与える方法として、Qwikは[hydration](https://www.builder.io/blog/hydration-is-pure-overhead)ではなく、Resumabilityという技術を用いています。
状態をHTML内にシリアライズすることで、極めて高速な初動を実現します。

このプロジェクトはAngularJSの開発者である[Miško Hevery](https://twitter.com/mhevery)によって進められています。
AngularJSのスローガンが『HTMLをWebアプリのために強化する』であるのに対して、Qwikは『HTMLファーストのフレームワーク』であり、即ち古き良きHTMLの上にアプリを構築するという意図を持っています。

## Reactエコシステム

![04.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/26088/ee146f08-3af8-50e9-b010-e18794f3b7dc.png)

1位： Next.js
2位： tRPC
3位： Mantine
4位： Excalidraw
5位： Zustand

2022年は、Reactのこだわりがより強くなった年でした。

Reactは今でもどんなWebページにでも適用できるライブラリです。
しかしReactはさらに、インタラクティブで応用性がありパフォーマンスの高いフロントエンドを実現するためのアーキテクチャに進化しています。

3月にリリースされたReact18では、フレームワークのアーキテクチャを刷新する機能とAPIが同時に提供されました。
[React Server Components](https://beta.nextjs.org/docs/rendering/server-and-client-components)も、新しいアーキテクチャパターンと連動するように設計されています。

[use client](https://github.com/reactjs/rfcs/pull/227)など幾つかの規約がフレームワーク間で標準化されつつあり、また[async/await](https://github.com/reactjs/rfcs/pull/229)などその他についても[ベータ版](https://nextjs.org/blog/next-13#new-app-directory-beta)などを通じてブラッシュアップが図られています。

2023年は、React個々の新機能によるイノベーションだけではなく、より広くReactエコシステムそのものにも大きなイノベーションが起こることでしょう。
UIコンポーネントだけではなく、型安全性を向上させるライブラリも成長し続けます。

## Vueエコシステム

![05.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/26088/63e3795c-2a0f-9a93-0de8-96d62f17dd1b.png)

1位： Slidev
2位： Nuxt 3
3位： Vue Element Admin
4位： AutoAnimate
5位： Headless UI


2022年はVueのメジャーアップデートが多数ありました。
[Vue2.7](https://blog.vuejs.org/posts/vue-2-7-naruto.html)ではComposition APIがネイティブサポートされ、`<script setup>`構文がVue2にバックポートされました。

これによって、Vue3への移行がよりスムーズになります。
[`<script setup>`](https://vuejs.org/api/sfc-script-setup.html)はStableとなり、さらにDXを強化するための[Reactivity Transform](https://vuejs.org/guide/extras/reactivity-transform.html)がExperimentalとして利用可能です。
Vueチームはまた、Solid.jsに触発された新しいレンダリング戦略、"Vapor mode"に取り込んでいます。
これによってVueはさらに高いパフォーマンスを発揮できるようになるはずです。

Vueのエコシステムが十分に成熟しつつあることは、[Nuxt 3](https://nuxt.com/)と[Vuetify 3](https://next.vuetifyjs.com/en/getting-started/installation/)のStableがリリースされたことからもわかるでしょう。
[Vite](https://vitejs.dev/)はこの一年で倍に成長し、そして[create-vue](https://github.com/vuejs/create-vue)、Nuxt、[Quasar](https://github.com/quasarframework/quasar)、[Astro](https://astro.build/)といった数々の新しいフレームワークが多くのユーザに採用されつつあります。

Viteのおかげで、Vueユーザは[Vitest](https://vitest.dev/)や[Histoire](https://histoire.dev/)といった良い開発体験を得ることができました。
さらに[vue-termui](https://vue-termui.dev/)のような、独創的すぎるVueの使い方も現れています。

今年はDXにとって、なんとも素晴らしい年です。
これらのツールでワークフローをこれまで以上に向上できることを願っています。
そして、次に何が来るかを楽しみにしています。


## バックエンド/フルスタック

![06.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/26088/a3b2b860-4b4a-7db0-f580-e7cde9cd9298.png)

1位： Next.js
2位： tRPC
3位： Astro
4位： create-t3-app
5位： Remix

フロントエンドがこれまでより多くのことをサーバ上で行うようになってきているため、フロントエンドとバックエンドのフレームワークの境界は徐々に曖昧になってきています。
そこ、このセクションでは、フルスタックフレームワーク、メタフレームワーク、バックエンドフレームワークについて紹介します。

### Next.js

前回と同じく、[Next.js](https://nextjs.org/)がこのセクションの覇者になりました。
バージョン13では、React Server Componentsや、`app`ディレクトリという新しい機能が追加されました。
開発者は各機能を使うことにより、ネストされたルートを強力に処理することができるようになります。


### tRPC and the create-t3-app

このセクション最大の変化は、[tRPC](https://trpc.io/)が2位に上がってきたことです。
REST VS GraphQLのことはいったん忘れてください。
tRPCを後押しする[JSON RPC 2.0](https://en.wikipedia.org/wiki/JSON-RPC)プロトコルも存在します。
サーバで定義された型をクライアントでインポートすることで、E2Eの型安全性を実現する機能が非常に秀逸です。

4位の[create-t3-app](https://create.t3.gg/)を、tRPC・Next.js・[Tailwind CSS](https://tailwindcss.com/)と組み合わせたスタックは人気のあるボイラープレートになっています。


### Astro

3位の[Astro](https://astro.build/)は2021年に現れた静的サイトジェネレータであり、パーシャルハイドレーションという概念を世に知らしめました。

Astroチームは快適な開発者体験を実現することに注力しており、[Astro 1.0のリリース](https://astro.build/blog/astro-1/)においてもそのことが強調されています。

新しいSSRのサポートと、ReactやSCSSといった多くのフロントエンドツールを巻き込んだ統合により、Webアプリ開発が極めて容易に感じられることでしょう。


### Remix


5位の[Remix](https://remix.run/)は急成長を続けています。
2021年にオープンソース化されたのち、わずか1年で[Shopifyに買収](https://remix.run/blog/remixing-shopify)されました。

Kent C. Doddsによるブログ記事、[The Web Next Transition](https://www.epicweb.dev/the-webs-next-transition)において、Remixが画期的である理由が明快に示されています。

静的生成だけに頼るのではなく、分散コンピューティングやネイティブブラウザの機能も活用することで、優れたパフォーマンスと素晴らしい開発者体験の両方を提供します。


## ビルドツール

![07.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/26088/6bb7310a-5e4c-c3bb-9ee6-c36951f44054.png)

1位： Vite
2位： Turborepo
3位： swc
4位： Nx
5位： Rome

2022年もViteが勢いを保ち続け、最もポピュラーなフロントエンドツールのひとつになりました。
その前身であった[Snowpack](https://www.snowpack.dev/)は既にメンテナンスされておらず、公式にもViteの使用が推奨されています。
Viteの採用はVueエコシステムに留まるわけではありません。
[SvelteKit](https://kit.svelte.dev/)や[Storybook](https://storybook.js.org/blog/first-class-vite-support-in-storybook/)、[Vitest](https://vitest.dev/)をはじめ、[Create-React-App](https://create-react-app.dev/)の代替にすら使われます。

モノレポのためのビルドツールとして、[Nx](https://nx.dev/)や[Turborepo](https://turbo.build/repo)が台頭しつつあります。
Nxの開発元であるNwrlは[Lerna](https://blog.nrwl.io/lerna-is-dead-long-live-lerna-61259f97dbd9)の運営を引き継ぎ、Nxに最適化された[Lerna 6](https://blog.nrwl.io/lerna-reborn-whats-new-in-v6-10aec6e9091c)をリリースしました。

[Bable](https://babeljs.io/)は依然として人気を保っていますが、[swc](https://swc.rs/)や[esbuild](https://esbuild.github.io/)といったツールが多くの新しいプロジェクトやメタフレームワークに採用されつつあります。
これら新しいツールは、ビルドとトランスパイルの性能を大きく向上させることができます。
また[swc](https://swc.rs/)は[プラグインシステム](https://swc.rs/docs/plugin/ecmascript/getting-started)を提供しているため、よりモジュール化を進められます。

Vercelは、新しいバンドルツール、[Turbopack](https://turbo.build/pack)を発表しました。
これはWebpackの作者である[Tobias Koppers](https://twitter.com/wSokra)が取り組んでいる、Rust製の非常に高速なバンドルツールです。

[Rome](https://rome.tools/)は[初めての安定版をリリース](https://rome.tools/blog/2022/11/08/rome-10/)しました。
興味深いリンターとフォーマッターを持っており、今のところ採用は控えめですが今後増えていくことが期待されます。

2023年は、Rust製のフロントエンドツールがたくさんニュースになることでしょう。
・[Lightning CSS](https://lightningcss.dev/)：旧[Parcel CSS](https://parceljs.org/blog/parcel-css/)。高速なCSSツールチェイン。
・[Speedy TypeScript type checker](https://github.com/dudykr/stc)：tscのより高速な代替。
・[mdxjs-rs](https://github.com/wooorm/mdxjs-rs)：[MDX](https://mdxjs.com/)のより高速な実装。


## モバイル

![08.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/26088/ccb67863-3ef3-a328-498f-0844f47a8445.png)

1位： React Native
2位： Expo
3位： React Native Skia
4位： Ionic
5位： Quasar


2022年は、ネイティブアプリをJavaScriptで構築する世界が大きな進展を見せました。
[Replitモバイルアプリ](https://twitter.com/amasad/status/1582754714575257600)の登場や、[ShopifyアプリをReact Nativeにする](https://shopify.engineering/migrating-our-largest-mobile-app-to-react-native)といった成功に代表されます。
実際React Nativeに関連するリポジトリがモバイルカテゴリのトップ10のうち7個を占めており、そしてReact Nativeは7年連続でモバイルカテゴリの1位に輝き続けています。

またReact Nativeの成功に加え、人気のあるWebパターンをモバイルに持ち込む傾向もみられました。
[Tailwind CSS](https://tailwindcss.com/)をモバイルアプリに広げる[NativeWind](https://nativewind.dev/)、レンダリングの[Skia](https://shopify.github.io/react-native-skia/)などです。

[Expo](https://docs.expo.dev/)がファイルシステムベースのルーティングという、古典的なWeb機能を採用したことからも、ネイティブアプリの開発がウェブ開発のますます身近になりつつあることを示しています。

モバイルアプリの将来を予測することは困難ですが、この1年のことを考えると、2023年はウェブアプリとモバイルアプリの垣根がますます低くなっていくことでしょう。


## CSS in JavaScript

![11.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/26088/93596e8d-bfec-c948-51dd-1facf02410d3.png)

1位： UnoCSS
2位： vanilla-extract
3位： Styled Components
4位： Stitches
5位： Emotion


## テスト

![12.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/26088/73f3734c-bfac-6c2b-0613-1d6959b52ae5.png)

1位： Playwright
2位： Storybook
3位： Cypress
4位： Puppeteer
5位： Vitest

## デスクトップ

![13.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/26088/6f6fad37-43ea-4551-e5b9-eff46ef3c228.png)

1位： Tauri
2位： Electron
3位： Nativefier
4位： Neutralino
5位： electron-builder


## 静的サイト

![14.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/26088/de27ff89-873b-12d4-d4e7-c410ab0b6b25.png)

1位： Next.js
2位： Astro
3位： Docusaurus
4位： Nuxt 3
5位： Nextra


## 状態管理ライブラリ

![15.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/26088/cb8880ad-0e78-7fbf-e093-f1c11e2f6798.png)

1位： Zustand
2位： Pinia
3位： Jotai
4位： XState
5位： Recoil


## GraphQL

![16.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/26088/4733ac74-c5d6-30b0-090c-cbc61592cd7d.png)

1位： TanStack Query
2位： Directus
3位： Redwood
4位： Hasura GraphQL Engine
5位： Gatsby


## まとめ

2022年は、非常に人気のあったライブラリが作者自らによって壊されるという波瀾から始まりました。
[Faker.jsとcolors.jsのこと](https://www.theregister.com/2022/01/10/npm_fakerjs_colorsjs/)です。

巨大なエコシステムの脆弱性は、モノレポツールである[Lerna](https://lerna.js.org/)がもうメンテナンスしないと宣言したときに再び顕現しました。
このときは[Nx](https://nx.dev/)のバックにいるNrwlがLernaを引き継ぐことでなんとかなりましたが。

JavaScriptは世界を埋め尽くす。
2009年になされた、こんな予言を覚えている人もいるかもしれません。

> JavaScriptで書くことのできるアプリケーションは、いずれJavaScriptで書かれるようになる。

13年の時を経て、この予言には少しばかり追記が必要になるかもしれません。
『もしくはTypeScriptで。』
DenoでもBunでも、Nex.jsでもViteでも、TypeScriptがJavaScriptを書くためのデファクトスタンダードになりつつあるからです。

コードベースやツールにおいてJavaScriptは、開発者とエンドユーザの両方に対して障害になってきています。
・大規模なコードベースでは、ビルド時間が青天井になる。
・JavaScriptのサイズは肥大化し続けており、パフォーマンスの低下を招いている。

2022年には、これらの問題を解決するために様々なレイヤで幾つものイノベーションが生まれました。

・今年のチャンピオンである[Bun](https://bun.sh/)は、インストールやビルドにかかる時間を減らすため思い切ったアプローチをとりました。
・ひとつのツールで全てを完結させるために[Rome](https://docs.rome.tools/)は生まれました。
・ビルドツール[Vite](http://vitejs.dev/)。

ブラウザでのパフォーマンスについては、様々なアプローチが見られます。

・ブラウザでJSをほとんど動かさない、ゼロベースJavaScript。[Qwik](https://qwik.builder.io/)
・静的ページにインタラクティブ性をPartial Hydrationする。[Astro](https://astro.build/)
・処理をサーバ側で行うReact Server Components。[Next.js13](https://nextjs.org/)・[Gatsby](https://www.gatsbyjs.com/)
・妥協せずに優れたDXとパフォーマンスの両方を追求する[Progressively Enhanced Single Page Apps](https://www.epicweb.dev/the-webs-next-transition)アーキテクチャ。[Remix](https://remix.run/)

静的な"ページ"から、完全に動的な"アプリ"まで、Webが担っている範囲はとても広いため、たったひとつで全てを解決する特効薬は存在しません。

かつてのJavaScriptは、一方では動きの異なる複数のブラウザ、もう片方では独自のモジュールシステムとAPIを持つNodeと、完全に分断されていました。
エッジコンピューティングの台頭により、標準化されたAPI(fetch・HTTP Request/Responseなど)をどこでも使いたいという強いトレンドが生まれつつあります。

ゲストライターのLee Robinsonが、[Why I'm Optimistic About JavaScript's Future.](https://leerob.substack.com/p/why-im-optimistic-about-javascripts)という記事において、これらのトレンドについて素晴らしいまとめをしてくれています。

そして我々も、その気持ちを共有しています。

> Web開発者であるということは、なんと素敵なことでしょう。



# 感想

ということで大方の予想通り、2022年に最も伸びたライブラリは[Bun](https://bestofjs.org/projects/bun)でした。
[Node](https://bestofjs.org/projects/nodejs)とだいたい同じことができながら桁が違うレベルで高速であり、さらに[Deno](https://bestofjs.org/projects/deno)が対応してなかったnpmも使えるということから、公開されるや否や圧倒的なスターを獲得しました。
また[当初は個人開発](https://qiita.com/shadowTanaka/items/5fb99819629dcaab3e05#comment-e639c7d6131b167358bc)であり危うかった足元も[資金調達に成功](https://codezine.jp/article/detail/16428)したことで固まりそうです。
もちろんNodeやDenoも指を咥えて見ているわけではなく、Denoは[公式フレームワークをリリース](https://fresh.deno.dev/)したり、[npmをサポートしつつパーミッションモデルという付加価値](https://qiita.com/rana_kualu/items/ac5471ecc45eed510446)を付け加え、Nodeも[パーミッションを導入しよう](https://yosuke-furukawa.hatenablog.com/entry/2023/01/12/160406)としているようです。
まあそもそも2022年のスタート地点がNodeは84k☆、Denoは79k☆、Bunはほぼゼロですから、新参に星が集まるのは自然なことでしょう。
今後はビルドの早さだけではなく、どれだけ安定するか、どれだけエコシステムを成長させられるかが、更に採用が広まるか、いつのまにか消えているかの境界になるのではないでしょうか。


さていっぽう2020年までの常連であり常にReactと競っていたVueは、今年は上位陣どころか30位にすら入っていません。
これはVueが凋落したというより、Vue2からVue3への移行に難航しているのが理由だと思われます。
[Vue2](https://bestofjs.org/projects/vuejs-2)は2022年の獲得☆が9.7k、[Vue3](https://bestofjs.org/projects/vuejs-3)は7.9kであり、足すと17.6kとなり総合5位に位置する程度です。
しかしいまだにVue2のほうが増加人数が多いことからもわかるように、世代交代がいまいちうまくいっていません。
もちろんVue側もこの問題は認識していて、[Composition APIをVue2にバックポート](https://blog.vuejs.org/posts/vue-2-7-naruto.html)して移行しやすくしたりといった努力を払っています。
この施策がうまくいけば、今後は徐々にVue3もふたたび復権していくのではないでしょうか。


ところで[Wikipedia](https://en.wikipedia.org/wiki/Jeff_Atwood)によると[アトウッドの法則](https://jayaprabhakar.medium.com/rethinking-atwoods-law-64a894b54aa4)は2007年らしいですが、これはどちらが正しいのだろう。


# Houkago Atelier Toiro ha iizo

[<img target="_blank" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/26088/82279eef-11c6-b836-f556-a8bebcf3ac37.png">](https://risingstars.js.org/2022/ja)