Zenn
Vue・Nuxt 情報が集まる広場 / Plaza for Vue・Nuxt.Publicationへの投稿
😍

UnJSについて

tokuda109
2024/01/08に公開
Nuxt
Nuxt 3
UnJS
tech

Nuxtは、ユニバーサルなVue.jsアプリケーションを構築するためのフレームワークです。
Nuxtは、UnJSというプロジェクトによって提供されている様々なライブラリを使って構築されています。Nuxtを深く知るためには、その背後にあるUnJSのライブラリがどのような機能を提供しているのか、Nuxtがそれらをどのように組み合わせて構築されているのかを理解する必要があります。

シリーズ記事

Vue.jsのバージョン2系のサポートは2023年12月31日に終了し、Nuxtのバージョン2系も2024年6月30日にサポートが終了する予定です[1][2]。これからNuxtやVue.jsを使う開発者(私を含め)は、バージョン3系の新しいナレッジを知る必要があります。

勿論NuxtやVue.jsの学習も同時並行で行いますが、UnJSの主要なライブラリを押さえておくことで、Nuxtを用いた開発をスムーズに行えるのではないかと考えました。Nuxtのバージョン3系は開発がアクティブで機能が頻繁に追加・更新されます。またドキュメンテーションで全ての情報を知ることができる訳ではないため、UnJSの主要なライブラリの知識は無駄になることはないと考えています。

しかし、UnJSのライブラリは数が多く、1つの記事で全てのライブラリを説明するのは難しいため、シリーズ記事として分割することにします。

調査予定のライブラリ

現時点でシリーズを通して、次のライブラリを取り上げて調査する予定です。

ライブラリ 機能(スローガン) 記事
H3 軽量で高速なHTTPサーバー H3 (unjs/h3)について
radix3 基数木に基づいて実装された高速なルーター radix3 (unjs/radix3)について
unenv 特定の実行環境に依存しないユニバーサルなJavaScriptコードに変換するライブラリ unenv (unjs/unenv)について
Nitro どの環境でも動作させることが可能なWebサーバーを構築するライブラリ Nitro (unjs/nitro)について
ofetch APIクライアント ofetch (unjs/ofetch)について
Consola console Consola (unjs/consola)について

ここに記載していないライブラリはたくさんあり、どのようなライブラリがあるのか知りたい方は「UnJS にどんなツールがあるのか、上位30件すべて紹介してみた (前編 / 後編)」という記事を一度目を通すことをお勧めします。

それでは前置きが長くなってしまいましたがUnJSのライブラリの紹介は次の記事から紹介し、この記事はUnJSというプロジェクト自体がどのようなものなのかを紹介します。

UnJSとは?

UnJSはUnified JavaScript Toolsの略で、JavaScriptの開発をより効率的かつ柔軟に行うために設計された、一連のオープンソースライブラリおよびツールを提供しているプロジェクトです。
UnJSで提供されているライブラリは50個以上あり、HTTPサーバー、ロガー、APIリクエスト等のウェブ開発でサードパーティライブラリとして一般的に用いられるものが提供されていて、こちらのページで全ライブラリを確認することができます。
これらのライブラリは、Nuxtのコアチームやコミュニティにより開発・保守されていますが、モジュール性が高く再利用可能なことから、Nuxt以外の様々なプロジェクトやユースケースに適応できるように作られています。

UnJSのトップページのスクリーンショット
プロジェクトのスローガンで「Unleash JavaScript's Potential with the UnJS Ecosystem」と示されているとおり、UnJSによってJavaScript開発を後押しすることを目的としていることが分かります

次の動画で、UnJSのライブラリのいくつかはNuxtから切り出されたものもあったみたいですが、Nuxtの依存を完全に廃し、ウェブの開発で一般的に共通化できる課題に対してライブラリ化していることが説明されています。

https://www.youtube.com/watch?v=7kWuEFW9hP4

運用方針

UnJS Governance Guideで、UnJSプロジェクトの運用方針について述べられていて、ライブラリはUNIX哲学に従って特定の目的のためだけに開発され、その作者やメンテナによって保守されます。

そしてUnJSプロジェクトのゴールとして次のものがあります:

  • 高品質で単一目的のJavaScriptユーティリティ: 各ライブラリは単一目的・特定の課題解決をするためのスコープに限定した機能提供をしています。しかし、各ライブラリは協調性があり、組み合わせることでより大きい課題を解決することもできるように設計されています。
  • 良くメンテナンスされたレポジトリによる健全なエコシステム
  • 既知かつ信頼性のある解決策の集まり
  • 協力的で歓迎的なエコシステム: コントリビューターからのPull Requestを歓迎しているようです。各ライブラリのIssuesを見ると「PR more than welcome」というコメントをよく見かけます。
  • 様々なエコシステムで同様な動作をするための一貫性と互換性: Node.js以外の様々な環境でも同様に動かすことができたり、どのようなプラットフォームかを意識せずにライブラリを使うことができます。
  • JavaScriptエコシステムの大部分に利益をもたらすための独立した開発: Nuxtチームと密接な関係はありますが、Nuxtからの依存や影響はなく、UnJSで独立した開発・運用をしています。

Pooya Parsa(@pi0)氏はUnJSのリード開発者で、UnJS全体のディレクションをしますが、各ライブラリの開発・保守や運営はライブラリ毎のメンテナに任せられています。各ライブラリに運営の自由度は与えられていますが、上記のUnJSの運営方針やゴールに沿った運用が求められます。

また、UnJSのメンバーの1人であるNozomu Ikuta(@NozomuIkuta)氏による「Deep Dive to UnJS and Nuxt 3」というプレゼンテーションにおけるUnJSの紹介は、UnJSの歴史や運営方針を知るうえで参考になるため、是非見てください。

ウェブサイト

UnJSのウェブサイトはパッケージ一覧とブログ記事がコンテンツとしてありますが、2024年からはコンテンツを増やしていくそうです[3]。チュートリアルやライブラリを使ったプロジェクト作成等がコンテンツとして公開されるみたいです。

また、2024年からはブログを毎月更新していく方針で、最新の開発状況やリリース報告等がブログ記事として公開される予定です。UnJSプロジェクトの状況を把握したい場合は、RSSを登録するか、@unjsioをフォローすると最新の情報を受け取れます。

参考動画

YouTubeでUnJSについて紹介している動画がいくつかあるので、紹介します:

変更履歴

  • 2024/02/01: 記事が読みやすくなるように微調整しました
脚注

  1. Vue 2 LTS, EOL & Extended Support ↩︎

  2. Nuxt 2 LTS, EOL & Extended Support ↩︎

  3. A New Home to Drive a Vision ↩︎

GitHubで編集を提案
Vue・Nuxt 情報が集まる広場 / Plaza for Vue・Nuxt.
Vue・Nuxt 情報が集まる広場 / Plaza for Vue・Nuxt.Publication

「Vue / Nuxt利用者が気軽に情報を得ることができ、またVue / Nuxt初学者がまずここを訪ねてみる」 と思える、そんなVue / Nuxtの情報が集まる広場。ハードルは低く、わちゃわちゃと知見が集まる広場へ。 ✍️ Articles: Vue, Nuxt, related libraries

Discussion