導入

PrimeVueは、豊富なUIコンポーネント、アイコン、ブロック、アプリケーションテンプレートで構成される、Vue.js向けの完全なUIスイートです。このプロジェクトの主な目標は、社内ライブラリとして簡単に調整およびカスタマイズできる再利用可能なソリューションを提供することにより、開発者の生産性を向上させることです。

このプロジェクトは、PrimeTek（PrimeFaces、PrimeNG、PrimeReactなど、人気のUIコンポーネントスイートの世界的に有名なベンダー）によって作成されました。私たちのチームのすべてのメンバーはPrimeTekの正社員であり、オープンソースに対する同じ情熱とビジョンを共有して素晴らしいUIライブラリを作成しています。サードパーティのライブラリに依存すると、ライブラリのメンテナンス担当者がプロジェクトの作業を中止することを決定した場合にリスクが生じる可能性がありますが、PrimeTekの実績が示すように、PrimeVueではそのようなことはありません。たとえば、PrimeFacesは2008年から積極的に保守されています。

PrimeVueは、スタイル付きまたはスタイルなしの2つのモードでスタイル設定できます。スタイル付きモードは、PrimeOneデザインのAura、Lara、Noraプリセットなどのテーマバリアントを備えたプリスキンコンポーネントに基づいています。一方、スタイルなしモードでは、機能とアクセシビリティを実装しながら、スタイル設定をユーザーが行います。スタイルなしモードでは、Tailwind CSS、Bootstrap、Bulma、または独自のCSSなどのCSSライブラリを利用するプラグ可能なアーキテクチャを実装することにより、スタイル設定を完全に制御できます。Tailwindプリセットライブラリも構築して、TailwindのユーティリティクラスでUIライブラリをスキンしました。このデザインは将来性があり、PrimeVueはコアで依存することなく、任意のCSSライブラリでスタイル設定できます。

PassThroughは、任意の属性を追加するための内部DOM要素へのアクセスを提供する革新的なAPIです。一般に、従来のUIコンポーネントライブラリは、新しいプロパティやイベントを追加することでAPIを拡張するためにライブラリのメンテナンス担当者に依存する開発者となる、限定的なAPIを使用してUIとロジックをカプセル化します。パススルーを使用すると、イベントと属性を追加するためにコンポーネントの内部にアクセスできるため、この制限が解消されます。一般的なユースケースには、テスト属性、追加のaria属性、カスタムイベント、スタイルの追加などがあります。

PrimeVueはWCAG 2.1 AAレベルのコンプライアンスを達成しています。各コンポーネントには、キーボードとスクリーンリーダーのサポートを含むいくつかの側面を文書化する専用のアクセシビリティセクションがあります。GitHubやDiscordなどのコミュニケーションチャネルを通じて、世界中の多くのアクセシビリティ専門家が継続的にフィードバックを提供し、アクセシビリティ機能をさらに改善しています。アクセシビリティガイドを参照して詳細をご覧ください。

PrimeVueはコミュニティからの資金援助を必要としません。代わりに、堅実な財政基盤を構築するために、Figma UIキット、プレミアムアプリケーションテンプレート、PrimeBlocksと呼ばれる再利用可能なUIブロックなどのオプションのアドオンを提供しています。アドオンはオプションであり、PrimeVueを使用する際に料金が発生することはありません。