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

[![01.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/26088/2fa12aa7-d50f-59c5-b908-3576f7fb44e2.png)](https://risingstars.js.org/2023/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が、2023年に最もホットであったJavaScriptライブラリのランキングを発表しました。
選考基準は累計スター数ではなく、『2023年の一年間で増えたスターの数』です。
過去流行っていたけど落ち目となった技術は出てこないので、最近注目されている技術がわかります。

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

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


# JavaScript ライジングスター 2023

8回目のJavaScript ライジングスターにようこそ！
ここでは、2023年のJavaScriptエコシステムのトレンドを俯瞰することができます。

コピペで世界を獲ったUIコンポーネントを見守っていきましょう。

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


## 総合ランキング

![02.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/26088/7e4f244f-26ae-4ce6-eee8-589d7226b4e3.png)

1位： shadcn/ui
2位： Bun
3位： Excalidraw
4位： tldraw
5位： Next.js
6位： Supabase
7位： React
8位： Tauri
9位： Drizzle ORM
10位： htmx

### shadcn/ui 🏆

2023年、最もホットだったプロジェクトはshadcn/uiです。
これはTailwindを通してスタイルをカスタマイズすることができる、Reactで書かれたUIコンポーネントのコレクションです。

shadcn/uiは、アクセシビリティやキーボード操作などに対する一連のUIを提供するヘッドレスコンポーネントである[Radix UI Primitives](https://radix-ui.com/primitives)上に構築されています。
かわりにターミナルコマンドを実行することで、必要なコンポーネントだけを直接プロジェクトに組み込みます。
そしてコンポーネントをカスタマイズしたい場合は、自分のコードベースにあるコンポーネントのソースコードを直接編集します。

このプロジェクトが大成功した背景には、総合20位に入った[Tailwind CSS](https://tailwindcss.com/)の人気、React Server Componentsとの互換性、そして優れたドキュメントの存在があるでしょう。

現在、新進気鋭のReactプロジェクトはほとんどがshadcn/uiを採用しています。
またKent C. Doddsによって、[Epic Stack](https://www.epicweb.dev/epic-stack)にも選出されました。

他の例としてAIを挙げましょう。
[v0.dev](https://v0.dev/)はプロンプトから、shadcn/uiコンポーネントで構成されるJSXを生成します。素敵！

おっと大事なことを忘れていました。
[Best of JS](https://bestofjs.org/)は先日SPAからNext.jsに書き換えを行ったのですが、その後shadcn/uiを使っています。

shadcn/uiのアプローチは、既にほかのプロジェクトに影響を与え始めています。
・[shad-cn/svelte](https://shadcn-svelte.com/)はSvelte移植版です。
・[Draft UI](https://github.com/IHIutch/draft-ui)はRadixのかわりに[React Aria](https://react-spectrum.adobe.com/react-aria/)に構築された版です。

もっと詳しい分析については、[The anatomy of shadcn/ui](https://manupa.dev/blog/anatomy-of-shadcn-ui)を参照するとよいでしょう。


### Bun

2022年の王者Bunは、今年もその勢いを保っています。

Bunは、JavaScriptおよびTypeScriptアプリケーションを実行、ビルド、テスト、デバッグするオールインワンツールキットになることを目指しています。

[正式バージョン1.0](https://bun.sh/blog/bun-v1.0)が9月にリリースされ(グラフのピークを見てください)、Bunはついにプロダクションレベルになったと主張しました。

ドキュメントでは、Bunを今すぐ始めるのに役立つAPIおよびファイル操作、データベース操作などの優れたレシピが公開されています。

2023年末には[非常に力強い声明](https://twitter.com/bunjavascript/status/1732945030007099510)を発表しました。

:::note
We have one goal for 2024 Flip the default backend JavaScript runtime from Node.js to Bun

2024年のゴールは、デフォルトのJavaScriptランタイムをNode.jsからBunにすることだ。
:::

requireのような古き良きCommonJSを含むほとんどのNode.jsエコシステムとの互換性、そしてNext.js・Nuxt・Astroといった優れたフルスタックフレームワークの存在により、いずれはそれを実現してのけるかもしれません。

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

![03.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/26088/0aaf8ed2-34c5-f682-3dbb-f03ba2f2b578.png)

1位： React
2位： htmx
3位： Svelte
4位： Million
5位： Vue.js

### React

批判や論争がしばしば巻き起こるにも関わらず、Reactは2021年以降JavaScriptエコシステムのトップをひた走っています。
そして2023年もフロントエンドフレームワークのトップに立ちました。

Reactは10周年を記念した[ドキュメンタリー](https://www.youtube.com/watch?v=8pDqJVdNa44)を公開しました。
Reactがいかにして評価を勝ち得てきたが語られています。

しかし、Reactに批判的でない人もいないわけではありません。
Reactは古臭い過去の遺物と見る向きもあり、[Things you forgot (or never knew) because of React](https://joshcollinsworth.com/blog/antiquated-react)の記事ではその理由と代替ソリューションについて詳しく調査がなされています。
一方で支持者たちはReactの優れた適応力と再発明能力を高く評価しています。

争点のひとつは"signals"の欠如です。
これは[Solid](https://solidjs.com/)や[Preact](https://preactjs.com/)などで採用されている状態管理メカニズムです。
いっぽうReactの愛好者たちは、Reactのデータフローの予測可能性を支持しています。

Percelの開発者であるDevon Govettは、[以下のようにツイートしています](https://twitter.com/devongovett/status/1629540226589663233)。

:::note
The simplicity of UI as a function of state is lost when updates flow unpredictably.
予期せぬ流れで更新が行われると、UIのシンプルさが失われます。
:::


signalsについてさらに知りたい場合は、signalsを歴史的にまとめた[The Evolution of Signals in JavaScript](https://dev.to/this-is-learning/the-evolution-of-signals-in-javascript-8ob)を参照ください。


### htmx

第二位となった[htmx](https://htmx.org/)は、HTMLにインタラクティブ性を導入するために異なるアプローチをとったライブラリです。
JavaScriptを記述するのではなく、HTMLに属性を記述することで、リアルタイムの対話性や動的な更新が可能になります。

ファイルサイズが小さいこと、また既存のサーバ側フレームワークとシームレスに結合できることが高く評価されています。
htmxは`send HTML over the wire`と呼ばれるトレンドに従っており、クライアントはサーバから送られてきたJSONを処理するのではなく、HTMLをそのまま持ってくるという仕組みになっています。

同じような"属性ライブラリ"分野の有名どころとしては、[Alpine.js](https://alpinejs.dev/)が13位に入っています。

### Svelte

3位には、人気が高まり続けているSvelteが入りました。
ポストReactとしても名をよく上げられます。

「プロジェクト史上最も期待されているリリース」と自称しているSvelte 5では、リアクティビティに関する問題点を解消する[runes](https://svelte.dev/blog/runes)が導入されます。
Rich Harrisによる[この動画](https://www.youtube.com/watch?v=RVnxF3j3N8U)が、runesによって解決される事象について解説しています。

2023年に起きた焦点の幾つかはSvelteであり、たとえば[Hacker News](https://news.ycombinator.com/item?id=35892250)などが多くの議論を引き起こしました。
SvelteチームはTypeScriptを辞め、アノテーション付きJavaScriptを使うことを選択したのです。
タイプセーフの利点は保ちつつ、TypeScriptがもたらす複雑さや欠点を回避することを選びました。

### その他注目プロジェクト

[Million v3](https://million.dev/blog/million-3)は、ピュアJavaScript並の速度でReactコンポーネントを動かすことを可能にする軽量ライブラリです。

[Angular 17](https://blog.angular.io/introducing-angular-v17-4d7033312e4b)では、大幅なパフォーマンス向上、ドキュメントのリニューアル、ロゴの刷新などが行われました。

[Qwik](https://www.builder.io/blog/qwik-v1)はバージョン1に達しました。
最初はJavaScriptを含まないただのHTMLを高速に返しながらも、即座にインタラクティブな操作が可能になるフレームワークです

## Reactエコシステム

![04.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/26088/0fd896c4-3a27-618d-b1c3-272f4ae4b5fb.png)

1位： shadcn/ui
2位： Excalidraw
3位： Next.js
4位： Zustand
5位： Refine


:::note
ゲストライター：[Sébastien Lorber](https://sebastienlorber.com/)

SébastienはReactのアーリーアダプタであり、FacebookのオープンソースであるDocusaurusのメンテナです。
またReactとReact Nativeについてのニュースレター、[This Week in React](https://thisweekinreact.com/)を毎週発行しています。
:::

2023年、React Server Componentsの登場によってReactは第三世代に入りました。

ReactコアチームはVercelとコラボし、初めての安定版である[Next.js 13.4 App Router](https://nextjs.org/blog/next-13-4)をリリースしました。
Vercelは多くのリソースに貢献し、エキサイティングなイノベーションを主導しています。
しかし、Reactコアチームとの特権的な関係と、実験的機能への早期アクセスへの姿勢が時折批判を受けることもあります。
2023年には、Reactの新機能は一番最初にNext.jsのドキュメントに記載されることが普通になりました。

コミュニティは[fetch()の独自拡張](https://nextjs.org/docs/app/api-reference/functions/fetch)など一部の設計思想を評価しておらず、こちらは[元に戻されました](https://twitter.com/leeerob/status/1733154383410684148)。
またApp Routerの安定性や開発サーバのパフォーマンスに関する批判意見なども頻繁に見受けられました。
いっぽうReact Server Componentsは、バンドルサイズの縮小や、コードを大幅にシンプルにできることなど、非常に多くの利点がアーリーアダプタによって高く評価されました。

Reactチームは、[実験的機能の実装と展開戦略についての立場を表明](https://react.dev/blog/2023/05/03/react-canaries)しました。
カナリアバージョンは破壊的変更が入ることがありますが、その変更はドキュメント化されるため、フレームワークはカナリアバージョンを採用してもかまいません。
Reactは[ドキュメントも大きく整備されました](https://github.com/reactwg/server-components/discussions/7)。
[useFormState](https://react.dev/reference/react-dom/hooks/useFormState)や[use server](https://react.dev/reference/react/use-server)といった最新のAPIも徹底してドキュメント化されています。

また[Server Actions](https://react.dev/reference/react-dom/components/form#handle-form-submission-with-a-server-action)が登場しました。
これは[Next.js14](https://nextjs.org/blog/next-14)で安定版となったReactの新たなコア機能で、フォームの変更と送信についてシームレスなRPCコールを可能にします。

Remixの哲学に倣い、Server Actionsは[プログレッシブエンハンスメント](https://react.dev/reference/react-dom/components/form#display-a-form-submission-error-without-javascript)を念頭に設計されています。

2024年にはエキサイティングなことに、多くのフレームワークがReact Server Componentsを取り入れる動きを示しています。

・Remixは[React Server Componentsをロードマップに追加](https://twitter.com/ryanflorence/status/1729274387671760936)しました。
・Expoはクロスプラットフォームの[React Server Componentsをサポートする計画](https://blog.expo.dev/expo-router-v3-beta-is-now-available-eab52baf1e3e)を発表しました。
・Redwoodは[React Server Componentsに全てを賭けて](https://tom.preston-werner.com/2023/05/30/redwoods-next-epoch-all-in-on-rsc)います。
・Wakuは[React Server Componentsをサポートする](https://waku.gg/blog/introducing-waku)もっとも小規模なフレームワークです。
・Docusaurusは[ビルド時に静的なReact Server Componentsを出力する](https://github.com/facebook/docusaurus/issues/9089)予定です。

みんなが、[まもなく登場するであろう](https://twitter.com/acdlite/status/1719474730363662473)React19を心待ちにしています。


## Vueエコシステム

![05.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/26088/eba1bbe3-4e1c-b55a-ecd9-2592ad803a87.png)

1位： Nuxt
2位： Slidev
3位： Vue Element Admin
4位： VueUser
5位： Element Plus

:::note
ゲストライター：[Lucie Haberer](https://lihbr.com/)

[Nuxt](https://nuxt.com/)のコアチームメンバーで、講演者で、OSSの渡り鳥で、そして[Prismic](https://prismic.io/)のデベロッパーエクスペリエンスエンジニア。
:::

[Vue2](https://blog.vuejs.org/posts/vue-2-eol)がEOLになるとの発表を受け、2023年はVue3への大移動が行われました。

その過程において、移行を支援するための多くの努力が形になり、エコシステムが追い付き、発展は続きました。
要するに、素晴らしい結果が残ったということです。

[Nuxt3](https://nuxt.com/)のダウンロード数は既にNuxt2を追い越しました。
[Vuetify](https://vuetifyjs.com/en/)や[PrimeVue](https://primevue.org/)などのUIフレームワークは、大規模な、もしくは大規模でないアプリケーションの構築を、これまで以上に楽にしてくれます。
[VueUse](https://vueuse.org/)、[Pinia](https://pinia.vuejs.org/)、そして[TresJS](https://tresjs.org/)といった数多くのライブラリが、より良い開発者体験を提供するために成長と努力を続けています。

2022年に引き続き、開発者体験は最優先事項のひとつであり続けています。
[Vue3.3](https://blog.vuejs.org/posts/vue-3-3)では、`<script setup>`のTypeScriptサポートが強化されました。
Nuxtは8回のマイナーバージョンアップを行い、さらに[Nuxt DevTools](https://devtools.nuxt.com/)を公開しました。
アプリをより深く理解し、迅速な開発を助けるための分析力を提供します。

Evan Youが言ったとおり、2024年はVueにとってさらにエキサイティングな年になるでしょう。
まもなくVue 3.4がリリースされ、そして満を持して[Vapor mode](https://github.com/vuejs/core-vapor)が登場します。
さらなるパフォーマンス向上と、コミュニティの革新を目指して開発が続けられています。


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

![06.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/26088/f68e0c3f-6739-b208-9d72-6981d29c5082.png)

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

今年もバックエンド/フルスタックカテゴリの勝者は[Next.js](https://nextjs.org/)でした。

[バージョン14](https://nextjs.org/blog/next-14)ではサーバアクションの改善に主眼が置かれ、Partial Previewモードなどが導入されました。

さらにReact Server Componentsと一緒に使うことで、コードを大幅に簡素化する新しいパラダイムを手に入れることができます。
コンポーネントから直接データを非同期に取得し、データの更新もフォームをサーバアクションにバインドするだけです。

コンポーネントから直接SQLを発行する[プレゼンテーション](https://www.youtube.com/watch?v=9CN9RCzznZc&t=0s)については多くの言及がなされていますが、しかし多くの人が要点を見逃しているようにも見受けられます。
React Server Componentsはアプリケーション内のどこにでも置いておける自己完結型コンポーネントです。
この動画は、RSCが可能としたサーバコンポーネントとクライアントコンポーネントのシームレスな結合という新しいメンタルモデルの構築に非常に役立つものです。

2位の[Astro](https://astro.build/)は、評価をどんどん上げてきています。
本来はJavaScriptのない静的サイトを超高速に表示した後からインタラクティブ性を追加するというコンセプトでしたが、さらに動的ページ生成にも使用することができます。

`.astro`ファイルのテンプレートのシンプルさ(JSXにとてもよく似ている)と、優れたDX(美麗なCLI)に感銘を受けることでしょう。

[バージョン4](https://astro.build/blog/astro-4/)では、開発に役立つツールバー、全自動i18nルーティング、UIをさらに改善するためのView Transition APIなどが実装されました。


## ビルドツール

![07.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/26088/e746b743-bf4a-fef0-a929-2265db4ef90b.png)

1位： Bun
2位： Vite
3位： Biome
4位： Oxc
5位： Rspack

ご存じ[Bun](https://bun.sh/)は[バンドラ](https://bun.sh/docs/bundler)でもあるため、今回からビルドツールカテゴリに移動しました。

2位の[Vite](http://vitejs.dev/)は、今最も使われている多目的バンドラで、Astro・Nuxt・Remix・SolidStart・SvelteKitなどなど様々なメタフレームワークを支えています。
11月にリリースされた[バージョン5](https://vitejs.dev/blog/announcing-vite5)はRollup4をベースとしており、さらにパフォーマンスが向上しています。

さらにEvan Youは、Rust製RollupであるRolldownに取り組んでいることを[明らかにしました](https://twitter.com/youyuxi/status/1709943106215530867)。
Viteはさらに進化することでしょう。

3位の[Biome](https://biomejs.dev/)は、2023年のトピックのひとつです。
これは、コンパイラでありLinterでありフォーマッターでありバンドラでありテスターでもあるという非常に野心的であったプロジェクト[Romeの崩壊](https://bytes.dev/archives/175)に起因しています。
Romeはプロジェクトを支えていた会社が倒産し、Rome自体も中断してしまいましたが、幸いなことにそのforkがBiomeとして生まれ変わりました。

そして11月には『Prettierのテストの95%以上に合格するRust製コードフォーマッタを作る』というコンテスト、[Prettier Challenge](https://biomejs.dev/blog/biome-wins-prettier-challenge/)で優勝しました。
Prettierはこの業界の標準であるため、2024年にはBiomeの採用が増えていくことが予想されます。

Rustといえば、ByteDanceチームからの新星[Oxc](https://oxc-project.github.io/)と[Rspack](https://rspack.dev/)も現れました。
RspackはWebpackと互換しつつも比類なきパフォーマンスを発揮します。

それにしても、Rising Starsを始めて以来初めてWebpackがランキング外になりましたが、Webpackを採用しているプロジェクトの数を考えると実に不思議なことに感じられます。

## モバイル

![08.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/26088/3587e6bc-2cfb-7d19-7507-f4b08dafc3c7.png)

1位： Expo
2位： React Native
3位： Tamagui
4位： Quasar
5位： Capacitor

:::note
ゲストライター：[Evan Bacon](https://twitter.com/Baconbrix)

Expoのリードエンジニア。
iOSとAndroidアプリ開発者であり、Config PluginsとExpo CLIのオーサー。
:::

2023年、モバイルはWebアプリとネイティブアプリの開発者経験の統合に向けて、大きな進歩を遂げました。
ランキング上位に入ったExpo (1位)、Tamagui (3位)、Nativewind (6位)などを見れば明らかで、これらはコードの再利用性を最大限に高め、Web開発者のアクセシビリティを高めるという同じ目的をもって開発されています。

Tamagui (3位)、Nativewind (6位)、そしてReact Native Paper (7位) など、より良いスタイリングを目指すトレンドが間違いなく存在します。
これは全体ランキングで`shadcn-ui`がトップに立ったのと同じ傾向です。
この傾向は2024年も止まらないでしょう。

2022年、Reactチームは推奨するボイラープレートをCreate React Appから、RemixやNext.jsのようなフレームワークに変更しました。
それから1年経って、React Nativeのエコシステムにも同様な変化が現れました。
Expo・Tamagui・Igniteのようなフレームワークがいずれも人気を伸ばしており、React Nativeの開発パラダイムが進化しつつあることを示しています。
私が思うに、2024年にもこの流れは続くことでしょう。

React Nativeの優位性は、トップ10プロジェクトのうち7つがReact Nativeに関連していることからも明らかです。
残りの3プロジェクトはWebViewに関連するものであり、Webサイトをそのままアプリとして展開したい需要も間違いなく存在することを示しています。
おそらく2024年は、この両者のアプローチがひとつに統合され始める年になるでしょう。

全体として、2023年はモバイル開発にとって素晴らしい年でした。
2024年のトレンドの予想ですが、React Nativeのスタイリングソリューション、React Server Componentsなどを用いたネイティブのレンダリングパターンへの関心が高まっていくことはこれまで同様で、さらにAIドリブンのプロジェクトのサポート、またvisionOS関連プロジェクトに興味深いものが幾つか出てきそうです。

## スタイリング / CSS in JS

![11.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/26088/361031ab-6138-2ae6-64a2-45f1d432ad53.png)

1位： Tailwind CSS
2位： stylex
3位： UnoCSS
4位： Tamagui
5位： Panda


## CSSライブラリ

![12.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/26088/8fbcfdc7-40cb-4871-2621-9748f67044c9.png)

1位： DaisyUI
2位： Bootstrap
3位： Pico.css
4位： Bulma
5位： Primer


## テストツール

![13.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/26088/9d4c88fb-2099-4f81-6c94-2a5ef157fbd8.png)

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


## デスクトップ

![14.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/26088/52363936-affa-4e62-af42-685f71b24ffa.png)

1位： Tauri
2位： Wails
3位： Electron
4位： Nativefier
5位： Gluon


## 静的サイト

![15.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/26088/d367d48d-1184-fcb3-0a94-24baa88a67d2.png)


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


## 状態管理

![16.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/26088/0abcd3be-7cf4-9716-0c36-30af706a975a.png)

1位： Zustand
2位： Jotai
3位： XState
4位： Pinia
5位： Nano stores


## 図形描画ライブラリ

![17.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/26088/a2299045-770b-0e8b-7d83-877a3ac35858.png)

1位： Mermaid
2位： Echarts
3位： chart.js
4位： D3
5位： Mafs


## AI

![18.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/26088/64e95d18-65c6-2678-e25e-5ba549340921.png)

1位： LangChain.js
2位： TypeChat
3位： Vercel AI SDK
4位： Transformer.js
5位： Tesseract.js


## まとめ

2023年のドラマをいくつか振り返ってみよう。

・Svelteは型安全を維持しつつTypeScriptを投げ捨てた
・React論争(古すぎる、難しすぎる、PHPじゃん)
・Romeの崩壊とBiomeの台頭
・Angularが若返った
・Bunがバージョン1になった
・Astroが4.0になった
・Stylexがついにオープンソースになった

プロンプトや画像からUIを生成できるAIツールが現れ始めており、もしかしたら数年内にはAIフロントエンドエンジニアが現れるのではないかと期待しています。

しかし、このまとめを8回も書いていると、次のような疑問を抱かざるを得ません。
来年、AIはこのタスクを引き継いでくれるのだろうか？

今回のランキングは楽しめたでしょうか。
みんなにも共有してあげてください。
もしかしたら1年後には、2024年のライジングスターが帰ってくるかもしれませんよ！


# 感想

ということで2023年のランキングトップは[shadcn/ui](https://ui.shadcn.com/)でした。

UIライブラリといえば[MUI](https://mui.com/)とか[ChakraUI](https://chakra-ui.com/)とかがあるわけですが、`shadcn/ui`はそれらと思想が異なっており、導入はコードをコピペ、カスタマイズはコードを直接書き替えるという使い方なのが特徴です。
使ってみた人はみんな[褒め称えている](https://note.exawizards.com/n/n3ca419a4b81a)ので、今後のUIの主流になるかもしれません。
ならないかもしれません。


# Houkago Atelier Toiro ha iizo

[![21.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/26088/34046b52-8587-bd9f-d27c-a753ef37c909.png)](https://risingstars.js.org/2023/ja)