강의

N
챌린지

멘토링

N
클립

커뮤니티

BEST
Programming

/

Front-end

Vuetify Admin Templateを作成する - 本番編 (Based Vue2)

Vue&Vuetifyで実務で開発されている人のための便利なヒント！ 😃

（5.0）受講レビュー 21件

受講生 500名

  • gymcoding
3시간 만에 완강할 수 있는 강의 ⏰
Vue.js
Vuetify

学習した受講者のレビュー

受講後に得られること

  • 私の味においしくスタイルをカスタマイズする

  • マルチレイアウト＆amp; Lazy Loading 設定

  • Validation、カスタムコンポーネント、Vuexアプリケーションなどの実践的なヒント！

美容パイで作るアドミンサイト、
実用的なジムコーディングと一緒にしてください🏋️‍♀️

Vuetify Admin Templateを作る本編

デモページを確認してください。 (リンク)

講義紹介📖

Vuetify SASS Variables、Navサブメニュー設定！だけでなく
Vueで開発時のLazy Loading、Form Validation、カスタムコンポーネント、Vuex適用など実務ヒント大放出！

講義反応📝

幸いなことに、多くの人が講座に満足していました😃
（講義速度が早く感じられる方は0.75倍速でご覧いただくことをお勧めします🙂）

講義のキーワード

＃実用的な＃コーディングコンテンツ

知識共有者の紹介✒️


実用的なコーディングコンテンツを作っていくYouTube のジムコーディングチャンネルです。
YouTube | フェッヘットGymスターグラム| Codingスターグラム

予想される質問 Q&A 💬

Q. ソースコードを提供しますか？

フェッヘットを通じて提供されます。

Q. 講義の速度が速すぎると思います。

講義速度に関するフィードバック映像をご確認ください。

Q. この講義を学んだらどんなことができますか？

Material Designの素敵なAdminサイトを作成できます！

こんな方に
おすすめです

学習対象は
誰でしょう？

  • Vueでウェブサイトを開発しようとしている人

  • Vuetifyの導入を検討している開発者

前提知識、
必要でしょうか？

  • HTML

  • CSS

  • Javascript

  • Vue

  • ジムコーディングVuetify基本編

こんにちは
です。

26,076

受講生

1,565

受講レビュー

658

回答

4.9

講座評価

18

講座

안녕하세요.

코딩 교육 크리에이터 짐코딩 입니다 🙂

유튜브에서 코딩 교육 "짐코딩 GYM CODING"채널을 운영하고 있으며,

인프런 교육 플랫폼에서 프로그래밍 지식을 공유하고 있습니다.

제 강의의 특징은 이제 막 시작하시는 분들을 위하여

설명하고자 할 때는 최대한 쉽게,

알려드리고자 할 때는 최대한 알차게 설명드립니다.

항상 수강생 입장에서 생각하는 코딩 교육 크리에이터가 되겠습니다.

감사합니다.

📹짐코딩 유튜브 채널 운영 | 구독자 25,000+

💻 짐코딩 클럽 | gymcoding.co

🔗 GitHub: https://github.com/gymcoding

🧑‍💻 인스타그램 @gymcoding

📨 이메일 bruce.lean17@gmail.com

カリキュラム

全体

14件 ∙ (2時間 22分)

講座掲載日: 
最終更新日: 

受講レビュー

全体

21件

5.0

21件の受講レビュー

  • chlee2462님의 프로필 이미지
    chlee2462

    受講レビュー 4

    ∙

    平均評価 5.0

    5

    100% 受講後に作成

    • comganet님의 프로필 이미지
      comganet

      受講レビュー 15

      ∙

      平均評価 5.0

      5

      100% 受講後に作成

      vuetifyについて知りました。ありがとうございます。

      • gymcoding
        知識共有者

        ありがとう〜！ 🙂🎉

    • fordev님의 프로필 이미지
      fordev

      受講レビュー 6

      ∙

      平均評価 5.0

      5

      100% 受講後に作成

      楽しい受講でした 次はココ... nuxt3 + vuetify3 お願いします。 vuetifyを勉強しましたが、quasarをもう一度勉強するのはとても嫌です。

      • gymcoding
        知識共有者

        お疲れ様でした！ありがとう〜！ 🙂

    • aircha님의 프로필 이미지
      aircha

      受講レビュー 24

      ∙

      平均評価 4.6

      5

      100% 受講後に作成

      高速で生産性の高い高品質のUIをfront経験のない私にも始められるように多くのお役に立ちました。 良い講義ありがとうございます

      • gymcoding
        知識共有者

        ありがとうございます！お疲れ様でした〜！ 🙂

    • capvirus1451님의 프로필 이미지
      capvirus1451

      受講レビュー 2

      ∙

      平均評価 5.0

      5

      85% 受講後に作成

      頭にすっぽり入る

      • gymcoding
        知識共有者

        よろしくお願いします〜!!! 🙂💪

    ￥6,888

    gymcodingの他の講座

    知識共有者の他の講座を見てみましょう！

    Claude Code完全マスター：AI開発ワークフロー基礎から実戦まで（with Cursor AI）

    gymcoding

    探索 → 計画 → 実装 → コミット。検証されたAI開発ワークフローをClaude Codeでマスターしましょう。 MCP、サブエージェント、プロンプトエンジニアリングまで23個のミッションで習得し、3個の実戦プロジェクトを完成します。

    입문

    입문

    React, Next.js, cursor

    Claude Code完全マスター：AI開発ワークフロー基礎から実戦まで（with Cursor AI）

    gymcoding

    React を完全にマスター: 基本概念から Lean Canvas プロジェクトまで강의 썸네일

    React を完全にマスター: 基本概念から Lean Canvas プロジェクトまで

    gymcoding

    React を初めて学習しますか? この講座で React の基礎を学び、LinCanvas プロジェクトを通じて実務経験を積んでください。そうすれば、自信を持ってフロントエンド開発者として就職できます!

    초급

    초급

    React, react-query, react-router

    React を完全にマスター: 基本概念から Lean Canvas プロジェクトまで강의 썸네일

    React を完全にマスター: 基本概念から Lean Canvas プロジェクトまで

    gymcoding

    Next.js完璧マスター (v15): Notion基盤開発者ブログ作り (with CursorAI)강의 썸네일

    Next.js完璧マスター (v15): Notion基盤開発者ブログ作り (with CursorAI)

    gymcoding

    最新のNext.js v15 App Routerを学習しながら、Notion基盤の実用的な開発者ブログを一緒に構築する講義です。さらにCursor AI活用法など様々なインサイトも得ることができます。

    초급

    초급

    React, Blog, Next.js

    Next.js完璧マスター (v15): Notion基盤開発者ブログ作り (with CursorAI)강의 썸네일

    Next.js完璧マスター (v15): Notion基盤開発者ブログ作り (with CursorAI)

    gymcoding

    ポートフォリオ サイトを作成して公開まで！: Web 開発入門活用編강의 썸네일

    ポートフォリオ サイトを作成して公開まで！: Web 開発入門活用編

    gymcoding

    HTML&CSS、JavaScript を学んだら、それらを利用して自分でポートフォリオ サイトを作成し、公開してみましょう。実際に使ってみると、私たちのスキルを向上させるのに大いに役立ちます。

    입문

    입문

    HTML/CSS, JavaScript, github-pages

    ポートフォリオ サイトを作成して公開まで！: Web 開発入門活用編강의 썸네일

    ポートフォリオ サイトを作成して公開まで！: Web 開発入門活用編

    gymcoding

    Vue3パーフェクトマスター：基礎から本番まで - 「基本編」강의 썸네일

    Vue3パーフェクトマスター：基礎から本番まで - 「基本編」

    gymcoding

    Vue.js 3でWeb開発を行うための公式文書に基づいてVue 3の仕様を詳しく深く扱います。

    초급

    초급

    Vue.js

    Vue3パーフェクトマスター：基礎から本番まで - 「基本編」강의 썸네일

    Vue3パーフェクトマスター：基礎から本番まで - 「基本編」

    gymcoding

    TailwindCSS を完全にマスター: ポートフォリオから管理まで!강의 썸네일

    TailwindCSS を完全にマスター: ポートフォリオから管理まで!

    gymcoding

    1つの講義でTailwindCSSの入門から実践までを完了! 2つのプロジェクトでレイアウト構成からレスポンシブデザイン、ダークモードまで完璧に学んでください。

    초급

    초급

    HTML/CSS, TailwindCSS, JavaScript

    TailwindCSS を完全にマスター: ポートフォリオから管理まで!강의 썸네일

    TailwindCSS を完全にマスター: ポートフォリオから管理まで!

    gymcoding

    Vue3パーフェクトマスター：基礎から本番まで - 「本編」강의 썸네일

    Vue3パーフェクトマスター：基礎から本番まで - 「本編」

    gymcoding

    Vue.js 3で本番プロジェクトを開発し、Composition APIの使い方を理解しています。さらに、このコースを受講すると、「Vue Router v4」と「Pinia」、「Boostrap」のスキルを取得できます。

    초급

    초급

    Vue.js

    Vue3パーフェクトマスター：基礎から本番まで - 「本編」강의 썸네일

    Vue3パーフェクトマスター：基礎から本番まで - 「本編」

    gymcoding

    最新のVue 3完全ガイド：プロジェクト設定＆仕様総定理강의 썸네일

    最新のVue 3完全ガイド：プロジェクト設定＆仕様総定理

    gymcoding

    "Vue 3 完全マスター" 後続の講義で最新の Vue 3 バージョンのプロジェクト設定と最新のスペックを習得する講義です。

    초급

    초급

    Vue.js, Vue 3, TailwindCSS

    最新のVue 3完全ガイド：プロジェクト設定＆仕様総定理강의 썸네일

    最新のVue 3完全ガイド：プロジェクト設定＆仕様総定理

    gymcoding

    入門者のための、ES6+の最新のJavaScript入門강의 썸네일

    入門者のための、ES6+の最新のJavaScript入門

    gymcoding

    周辺でコーディングを初めて始める方々をたくさん見ました。 キャリアの方はJavaScriptが簡単だと言いますが、初めて接する方は難しく感じるしかありません。 だから今回の講義はコーディングに入門される王初歩の方々のために簡単！ちょっと！内容を用意しました。 💪🙂

    초급

    초급

    JavaScript, ES6

    入門者のための、ES6+の最新のJavaScript入門강의 썸네일

    入門者のための、ES6+の最新のJavaScript入門

    gymcoding

    Vuetify Admin Templateの作成 - 基本編 (Based Vue2)강의 썸네일

    Vuetify Admin Templateの作成 - 基本編 (Based Vue2)

    gymcoding

    Vuetifyの基礎を学び、素晴らしいMaterial Design Adminのウェブサイトを作成することができます😃

    초급

    초급

    Vue.js, Vuetify

    Vuetify Admin Templateの作成 - 基本編 (Based Vue2)강의 썸네일

    Vuetify Admin Templateの作成 - 基本編 (Based Vue2)

    gymcoding

    入門者のための、HTML&CSS ウェブ開発入門강의 썸네일

    入門者のための、HTML&CSS ウェブ開発入門

    gymcoding

    HTMLとCSSを学ぶことで、ウェブサイトの制作に必要な基本的な知識を学ぶことができます。コーディングに初めて触れる際に恐れがないように、本当に分かりやすく説明した講義です。

    입문

    입문

    HTML/CSS

    入門者のための、HTML&CSS ウェブ開発入門강의 썸네일

    入門者のための、HTML&CSS ウェブ開発入門

    gymcoding

    フロントエンドウィング：Vue、Reactを学ぶ前に必ず知っておくべき知識강의 썸네일

    フロントエンドウィング：Vue、Reactを学ぶ前に必ず知っておくべき知識

    gymcoding

    この講義を通じて、Webpack、NPMなどのフロントエンド開発者になる前に必ず知っておくべき知識をしっかりと固めることができます。

    초급

    초급

    Webpack

    フロントエンドウィング：Vue、Reactを学ぶ前に必ず知っておくべき知識강의 썸네일

    フロントエンドウィング：Vue、Reactを学ぶ前に必ず知っておくべき知識

    gymcoding

    非同期プログラミング: Promise、async/await を徹底的に理解する강의 썸네일

    非同期プログラミング: Promise、async/await を徹底的に理解する

    gymcoding

    この講義では、JavaScript 非同期プログラミングにおける Promise と async/await の概念と動作原理を明確に説明し、実務で非同期処理を熟練して扱うことができるように支援します。

    초급

    초급

    promise, async-await, asynchronous-programming

    非同期プログラミング: Promise、async/await を徹底的に理解する강의 썸네일

    非同期プログラミング: Promise、async/await を徹底的に理解する

    gymcoding

    [最新]Vue川の終わりの王：Nuxt 3完璧マスター강의 썸네일

    [最新]Vue川の終わりの王：Nuxt 3完璧マスター

    gymcoding

    Vueベースでパフォーマンスに優れたWebをすばやく作成するのに役立つNuxtフレームワーク講義です。

    중급이상

    중급이상

    Vue.js, Nuxt.js, pinia

    [最新]Vue川の終わりの王：Nuxt 3完璧マスター강의 썸네일

    [最新]Vue川の終わりの王：Nuxt 3完璧マスター

    gymcoding

    Vue 3 & Firebase 10 コミュニティ作成フルスタック - 「活用編」 (with Pinia、Quasar、Tiptap、VueUse)강의 썸네일

    Vue 3 & Firebase 10 コミュニティ作成フルスタック - 「活用編」 (with Pinia、Quasar、Tiptap、VueUse)

    gymcoding

    Vue3＆amp; Firebase(v10)を活用してコミュニティを作る講義でVue3実践活用法、Firebase基礎から実戦、最新のWeb技術活用法、知識共有者経験共有など多様な方面で開発者として一段階成長できるようにします！

    중급이상

    중급이상

    Vue.js, Firebase, Quasar

    Vue 3 & Firebase 10 コミュニティ作成フルスタック - 「活用編」 (with Pinia、Quasar、Tiptap、VueUse)강의 썸네일

    Vue 3 & Firebase 10 コミュニティ作成フルスタック - 「活用編」 (with Pinia、Quasar、Tiptap、VueUse)

    gymcoding

    クエサー（Quasar）完璧マスター：Vueフロントウェブをすばやく作成したい場合（Based Vue3）강의 썸네일

    クエサー（Quasar）完璧マスター：Vueフロントウェブをすばやく作成したい場合（Based Vue3）

    gymcoding

    Vue.jsでウェブ開発を行い、クエサー（Quasar）を利用したい方のための講義です。社内でフロントウェブをすばやく構築する必要がある方、または自分だけの素敵なUIを作成しなければならない方ですか？このレッスンを通じて簡単かつ迅速にフロントウェブを作成できます。

    초급

    초급

    Quasar, Vue.js

    クエサー（Quasar）完璧マスター：Vueフロントウェブをすばやく作成したい場合（Based Vue3）강의 썸네일

    クエサー（Quasar）完璧マスター：Vueフロントウェブをすばやく作成したい場合（Based Vue3）

    gymcoding

    似ている講座

    同じ分野の他の講座を見てみましょう！

    Vuetify Admin Templateの作成 - 基本編 (Based Vue2)강의 썸네일

    Vuetify Admin Templateの作成 - 基本編 (Based Vue2)

    gymcoding

    Vuetifyの基礎を学び、素晴らしいMaterial Design Adminのウェブサイトを作成することができます😃

    초급

    초급

    Vue.js, Vuetify

    Vuetify Admin Templateの作成 - 基本編 (Based Vue2)강의 썸네일

    Vuetify Admin Templateの作成 - 基本編 (Based Vue2)

    gymcoding

    Vue3パーフェクトマスター：基礎から本番まで - 「本編」강의 썸네일

    Vue3パーフェクトマスター：基礎から本番まで - 「本編」

    gymcoding

    Vue.js 3で本番プロジェクトを開発し、Composition APIの使い方を理解しています。さらに、このコースを受講すると、「Vue Router v4」と「Pinia」、「Boostrap」のスキルを取得できます。

    초급

    초급

    Vue.js

    Vue3パーフェクトマスター：基礎から本番まで - 「本編」강의 썸네일

    Vue3パーフェクトマスター：基礎から本番まで - 「本編」

    gymcoding

    最新のVue 3完全ガイド：プロジェクト設定＆仕様総定理강의 썸네일

    最新のVue 3完全ガイド：プロジェクト設定＆仕様総定理

    gymcoding

    "Vue 3 完全マスター" 後続の講義で最新の Vue 3 バージョンのプロジェクト設定と最新のスペックを習得する講義です。

    초급

    초급

    Vue.js, Vue 3, TailwindCSS

    最新のVue 3完全ガイド：プロジェクト設定＆仕様総定理강의 썸네일

    最新のVue 3完全ガイド：プロジェクト設定＆仕様総定理

    gymcoding

    Vue.js - DjangoインターロックWebプログラミング（実践編）강의 썸네일

    Vue.js - DjangoインターロックWebプログラミング（実践編）

    bestdjango

    クライアントプロフェッショナルFWのVue.jsとサーバープロフェッショナルFWであるDjangoを一緒に活用して、アップグレードされたWebプログラミングをしましょう。 Vue側のVueRouterとVuexを使わなくても、Django側のDRFを使わなくても、簡単にできる。

    초급

    초급

    Vue.js, Django, Vuetify

    Vue.js - DjangoインターロックWebプログラミング（実践編）강의 썸네일

    Vue.js - DjangoインターロックWebプログラミング（実践編）

    bestdjango

    Vue3とSupabaseで求人求人サイトを作る강의 썸네일

    Vue3とSupabaseで求人求人サイトを作る

    Michael Kwon

    独自のフルスタックアプリケーション開発からプログレッシブWebアプリ（PWA）まで！

    초급

    초급

    Vue.js, PWA, supabase

    Vue3とSupabaseで求人求人サイトを作る강의 썸네일

    Vue3とSupabaseで求人求人サイトを作る

    Michael Kwon

    Vue.js - DjangoインターロックWebプログラミング강의 썸네일

    Vue.js - DjangoインターロックWebプログラミング

    bestdjango

    Vue.jsとDjangoフレームワークを使用してWebプログラミングを行うことができます。

    초급

    초급

    Vue.js, Django

    Vue.js - DjangoインターロックWebプログラミング강의 썸네일

    Vue.js - DjangoインターロックWebプログラミング

    bestdjango

    Vue.jsとUIを一度に学習/Nuxt3 + OpenWeatherMapでリアルタイム天気アプリ作成강의 썸네일

    Vue.jsとUIを一度に学習/Nuxt3 + OpenWeatherMapでリアルタイム天気アプリ作成

    gis

    Nuxt UI, Nuxt SEO, Nuxt Server Api, Pinia, PWA, Firebase, Email Login, Google Login を 簡単に学べます~~

    초급

    초급

    Vue.js, PWA, Firebase

    Vue.jsとUIを一度に学習/Nuxt3 + OpenWeatherMapでリアルタイム天気アプリ作成강의 썸네일

    Vue.jsとUIを一度に学習/Nuxt3 + OpenWeatherMapでリアルタイム天気アプリ作成

    gis

    企画者様 この程度ウェブ開発は学んでみてはいかがでしょうか？ [理論+実習]강의 썸네일

    企画者様 この程度ウェブ開発は学んでみてはいかがでしょうか？ [理論+実習]

    bokchi

    忙しい企画者の方々のための急速に進行する開発講義です。 より多くの説明では、Webフロントエンド、バックエンド、DBを直接開発し、全体的な開発プロセスを学ぶことができます。

    입문

    입문

    HTML/CSS, JavaScript, Vue.js

    企画者様 この程度ウェブ開発は学んでみてはいかがでしょうか？ [理論+実習]강의 썸네일

    企画者様 この程度ウェブ開発は学んでみてはいかがでしょうか？ [理論+実習]

    bokchi

    カカオ、Google SNSログイン（springboot3, vue3）강의 썸네일

    カカオ、Google SNSログイン（springboot3, vue3）

    bradkim

    SpringBootを活用して、カカオ、Googleログインを実装します。JWTトークンベースのログインが実装されます。Vue3を通じて簡単な画面を構成します。

    초급

    초급

    OAuth, oauth2, JWT

    カカオ、Google SNSログイン（springboot3, vue3）강의 썸네일

    カカオ、Google SNSログイン（springboot3, vue3）

    bradkim

    ホドルマンの腹痛開発ショー (SpringBoot、Vue.JS、AWS)강의 썸네일

    ホドルマンの腹痛開発ショー (SpringBoot、Vue.JS、AWS)

    hodolman888675

    単にアプリケーションを 1 つ作成するだけではありません。Spring Boot を活用したバックエンドから Vue.js モダン フロントエンド スタックを連携したサービスの完成まで、A から Z までご紹介します。

    중급이상

    중급이상

    Spring Boot, JPA, AWS

    ホドルマンの腹痛開発ショー (SpringBoot、Vue.JS、AWS)강의 썸네일

    ホドルマンの腹痛開発ショー (SpringBoot、Vue.JS、AWS)

    hodolman888675