강의

N
챌린지

멘토링

N
클립

커뮤니티

BEST
Programming

/

Front-end

Vue 3中級 - Composition API

Vue 2 と最新の Vue 3 の両方で使用できる Vue Composition API を最も簡単かつ正確に学べる講座です。

（5.0）受講レビュー 60件

受講生 764名

  • captain
뷰
vue.js
중급
JS중급
Vue 3
Vue.js

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

受講後に得られること

  • Vue.js

  • Vue 3

  • Vue Composition API

  • コンポーネント設計

正しく学ぶVue.jsのコア
Vue Composition API

332010-1.png

Vue 2とVue 3の両方で使用できるVue Composition APIの基礎から実践まで深く学習できる講義です。 Vue.jsと同じくらいよく使われるReactの重要な概念であるフックを一緒に理解し、比較する過程で、より簡単にVue Composition APIを学びます。

講義の特徴を学ぶ

Composition APIのすべて

Composition API がどのように登場するかから、長所、短所、実装時に考慮すべき点を学びます。

仕事管理アプリで実習まで自信を持って

To To Do Appを作成しながら、Composition APIを自然に学習して整理できるようにカリキュラムを設定しました。

実務レベルアップを考えた構成

実務では、フロントエンド開発者が最も悩んでいるコンポーネントの設計とコンポーネントの抽象化について学ぶことができます。

コアのみコックコック、効率的な学習

講義が長いといいのではありません:) 圧縮された時間内に最高の効率で実務Vueの知識を身につけるように構成しました。

Vue.js学習者のための教案を提供

Vue Compositionの詳細を学び、復習するためのオンラインテキストブックを提供します。

テキストブックのショートカット >>

332010-0.png

この講義を作った人👨‍🏫

チャン・ギヒョ（キャプテン板橋）

「Inflearnが出会った人」インタビュー

jang-460x498.png
332010-4.png

こんな方に
おすすめです

学習対象は
誰でしょう？

  • Vue.js Composition API コードで開発する必要がある初心者

  • キャプテンパンゴのVue.js入門受講生

  • キャプテンパンゴのVue.js中級講座受講生

  • React 開発者が Vue.js を学ぶべき理由

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

  • Vue.js の基本概念

  • Vue.js基本文法

  • 「Vue.js の始め方 - Age of Vue.js」講座

  • "Vue 3 の始め方" 講義

  • "Vue.js 中級講座 - ウェブアプリ制作で学ぶVue.js、ES6、Vuex"講座

こんにちは
です。

48,882

受講生

4,775

受講レビュー

3,815

回答

4.9

講座評価

19

講座

인프런에서 8년째 지식을 공유하고 있습니다. 🏠 기술블로그, 📣 트위터, 💻 깃헙

📗 Do it! Vue.js 입문, 쉽게 시작하는 타입스크립트, 나는 네이버 프런트엔드 개발자입니다. 책 3권 집필
📖 Cracking Vue.js, 타입스크립트 핸드북, 웹팩 핸드북. 온라인 무료 가이드북 3권 집필
👨‍💻 캡틴판교의 프론트엔드 개발 유튜브 채널 운영 - 취준생, 주니어 개발자들의 고민을 들을 수 있는 곳
🥤 캡틴판교의 카카오톡 오픈 채팅방 운영 - 프런트엔드 개발 최신 정보와 업계 동료들의 생각과 고민을 들을 수 있는 곳

カリキュラム

全体

25件 ∙ (2時間 52分)

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

受講レビュー

全体

60件

5.0

60件の受講レビュー

  • sorrrri님의 프로필 이미지
    sorrrri

    受講レビュー 1

    ∙

    平均評価 5.0

    5

    100% 受講後に作成

    先生ハリガリ作りの授業がとてもよく聞きました！ 最近フロントエンドに移ってきて独学してみたら幕を閉じましたが授業をじっくりと追いかけながらとても大きな助けになって感謝を残します！

    • kangbk4182

      ハリガル

  • junehyung님의 프로필 이미지
    junehyung

    受講レビュー 13

    ∙

    平均評価 5.0

    5

    100% 受講後に作成

    コンポジションapiが何だと言ったとき、いざ答えが難しかったのですが、講義を通じて概念をつかんでいきました。 役に立った :)

    • captain
      知識共有者

      あと街灯さん、こんなに早い頑強＆アンプ;よろしくお願いします:)ありがとう！

  • tytyes9148님의 프로필 이미지
    tytyes9148

    受講レビュー 6

    ∙

    平均評価 5.0

    5

    100% 受講後に作成

    講義はよく聞きました。 説明をよくしてくれたおかげでComposition-apiを理解できました。 特に、最も気に入った部分は、講義の最後にVue composition-apiを活用して抽象化する方法について説明してくれましたが、この部分は私がスクリプトを適切に分離して作成するのに多くの役に立ちました。 ただし、さまざまな種類の Vue コンポーネントを composition-api で改善する部分がもう少しあってほしい個人的な物足りなさがあります。

    • uigte924179님의 프로필 이미지
      uigte924179

      受講レビュー 10

      ∙

      平均評価 4.9

      5

      100% 受講後に作成

      最高の講義だと思います

      • inspiteof3665님의 프로필 이미지
        inspiteof3665

        受講レビュー 4

        ∙

        平均評価 4.0

        5

        100% 受講後に作成

        なんとなくすっきりとした講義です。様々な資料を通じて深化学習ができてよかったです。

        ￥6,875

        captainの他の講座

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

        TypeScript 入門 - 基礎から実践まで강의 썸네일

        TypeScript 入門 - 基礎から実践まで

        captain

        TypeScript を始める方のための講義です。最新の JavaScript 文法を知らない方でも簡単に学べるようにカリキュラムを構成しました。初心者視点で、難しく感じられる TypeScript を楽しく学んでみましょう 😄

        초급

        초급

        TypeScript, ES6, JavaScript

        TypeScript 入門 - 基礎から実践まで강의 썸네일

        TypeScript 入門 - 基礎から実践まで

        captain

        AIと一緒に学ぶNext.js강의 썸네일

        AIと一緒に学ぶNext.js

        captain

        複雑なNext.jsの複数の概念を短時間で核心だけ学ぶことができます。Next.jsを初めて学ぶ方のための実務必須知識だけお教えします。フレームワーク講義だけで8年目を迎えるキャプテンパンギョのNext.js新規講義。「AI時代のフロントエンド開発者」のコーディングと学習方法を学ぶことができます！😊

        입문

        입문

        JavaScript, React, Next.js

        AIと一緒に学ぶNext.js강의 썸네일

        AIと一緒に学ぶNext.js

        captain

        Nuxt.js の開始강의 썸네일

        Nuxt.js の開始

        captain

        私が作成したVue.jsサイトをより多くの人に公開したい場合は？キャプテン板橋のVue.jsシリーズを全部聴いて今はサーバーサイドレンダリングもやってみたい方が聴きやすい講座です。 Nuxt.jsはじめに講義！

        중급이상

        중급이상

        Nuxt.js, Vue.js, ssr

        Nuxt.js の開始강의 썸네일

        Nuxt.js の開始

        captain

        Next.js の開始강의 썸네일

        Next.js の開始

        captain

        React を始める際に必ず知っておくべき Next.js フレームワーク。初心者向けに簡単に説明し、実務者が満足するほど詳細な動作原理を理解します。Next.js を一気に解決します。

        초급

        초급

        Next.js, React, JavaScript

        Next.js の開始강의 썸네일

        Next.js の開始

        captain

        Vue.js を徹底的に理解する - 実務に必要なすべて강의 썸네일

        Vue.js を徹底的に理解する - 実務に必要なすべて

        captain

        Vue.js を実際に使用している方に必要なすべてのものをまとめました。実際のバックエンド API を実装する CRUD アプリケーションの学習ノートです。生産性の高いプロジェクト環境の構築とバックエンド開発者との連携方法に関するメッセージを必ず確認してください :)

        중급이상

        중급이상

        JavaScript, Vue.js, Vuex

        Vue.js を徹底的に理解する - 実務に必要なすべて강의 썸네일

        Vue.js を徹底的に理解する - 実務に必要なすべて

        captain

        フロントエンド開発者のためのWebpack강의 썸네일

        フロントエンド開発者のためのWebpack

        captain

        1000人が選んだWebpack講座！新しく出たWebpackバージョンに合わせてリニューアルされた講座です。実習中心でより簡単にWebpackを学んでください :)

        초급

        초급

        Webpack

        フロントエンド開発者のためのWebpack강의 썸네일

        フロントエンド開発者のためのWebpack

        captain

        React を作成しながら学ぶ: コンポーネントの設計とリファクタリング강의 썸네일

        React を作成しながら学ぶ: コンポーネントの設計とリファクタリング

        captain

        実務で最も多く使用されている React フレームワークを、簡単に、素早く、楽しく学んでみましょう。タスク管理アプリを作成しながら、React の動作原理、コンポーネントの設計、リファクタリングの方法を学びます。

        초급

        초급

        React, JavaScript, Refactoring

        React を作成しながら学ぶ: コンポーネントの設計とリファクタリング강의 썸네일

        React を作成しながら学ぶ: コンポーネントの設計とリファクタリング

        captain

        Vue.js の始め方 - Age of Vue.js강의 썸네일

        Vue.js の始め方 - Age of Vue.js

        captain

        Vue.jsでWebを簡単に開発できるように、基本的な概念と重要な機能について学び、実装します。 講座を聞いたら、Vue.jsでフロントエンドの開発をするのが面白いです。

        초급

        초급

        JavaScript, Vue.js

        Vue.js の始め方 - Age of Vue.js강의 썸네일

        Vue.js の始め方 - Age of Vue.js

        captain

        実践的なフロントエンド テストを開始する강의 썸네일

        実践的なフロントエンド テストを開始する

        captain

        能力のあるフロントエンド開発実務者になりたいなら、ぜひ聞かなければならないテスト講義。テスト入門から本番まで一発で終わる👊

        초급

        초급

        Software Test, Cypress, e2e

        実践的なフロントエンド テストを開始する강의 썸네일

        実践的なフロントエンド テストを開始する

        captain

        ReactとVueで学ぶTypeScript必須概念（feat. ChatGPT）강의 썸네일

        ReactとVueで学ぶTypeScript必須概念（feat. ChatGPT）

        captain

        実務で多用されるReactとVueのコードを書きながら、TypeScriptの必須概念を習得する講座です。ReactとVueに型を適用する方法、ChatGPTの使用法まですべて網羅した、実務者と入門者どちらにも役立つ講座！

        초급

        초급

        React, TypeScript, Vue.js

        ReactとVueで学ぶTypeScript必須概念（feat. ChatGPT）강의 썸네일

        ReactとVueで学ぶTypeScript必須概念（feat. ChatGPT）

        captain

        TypeScript を実践プロジェクトで学ぶ강의 썸네일

        TypeScript を実践プロジェクトで学ぶ

        captain

        "TypeScript 入門 - 基礎から実践まで"の実践活用編です。入門編を受講していない方は、入門編から受講してください 😄

        중급이상

        중급이상

        TypeScript, ES6

        TypeScript を実践プロジェクトで学ぶ강의 썸네일

        TypeScript を実践プロジェクトで学ぶ

        captain

        Vue 3 の開始강의 썸네일

        Vue 3 の開始

        captain

        Vue.jsの最新バージョンVue 3を始める方のための講座です。Vue.jsの動作原理から実務開発をする際に知っておくべき基本概念を学びましょう。

        초급

        초급

        Vue.js, Vue 3, JavaScript

        Vue 3 の開始강의 썸네일

        Vue 3 の開始

        captain

        Vue.js 完全ガイド - 実践とリファクタリングで学ぶ実践的な概念강의 썸네일

        Vue.js 完全ガイド - 実践とリファクタリングで学ぶ実践的な概念

        captain

        Do it! Vue.js 입문 -> Vue.js 초급 강좌 -> Vue.js 중급 강좌の系譜を継ぐVue.js実践講座です。 Vue.jsを実務で完璧に活用できるようにサポートします。

        중급이상

        중급이상

        JavaScript, Vue.js

        Vue.js 完全ガイド - 実践とリファクタリングで学ぶ実践的な概念강의 썸네일

        Vue.js 完全ガイド - 実践とリファクタリングで学ぶ実践的な概念

        captain

        Vue.js 中級講座 - ウェブアプリ制作で学ぶ Vue.js、ES6、Vuex강의 썸네일

        Vue.js 中級講座 - ウェブアプリ制作で学ぶ Vue.js、ES6、Vuex

        captain

        Vue.js 中級講座 - 「誰でも」「簡単に」「素晴らしい」Webアプリケーションを作成できるVue.js活用講座です。Vue.jsの基本的な理解をベースにTodoアプリを作成しながら、コード中心の実用的な知識を学びます。

        중급이상

        중급이상

        JavaScript, Vue.js, ES6

        Vue.js 中級講座 - ウェブアプリ制作で学ぶ Vue.js、ES6、Vuex강의 썸네일

        Vue.js 中級講座 - ウェブアプリ制作で学ぶ Vue.js、ES6、Vuex

        captain

        Amazing JavaScript - 入門강의 썸네일

        Amazing JavaScript - 入門

        captain

        フロントエンド開発に必要なJavaScriptの基本知識。実務者として必ず知っておくべき必須知識を分かりやすく、素早く説明します。2024年の現代フロントエンド開発トレンドを反映した基本講義。

        입문

        입문

        JavaScript, ES6

        Amazing JavaScript - 入門강의 썸네일

        Amazing JavaScript - 入門

        captain

        Vue.js + TypeScript 完全ガイド강의 썸네일

        Vue.js + TypeScript 完全ガイド

        captain

        Vue.js で TypeScript を始める方のための最高の講座。2 つの実践プロジェクトで楽しく学べる Vue.js + TypeScript 完全攻略。学びながらすぐに実務に適用してみましょう! 😄

        중급이상

        중급이상

        Vue.js, TypeScript

        Vue.js + TypeScript 完全ガイド강의 썸네일

        Vue.js + TypeScript 完全ガイド

        captain

        PWA の開始 - Web 技術でアプリを作成する강의 썸네일

        PWA の開始 - Web 技術でアプリを作成する

        captain

        Web 技術を使用して、オフライン環境で動作するアプリを作成できます。プログレッシブ Web アプリの時代背景と主な特徴を学び、主要な技術を使用して実際のプログレッシブ Web アプリを作成してみましょう。

        초급

        초급

        Vue.js, Web Application, PWA

        PWA の開始 - Web 技術でアプリを作成する강의 썸네일

        PWA の開始 - Web 技術でアプリを作成する

        captain

        似ている講座

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

        Vue.js を徹底的に理解する - 実務に必要なすべて강의 썸네일

        Vue.js を徹底的に理解する - 実務に必要なすべて

        captain

        Vue.js を実際に使用している方に必要なすべてのものをまとめました。実際のバックエンド API を実装する CRUD アプリケーションの学習ノートです。生産性の高いプロジェクト環境の構築とバックエンド開発者との連携方法に関するメッセージを必ず確認してください :)

        중급이상

        중급이상

        JavaScript, Vue.js, Vuex

        Vue.js を徹底的に理解する - 実務に必要なすべて강의 썸네일

        Vue.js を徹底的に理解する - 実務に必要なすべて

        captain

        Vue.js 完全ガイド - 実践とリファクタリングで学ぶ実践的な概念강의 썸네일

        Vue.js 完全ガイド - 実践とリファクタリングで学ぶ実践的な概念

        captain

        Do it! Vue.js 입문 -> Vue.js 초급 강좌 -> Vue.js 중급 강좌の系譜を継ぐVue.js実践講座です。 Vue.jsを実務で完璧に活用できるようにサポートします。

        중급이상

        중급이상

        JavaScript, Vue.js

        Vue.js 完全ガイド - 実践とリファクタリングで学ぶ実践的な概念강의 썸네일

        Vue.js 完全ガイド - 実践とリファクタリングで学ぶ実践的な概念

        captain

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

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

        Michael Kwon

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

        초급

        초급

        Vue.js, PWA, supabase

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

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

        Michael Kwon

        Vue-Django-Bootstrap 뚝딱ブログ강의 썸네일

        Vue-Django-Bootstrap 뚝딱ブログ

        bestdjango

        人気3総士（Vue + Django + Bootstrap）を活用して、簡単かつ素敵な自分のブログを作ることができます。 レスポンシブは基本、スマートフォンでも見ることができます。

        초급

        초급

        Vue.js, Django, Bootstrap

        Vue-Django-Bootstrap 뚝딱ブログ강의 썸네일

        Vue-Django-Bootstrap 뚝딱ブログ

        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

        Websocket/STOMP チャット サービス (spring、vue、redis)강의 썸네일

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

        bradkim

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

        초급

        초급

        websocket, pubsub, Spring Boot

        Websocket/STOMP チャット サービス (spring、vue、redis)강의 썸네일

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

        bradkim

        カカオ、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 3完全ガイド：プロジェクト設定＆仕様総定理강의 썸네일

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

        gymcoding

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

        초급

        초급

        Vue.js, Vue 3, TailwindCSS

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

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

        gymcoding

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