Vue2+Vuetify
Vueを学習するときコンポーネントが重要な概念です。実際に出来上がったコンポーネントがあればイメージしやすく学習効果も上がると思います。VutifyはVueの知識があまりない状態でも扱えるのでおすすめです。またVueを開発環境内だけで動かしていると、どうやって実用するか疑問もあると思います。ビルドすることでユーザーのプラウザで動かせる状態になります。この入門ではそこまで扱います。[今回できるもの](<a href="https://cf193110.cloudfree.jp/html/zenn/vuetify_nyuumon1/" target="_blank" rel="nofollow noopener noreferrer">https://cf193110.cloudfree.jp/html/zenn/vuetify_nyuumon1/</a>)
Vue2は2023/末でサポート終了ですがVuetifyが安定して動くのでVue2を使用しています。

Vue2+Vuetify
Vueを学習するときコンポーネントが重要な概念です。実際に出来上がったコンポーネントがあればイメージしやすく学習効果も上がると思います。VutifyはVueの知識があまりない状態でも扱えるのでおすすめです。またVueを開発環境内だけで動かしていると、どうやって実用するか疑問もあると思います。ビルドすることでユーザーのプラウザで動かせる状態になります。この入門ではそこまで扱います。[今回できるもの](https://cf193110.cloudfree.jp/html/zenn/vuetify_nyuumon1/)
Vue2は2023/末でサポート終了ですがVuetifyが安定して動くのでVue2を使用しています。

Vuetify入門

準備

Vuetifyのインストール

ワイヤーフレームを入れる

コンポネントの中身を見てみよう！

ハンバーガーメニューにメニューを追加しよう！

ハンバーガーメニューのメニューを変更しよう！

グリッドシステム

コンポーネント（カルーセル）を追加

テキストフィールドによりメッセージを表示

ジャンケン、フッター追加

ビルド

読者コミュニティ｜Vuetify入門

vuejs

vuetify

入門

sosa