🦁

[鵺]Nue.jsがフロントエンドを永遠に塗り替えるらしい

2023/09/17に公開
2

はじめに

Twitterでとあるポストを見て、Nue.jsというフレームワークを知りました。
サイトを見ても誇大広告っぽいですが、勢いが凄いのも事実なので記事にしてみます。

名前はなんだろう?ぬえ?でもGitHubのロケーションがフィンランドだったので違うかもしれないです。にゅーかな?

Nue.jsについてざっくり

公式サイトによると、

Nue.jsはReact、VueとかNext.js、Vite、Astroとか全部を代替できるくらい恒久的にパワフルなフレームワーク(意訳)

らしいです。自信満々ですね。

実際に触っていないのでわかりませんが公式サイトによると以下のようなファイルベースルーティングができるっぽい?

機能としてはSEO最適化やSSRがあるそうで、CSRはオプションっぽい。

伸びについて

このNue.js、なんと数日前にファーストコミットされてます。(2023年9月13日にファーストコミット)
そして、Star Historyはコチラ。

数日で1kに迫る伸び。これは凄いですね。

コードについて

Nue.jsは以下のような構文です。

<div @name="media-object" class="{ type }">
  <img src="{ img }">
  <aside>
    <h3>{ title }</h3>
    <p :if="desc">{ desc }</p>
    <slot/>
  </aside>
</div>

こんな感じで、HTMLベースですね。Vueに似てるとも思いましたが、どちらかというとAlpine寄りかな?
どちらにせよあまり見ない構文です。

ただ、これでReactだと2500行のコードを200行にまでできるらしい。
本当だったらありがたいですね。

また、Nue CSSとか、MVCとか、Markdown拡張とかも追加予定らしいです。わくわく。

おわりに

Nue.jsはルーティングもしてくれるフルスタックフレームワークであり、Alpineっぽい構文でした。
結構JavaScriptにもHTMLにも寄ってる構文っぽいので、実装は楽そうです。
が、TypeScriptに親和ではなさそうなので日本の開発者にはあまり好まれなさそうな雰囲気でした。(Alpineも然り)
ただ、数日で伸びが凄いことや、最近のDHHさん主導のTypeScript離れも相まってまだどうなるかはわかりません。

個人的にはReactには劣りますが結構好き。これからの展望に期待です。

筆者について

50いいねありがとうございますm(_ )m
筆者はのんびり個人開発をしている学生です。
kanadesh.comでブログをちょっとだけやってもいるので、ぜひ遊びに来て下さいm( _)m

Discussion

Naughie(なっふぃ)Naughie(なっふぃ)

“Nue” comes from the German word /neue/, which translates to “new” in English.

(https://nuejs.org/faq/)

スペルはドイツ語の neu(e),発音は英語の /n(j)u:/ となっていて,言葉遊びとして楽しいですね.

JSX とは異なり HTML ベースでコーディングできるなら,開発者目線では直感的に書けるのかもしれません.おもしろそうですね!

砂漠砂漠

フロントエンド・JavaScript情勢は複雑怪奇…もうRailsとLaravelだけが救いです…