Vue / Vite 関連ライブラリー名の読み方 2024

Vue/Vite 関連のライブラリー名の読み方は間違えられやすいものが多く、混乱を招くことがあります。この記事では、2024 年現在における Vue/Vite 関連ライブラリーの正式な読み方や由来をまとめ、正しい知識を共有することを目的としています。

• 4/5 13:00 記事タイトルを一部変更（ライブラリー → ライブラリー名）、Volar の項を更新
• 4/5 22:00 nuxi, Nitro, UnJS を追加。Vike の項を更新

Vue

https://ja.vuejs.org/

フロントエンド UI フレームワークのひとつ。
「ヴュー」と読む（口語だと「ビュー」と発音することが多い）。

Vue（発音は /vjuː/、view と同様）
https://ja.vuejs.org/guide/introduction.html#what-is-vue

Pinia

https://pinia.vuejs.org/

Vue 公式の状態管理ライブラリー。
「ピーニャ」と読む。スペイン語で「パイナップル」を表す単語 piña に由来。
「ピニア」ではない。

Pinia (pronounced /piːnjʌ/, like "peenya" in English)
https://pinia.vuejs.org/introduction.html#Why-Pinia

Vite

https://ja.vitejs.dev/

フロントエンドビルドツール。
「ヴィート」と読む（口語だと「ビート」と発音することが多い）。
「ヴァイト」は間違い。

Vite（フランス語で「素早い」という意味の単語で /vit/ ヴィートのように発音）
https://ja.vitejs.dev/guide/#概要

Vitest

https://vitest.dev/

Vite ベースのテスティングフレームワーク。
「ヴィーテスト」と読む。

pronounce "Vite" and "test".
https://twitter.com/patak_dev/status/1775197526624215281

Nuxt

https://nuxt.com/

Vue ベースの Web アプリケーションフレームワーク。
「ナクスト」と読む。

it's nʌkst 👍
https://github.com/nuxt/nuxt/issues/355#issuecomment-284785564

nuxi

https://github.com/nuxt/cli

Nuxt に内蔵されている CLI コマンド。
リードエンジニアは「ナクスィ」と発音している。
「ナクストスィーエルアイ」が由来と思われる。

Nuxt Nation 2023 Day 1 talks （2:52:16 あたり）
https://vi.to/hubs/nuxtnation/pages/nn2023-day-1-recording-1080p-mp4

Nitro

https://nitro.unjs.io/

Nuxt で使用されているサーバーサイドフレームワーク。もちろん単体でも使用可能。
作者は「ナイトロ」と発音している。

Nuxt Nation 2023 Day 2 talks （4:22:30 からのセッション）
https://vi.to/hubs/nuxtnation/pages/nuxt-nation-2023-day-2-talks

UnJS

https://unjs.io/

高品質で単機能の JavaScript ライブラリー群。Nuxt 内でふんだんに使用されており、上記の Nitro も UnJS の一部。
作者は「アンジェイエス」と発音している。"Unified JavaScript Tools" の略。

Nuxt Nation 2023 Day 2 talks （Nitro と同じ 4:22:30 からのセッション）
https://vi.to/hubs/nuxtnation/pages/nuxt-nation-2023-day-2-talks

Vetur

https://vuejs.github.io/vetur/

以前の Vue 公式 VS Code 拡張機能。
「ヴェーター」のように読む。アイスランド語で「冬」の意味。

/ˈvɛːtʏr/
https://github.com/vuejs/vetur/issues/1957#issuecomment-640339851

Volar

https://volarjs.dev/

現在の Vue 公式 VS Code 拡張機能のコア部分となるライブラリー。
メンテナーの人は「ヴォラー」のように発音している^[1]（公式ドキュメントには由来の記載なし）。

Erika Moreau | Introducing Volar, a Common Framework for Language Tooling | ViteConf 2023
https://www.youtube.com/watch?v=hupuMUgAKF0

Histoire

https://histoire.dev/

Vue/Svelte^[2] 向けのコンポーネントカタログのライブラリー。
（Vue コアチームメンバーが作っているが、公式ライブラリーではない）。
「イストワール」と読む。フランス語で「物語」を表す単語。
「Historie ヒストリエ」とスペルが似ていて混同されがち。

Histoire is the French word for "Story" and is pronounced /is.twaʁ/, like "is·twar"
https://histoire.dev/guide/#overview

Vike

https://vike.dev/

Vite ベースのメタフレームワーク。Vue や React など主要な UI フレームワークが利用でき、ファイルベースルーティングや SSR などの機能を提供（これも公式ライブラリーではない）。
「ヴァイク」と読む^[3]。

Vaik, like a bike :)
https://twitter.com/alourot/status/1776151202331312628

おわりに

いろいろ調べているうちに新しい発見があって面白かったです。
他に掲載すべきライブラリー等がある場合はコメント欄や SNS にて情報提供をお願いします！ 🙏

脚注

1. morinokami さんに公演動画の情報をいただきました。ありがとうございます！ 🙏

2. 記事の主旨と外れるが、Svelte は「スベルト」と読む。なぜか「スベルテ」と読まれがち。https://twitter.com/SvelteJapan

3. ubugeeei さんがコアメンバーの方に質問してくれました。ありがとうございます！ 🙏