はじめに
今後、新しいプロジェクトで、Vue,Nuxtを使いそうなので、調べたところ今時のフロントエンドはいい感じのライブラリーがたくさんあることを知りました。
どれが、どのようにいいとかが正直わからかったので、とりあえず公式サイトまとめを作ってみました。
対象読者
- Vue(Nuxt)を始めるよって人
- フレームワークたくさんあるので、ドキュメントをまとめたものをみたいって人
フレームワークたち
更新
ここに全部のってました😂
https://codezine.jp/article/detail/11566
Boostrap
言わずと知れた。
その昔、サイトのデザインを見ればこれはBootsrapでできているってわかったなぁ。
Bulma
Flex Box レスポンシブ対応
公式サイト
Tachyins
軽量cssフレームワーク
公式サイト
参考記事
手軽にコーディングするならやっぱりBootstrapよりTACHYONSだなぁ
Element UI
デスクトップ用のフレームワーク(レスポンシブではない)
iView
中華製のフレームワーク
Element UI と似ている
公式サイト
参考記事
Vue.jsのUIデザインフレームワークにiViewを導入する
Who's using iView
vuetify
日本語記事が多い印象
公式サイト
参考記事
Vueでもっと幸せになりたいあなたへ。VueのUIコンポーネントライブラリVuetifyのススメ
Buefy
Bulma をベースにした、vue用のフレームワークらしい
Bulmaと何が違うのかな？軽量なのかな？
公式サイト
Ant desing
管理画面用のフレームワーク
https://ant.design/docs/spec/introduce
Tailwind CSS
UIをコンポーネントで提供するのではなく、classで提供している
いい感じのを作って欲しいという、ふんわりとした要件に使いやすいかも
参考サイト
Nuxt.js + Tailwind CSS で爆速コーポレートサイト作成
終わりに
パッとみ、簡素な記事になってしまった。。。
もっとUIを考えたいと思った記事でした。