강의

N
챌린지

멘토링

N
클립

커뮤니티

BEST
Programming

/

Web Development

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

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

（5.0）受講レビュー 29件

受講生 464名

難易度 初級

受講期間 無制限

  • gymcoding
Vue.js
Vue.js
Vue 3
Vue 3
TailwindCSS
TailwindCSS
ESLint
ESLint
Vue.js
Vue.js
Vue 3
Vue 3
TailwindCSS
TailwindCSS
ESLint
ESLint

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

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

5.0

5.0

badbogos

100% 受講後に作成

耳にすっと入ってきます とても助かります。

5.0

woojoo216

100% 受講後に作成

eslintのバージョンアップで困っていたのですが、ありがとうございます。 他の内容もvue3の受講後、まさに必要な部分でした。 vuejsのサイトで変更点を確認しても頭の中で整理できない感じだったのですが、この講義を聞いてから見ると、ああ、この内容のことだなとすんなり理解できます。ありがとうございます。

5.0

kdkim2000

100% 受講後に作成

最新の変更を確認できて良かったです。今後も講義がアップデートされることを期待しています。

受講後に得られること

  • 最新の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 基礎

こんにちは
です。

27,874

受講生

1,752

受講レビュー

788

回答

4.9

講座評価

18

講座

こんにちは。

コーディング教育クリエイターのジムコーディングです 🙂

YouTubeでコーディング教育「ジムコーディング GYM CODING」チャンネルを運営しており、

Inflearn（インフラン）教育プラットフォームでプログラミングの知識を共有しています。

私の講義の特徴は、これから始めようとする方々のために、

説明するときは、できるだけ分かりやすく、

お伝えする時は、最大限内容の詰まった説明を心がけています。

常に受講生の立場に立って考えるコーディング教育クリエイターになります。

ありがとうございます。

📹ジムコーディング YouTube チャンネル運営 | 登録者 3万人+

💻 ジムコーディングクラブ | gymcoding.co

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

🧑‍💻 インスタグラム @gymcoding

📨 メール bruce.lean17@gmail.com

カリキュラム

全体

15件 ∙ (1時間 48分)

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

受講レビュー

全体

29件

5.0

29件の受講レビュー

  • 009aegisep9100님의 프로필 이미지
    009aegisep9100

    受講レビュー 2

    ∙

    平均評価 5.0

    5

    100% 受講後に作成

    • badbogos2201님의 프로필 이미지
      badbogos2201

      受講レビュー 18

      ∙

      平均評価 5.0

      5

      100% 受講後に作成

      耳にすっと入ってきます とても助かります。

      • pangoons3126님의 프로필 이미지
        pangoons3126

        受講レビュー 8

        ∙

        平均評価 5.0

        5

        33% 受講後に作成

        • gymcoding
          知識共有者

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

      • leyahk797165님의 프로필 이미지
        leyahk797165

        受講レビュー 1

        ∙

        平均評価 5.0

        5

        40% 受講後に作成

        • gymcoding
          知識共有者

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

      • dyonglove님의 프로필 이미지
        dyonglove

        受講レビュー 25

        ∙

        平均評価 4.2

        5

        33% 受講後に作成

        • gymcoding
          知識共有者

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

      ￥2,790

      gymcodingの他の講座

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

      Claude Code 完全マスター：AI開発ワークフローの基礎から実践まで

      gymcoding

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

      Beginner

      Beginner

      React, Next.js, cursor

      Claude Code 完全マスター：AI開発ワークフローの基礎から実践まで

      gymcoding

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

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

      gymcoding

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

      Basic

      Basic

      React, react-query, react-router

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

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

      gymcoding

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

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

      gymcoding

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

      Basic

      Basic

      Vue.js

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

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

      gymcoding

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

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

      gymcoding

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

      Basic

      Basic

      Vue.js

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

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

      gymcoding

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

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

      gymcoding

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

      Basic

      Basic

      React, Blog, Next.js

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

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

      gymcoding

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

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

      gymcoding

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

      Intermediate

      Intermediate

      Vue.js, Nuxt.js, pinia

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

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

      gymcoding

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

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

      gymcoding

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

      Intermediate

      Intermediate

      Vue.js, Firebase, Quasar

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

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

      gymcoding

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

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

      gymcoding

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

      Basic

      Basic

      Webpack

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

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

      gymcoding

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

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

      gymcoding

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

      Basic

      Basic

      HTML/CSS, TailwindCSS, JavaScript

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

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

      gymcoding

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

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

      gymcoding

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

      Basic

      Basic

      promise, async-await, asynchronous-programming

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

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

      gymcoding

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

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

      gymcoding

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

      Beginner

      Beginner

      HTML/CSS, JavaScript, github-pages

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

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

      gymcoding

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

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

      gymcoding

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

      Basic

      Basic

      Quasar, Vue.js

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

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

      gymcoding

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

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

      gymcoding

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

      Beginner

      Beginner

      HTML/CSS

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

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

      gymcoding

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

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

      gymcoding

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

      Basic

      Basic

      JavaScript, ES6

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

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

      gymcoding

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

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

      gymcoding

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

      Basic

      Basic

      Vue.js, Vuetify

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

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

      gymcoding

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

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

      gymcoding

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

      Basic

      Basic

      Vue.js, Vuetify

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

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

      gymcoding

      似ている講座

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

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

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

      gymcoding

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

      Intermediate

      Intermediate

      Vue.js, Nuxt.js, pinia

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

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

      gymcoding

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

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

      gymcoding

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

      Basic

      Basic

      HTML/CSS, TailwindCSS, JavaScript

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

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

      gymcoding

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

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

      gymcoding

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

      Basic

      Basic

      React, react-query, react-router

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

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

      gymcoding

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

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

      dakgangjung123

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

      Basic

      Basic

      HTML/CSS, JavaScript, Firebase

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

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

      dakgangjung123

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

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

      bradkim

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

      Basic

      Basic

      OAuth, oauth2, JWT

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

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

      bradkim

      Websocket/STOMP チャット サービス (spring、vue、redis)Course Thumbnail

      Websocket/STOMP チャット サービス (spring、vue、redis)

      bradkim

      Websocket/stomp、springboot を活用してチャット サービスを開発します。比較的簡単なフレームワークである vue.js を使用して、簡単な画面も構成します。redis pub/sub を使用して、マルチ サーバー拡張性設計も構成します。

      Basic

      Basic

      websocket, pubsub, Spring Boot

      Websocket/STOMP チャット サービス (spring、vue、redis)Course Thumbnail

      Websocket/STOMP チャット サービス (spring、vue、redis)

      bradkim

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

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

      dakgangjung123

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

      Basic

      Basic

      gemini, HTML/CSS, TailwindCSS

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

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

      dakgangjung123

      バニラ JavaScript & Tailwind CSSCourse Thumbnail

      バニラ JavaScript & Tailwind CSS

      Michael Kwon

      AI活用とコンポーネント中心UI制作で学ぶ実務型Web UI開発、 デザイナー＋開発者必須コース！

      Basic

      Basic

      JavaScript, vanilla-javascript, frontend

      バニラ JavaScript & Tailwind CSSCourse Thumbnail

      バニラ JavaScript & Tailwind CSS

      Michael Kwon

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

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

      bestdjango

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

      Basic

      Basic

      Vue.js, Django

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

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

      bestdjango

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

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

      codingworks

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

      Basic

      Basic

      TailwindCSS, HTML/CSS

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

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

      codingworks

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

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

      hodolman888675

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

      Intermediate

      Intermediate

      Spring Boot, JPA, AWS

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

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

      hodolman888675