Nuxt_UI_Proが無償化__されたので早速使ってみた.pdf

Transcript

1. Nuxt UI Proが無償化！ されたので早速使ってみた 2025.09.21＠俺の勉強会
2. 自己紹介 • 名前：こじま • Vue.js歴：3年 • Nuxt歴 ：1年 • LIKE：Vue.js & Cloudflare & Claude • 趣味：筋トレ & 釣り
3. Nuxt UI とは？ • 安心：✅Nuxt 公式のUIライブラリ！ • 充実：✅100以上のコンポーネント！ • 手軽：✅実装テンプレート もある！
4. Nuxt UI とは？ • 安心：✅Nuxt 公式のUIライブラリ！ • 充実：✅100以上のコンポーネント！ • 手軽：✅実装テンプレート もある！ なんだけど・・・
5. Nuxt UI とは？ でも Pro に手が出せなかった ...高額...
6. NuxtLabが買収された
7. • Nuxt UI Pro + Figma Kit 無償化（v4） • Nuxt Studioのオープンソース化 • NuxtHubがCloudflare以外にも対応 ユーザーへの影響は・・・？ → めっちゃオープンなるやん！
8. • ビジュ • API • ドキュメント • サポート • アクセシビリティ • パフォーマンス UIライブラリの評価軸
9. • ビジュ • API • ドキュメント • サポート • アクセシビリティ • パフォーマンス 今日はここのレビュー！ UIライブラリの評価軸
10. ビジュ：👍管理画面 & チャートいけます！ Nuxt UI 公式のテンプレートから参照
11. ビジュ：✌チャットも作れます Nuxt UI 公式のテンプレートから参照
12. API：☺ちょうどイイ！抽象度・拡張性 <template>で カスタマイズ範囲を 絞れる、広げられる
13. API：☺ちょうどイイ！抽象度・拡張性 ui から特定部分のスタイ ルの変更が可能！
14. ドキュメント： 😳ナビゲーション見やすい！
15. ドキュメント： 🙏propsの記載がちゃんとある！
16. サポート： 😈テンプレート！そのまま使える 8種類！
17. サポート： MCPサーバー
18. サポート： MCPサーバー 2025年9月17日リリースの v4.0.0-alpha.2から利用可能！ • コンポーネント の検索&参照 ◦ カテゴリー単位での検索も可能 • テンプレート の検索&参照 • ドキュメント の検索&参照 • 実装例の検索&参照 • バージョン移行ツール ◦ v3からv4への移行を意識してくれる
19. • ビジュ • API • ドキュメント • サポート • アクセシビリティ • パフォーマンス • MCPサーバー UIライブラリの評価軸 今後はAIフレンドリーであることも ライブラリとして重要になるかも〜
20. 使いたい？： 👇最新のv4にはここからアクセス！
21. Nuxt UI ガンガン使って 盛り上げよう！ 🔥