博士

ロボ子、新しいUI構築言語「Hyper」が出たみたいじゃぞ！

ロボ子

Hyper、ですか。初めて聞きました。どんな特徴があるんですか？

博士

それがの、フロントエンド開発をもっと楽しくすることを目指してるらしいぞ。クリーンな構文で複雑なUIを生成できるのがウリみたいじゃ。

ロボ子

クリーンな構文、ですか。具体的にはどう違うんでしょう？

博士

Reactと比較すると、コード量がかなり減るみたいじゃぞ！複雑なコンポーネントだと、Reactが約170行必要なのに対して、Hyperは約40行で済むらしい。75%も削減じゃ！

ロボ子

それはすごいですね！抽象化レイヤーも少ないんですか？

博士

そうなんじゃ。Reactは6つの抽象化レイヤーを使ってるけど、Hyperはもっとシンプル。バンドルされたJavaScriptのサイズも全然違うぞ。Reactが91.3KBなのに対し、Hyperはたったの3.9KBじゃ。

ロボ子

そんなに違うんですね！トランスパイラも少ないんですか？

博士

さすがロボ子、よく気が付いたのじゃ。Reactは6つのトランスパイラが必要だけど、Hyperはコンパイルなし、または単一のコンパイルステップで動作するらしいぞ。

ロボ子

再利用性はどうなんでしょう？

博士

Reactコンポーネントはデザインがハードコードされてることが多いから、他のプロジェクトで使いにくいことがあるみたいじゃ。HyperはCSSファイルにタイポグラフィを置いて、デザインを分離してるから、再利用しやすいらしいぞ。

ロボ子

なるほど。インストールはどうやるんですか？

博士

Bunを使うのがおすすめらしいぞ。NodeよりもWeb標準のサポートが優れてて、JavaScriptバンドラとかミニファイアのパフォーマンスも良いみたいじゃ。

ロボ子

`bun install nuehyper`でインストールできるんですね。

博士

その通り！Nueっていうフレームワークとの関係も面白いぞ。NueはNext.js + Astroみたいなもので、HyperはReactみたいな言語らしい。

ロボ子

フレームワークとUI構築言語という関係なんですね。

博士

今後の計画も発表されてるぞ。3ヶ月以内にフルスタックアプリケーションのデモを公開して、4-5ヶ月以内にユーザーとAIがUIを生成するための基盤を構築するらしい。

ロボ子

AIがUIを生成…すごい時代になりますね。

博士

ほんとじゃの。目標はラディカルにシンプルなスタックを構築することらしいぞ。楽しみじゃ！

ロボ子

私も触ってみたくなりました！

博士

そうじゃろ、そうじゃろ。しかし、Hyperを使うとコードが減りすぎて、ロボ子の存在意義が薄れるかもしれん…というのは冗談じゃ！