Inflearn brand logo image
Inflearn brand logo image

N

Inflearn brand logo image
BEST
Programming

/

Web Development

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

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

（5.0）受講レビュー 20件

受講生 388名

  • gymcoding
실습 중심
프론트엔드
프로젝트
Vue.js
Vue 3
TailwindCSS
ESLint

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

こんなことが学べます

  • 最新のVue 3.5プロジェクトの開発環境の構成と初期設定

  • VSCodeスニペットとNVMを活用した効率的な開発ワークフロー

  • ESLint、Prettier設定でコードの一貫性を維持する

  • Vue 3.3〜3.5の主な機能（defineOptions（）、defineModel（）、Props構造分解など）を習得する

  • Tailwind CSSをVueプロジェクトにインストールする方法

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

この講義は「Vue 3完璧マスター：基本編」と「本番編」を受講した方のために特別に用意された無料講義です。該当講義を受講された方は無料で受講できます。

このレッスンでは、Vueの最新バージョン3.5の仕様アップデートの内容を詳細に説明し、最新のトレンドに合わせたプロジェクトの設定方法を詳しく紹介します。特に、Vue.js基本編と実戦編講義を行い、受講生の方が気になった事項を反映して構成しました。

今後の主な変更点と必ず知っておくべきことは、この講義に継続的に追加される予定です。 「Vue 3完璧マスター：基本編、実戦編」に多くの関心とご参加お願いします！

「基本編」や「実戦編」のいずれでも受講された方は、この講義を無料で受講することができ、詳細な案内は各講義のカリキュラムに記載しておきました。

学習内容

スクリーンショット2024-11-11午後12.32.39

セクション1.始める前に蜂蜜のヒント！

コーディング時間を大幅に節約するためのVSCodeスニペットの活用法、NVMを介してさまざまなバージョンを簡単に管理する方法など、効率的な学習方法のための蜂蜜のヒントを入手！

スクリーンショット2024-11-11午後12.43.10

セクション2. Vue最新のプロジェクト設定

Vue 3最新のプロジェクトを構成する方法、プロジェクト構造の主な要素を特定し、それぞれの設定理由を明確に理解し、ESLint、Prettier設定、Tailwind CSSをインストールするなど、最新のVueプロジェクトを構成する方法

スクリーンショット2024-11-11午後12.45.55

セクション3. Vue最新仕様総定理

Vue 3.3からVue 3.5の最新バージョンまで、Vueの新しく追加された強力な可能性を学び、コードをより効果的に書くのに役立ちます！

「忙しい現業開発者の方のための最新スペック共有！」

こんな方に
おすすめです

学習対象は
誰でしょう？

  • Vue基礎と実戦講義を既に受講して最新スペックを学びたい方

  • Vue 3.5の新機能をすばやく理解して適用したい開発者

  • プロジェクト設定と環境設定を最新のトレンドに合わせたい方

  • 効率的なコーディングのためにVSCodeスニペットとNVMの活用法を学びたい方

  • Tailwind CSSをVueプロジェクトで活用したいフロントエンド開発者

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

  • HTML&CSS

  • JavaScript

  • Vue 基礎

こんにちは
です。

24,578

受講生

1,354

受講レビュー

629

回答

4.9

講座評価

17

講座

안녕하세요.
코딩 교육 크리에이터 짐코딩 입니다 🙂

유튜브에서 코딩 교육 "짐코딩 GYM CODING"채널을 운영하고 있으며,
인프런 교육 플랫폼에서 프로그래밍 지식을 공유하고 있습니다.

제 강의의 특징은 이제 막 시작하시는 분들을 위하여
설명하고자 할 때는 최대한 쉽게,
알려드리고자 할 때는 최대한 알차게 설명드립니다.

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

📨 이메일 bruce.lean17@gmail.com
🏋️‍♀️ 헬스타그램 @helinlee.gram
🧑‍💻 코딩스타그램 @gymcoding

カリキュラム

全体

15件 ∙ (1時間 48分)

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

受講レビュー

全体

20件

5.0

20件の受講レビュー

  • pangoons3126님의 프로필 이미지
    pangoons3126

    受講レビュー 8

    ∙

    平均評価 5.0

    5

    33% 受講後に作成

    • gymcoding
      知識共有者

      ありがとうございます〜！🙂

  • leyahk797165님의 프로필 이미지
    leyahk797165

    受講レビュー 1

    ∙

    平均評価 5.0

    5

    40% 受講後に作成

    • gymcoding
      知識共有者

      ありがとうございます！👍

  • dyonglove님의 프로필 이미지
    dyonglove

    受講レビュー 25

    ∙

    平均評価 4.2

    5

    33% 受講後に作成

    • gymcoding
      知識共有者

      ありがとうございます～！ 👍

  • muskdeer님의 프로필 이미지
    muskdeer

    受講レビュー 7

    ∙

    平均評価 5.0

    5

    36% 受講後に作成

    • gymcoding
      知識共有者

      ありがとうございます～！

  • belift3075님의 프로필 이미지
    belift3075

    受講レビュー 3

    ∙

    平均評価 5.0

    5

    100% 受講後に作成

    • gymcoding
      知識共有者

      ありがとうございます~! ☺️

￥2,690

gymcodingの他の講座

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

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

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

gymcoding

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

초급

초급

React, react-query, react-router

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

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

gymcoding

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

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

gymcoding

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

초급

초급

Vue.js

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

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

gymcoding

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

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

gymcoding

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

초급

초급

Vue.js

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

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

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

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

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

gymcoding

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

초급

초급

HTML/CSS, TailwindCSS, JavaScript

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

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

gymcoding

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

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

gymcoding

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

초급

초급

JavaScript, ES6

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

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

gymcoding

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

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

gymcoding

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

입문

입문

HTML/CSS, JavaScript, github-pages

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

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

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

入門者のための、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

Vuetify Admin Templateを作成する - 本番編 (Based Vue2)강의 썸네일

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

gymcoding

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

초급

초급

Vue.js, Vuetify

Vuetify Admin Templateを作成する - 本番編 (Based Vue2)강의 썸네일

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

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

似ている講座

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

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

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

gymcoding

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

중급이상

중급이상

Vue.js, Nuxt.js, pinia

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

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

gymcoding

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

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

gymcoding

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

초급

초급

HTML/CSS, TailwindCSS, JavaScript

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

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

gymcoding

Webゲームを作って学ぶVue강의 썸네일

Webゲームを作って学ぶVue

zerocho

簡単な8つのWebゲームを作成し、Vue.jsとVueで使用されるVuex、Vue Routerを学びます。

초급

초급

Vue.js, Webpack, Vuex

Webゲームを作って学ぶVue강의 썸네일

Webゲームを作って学ぶVue

zerocho

Firebase シリーズ #1：ソーシャルログイン・電話番号・位置認証 完全ガイド강의 썸네일

Firebase シリーズ #1：ソーシャルログイン・電話番号・位置認証 完全ガイド

dakgangjung123

🔥 HTML + Tailwind CSS + ピュアJavaScriptだけで完成させるFirebaseユーザー認証！ ソーシャルログイン・電話・位置認証まで、複雑なバックエンドなしに簡単かつ迅速にアカウントシステムを構築します。

초급

초급

HTML/CSS, JavaScript, Firebase

Firebase シリーズ #1：ソーシャルログイン・電話番号・位置認証 完全ガイド강의 썸네일

Firebase シリーズ #1：ソーシャルログイン・電話番号・位置認証 完全ガイド

dakgangjung123

Tailwind CSS 実践ポートフォリオの公開강의 썸네일

Tailwind CSS 実践ポートフォリオの公開

codingworks

[Tailwind CSS実践ポートフォリオパブリッシング]は、Tailwind CSSを活用して26種類以上の実践例を製作する過程です。実践例を素早く多様に制作することで、その中で必須の理論を説明します。この講義は、開発者とパブリッシャーが作成するTailwind CSSスタイリングを中心に作成されました。

초급

초급

TailwindCSS, HTML/CSS

Tailwind CSS 実践ポートフォリオの公開강의 썸네일

Tailwind CSS 実践ポートフォリオの公開

codingworks

Firebase シリーズ #2: AI 漢字推薦 & 筆記学習プラットフォーム강의 썸네일

Firebase シリーズ #2: AI 漢字推薦 & 筆記学習プラットフォーム

dakgangjung123

🔥 漢字学習のためのカスタムプラットフォーム構築！ Google Gemini AIとFirestoreを活用し、自分だけの漢字単語帳、画数アニメーション、手書き認識まで直接実装してみましょう！

초급

초급

gemini, HTML/CSS, TailwindCSS

Firebase シリーズ #2: AI 漢字推薦 & 筆記学習プラットフォーム강의 썸네일

Firebase シリーズ #2: AI 漢字推薦 & 筆記学習プラットフォーム

dakgangjung123

[フルスタック完成] Supabaseでウェブサイト3つをクローン (Next.js 14)강의 썸네일

[フルスタック完成] Supabaseでウェブサイト3つをクローン (Next.js 14)

lopun

フルスタック開発にブーストをかけるSupabase！ 3つのクローンプロジェクトを通して、Next.js 14とSupabaseを使って実務レベルのフルスタック開発を行う方法を短期集中で学べます。

초급

초급

Next.js, supabase, TailwindCSS

[フルスタック完成] Supabaseでウェブサイト3つをクローン (Next.js 14)강의 썸네일

[フルスタック完成] Supabaseでウェブサイト3つをクローン (Next.js 14)

lopun

カカオ、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

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

ホドルマンの腹痛開発ショー (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

Tailwind CSS v2をマスターする：簡単で迅速なUIデザイン

professional

Tailwind CSS Version 2を使用してレスポンシブでモダンなウェブサイトを素早く構築する方法を学ぶ

입문

입문

TypeScript, TailwindCSS

Tailwind CSS v2をマスターする：簡単で迅速なUIデザイン

professional