강의

멘토링

로드맵

Inflearn brand logo image
BEST
Programming

/

Front-end

Vue.js + TypeScript 完全ガイド

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

  • captain
Vue.js
TypeScript

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

こんなことが学べます

  • Vue.js TypeScript

  • タイプスクリプト

  • Vue.js 実務開発

  • リサイクル性が高いコンポーネントの設計方法

名仏虚戦!キャプテン板橋と一緒に
Vue.js + Typescript FE完全征服🚀

Inflearn累積受講生8,000人突破人気講義
キャプテン板橋タイプスクリプトシリーズ、本として再誕生!

2023 『簡単に始めるタイプスクリプト』出版

JavaScriptコードの品質と開発生産性を高めるタイプスクリプト、講義とともに本で学習してみてください!

本を見に行く >>

Vueとタイプスクリプト
一度に学びましょう🪐

Vue.jsでWebアプリケーションを作成することに慣れましたか?それでは、今はタイプスクリプトを学ぶことです。タイプスクリプトで私が作った機能をより堅くし、他の人がコードの内容を簡単に把握できるようにしますか?あなたのVue.jsフロントエンドの開発をさらに楽しくしてくれるVue.js + TypeScript講義を今すぐ受講してください。


講義構成は
このようになっています 📚


  • Vue.jsでTypeScriptを起動する方法
  • 既存のVue.js + JavaScriptプロジェクトにTypeScriptを徐々に適用する方法
  • 実務Vue.jsコードにタイプスクリプトを直接適用できるハニーチップとノウハウ
  • リサイクル性に優れたVue.jsユニットコンポーネントの製作方法
  • Vue 3を準備する姿勢

講義で扱う
2つのプロジェクト🎲

[最初のプロジェクト]
ToDo管理アプリ

[第2プロジェクト]
ニュース、求人掲示板アプリ


予想Q&A 🙋🏻‍♂️

Q. Vue.jsを初めて起動するのにこの講義を聞くことはできますか?

この講義は基礎講義ではありません。 キャプテン板橋のVue.js学習ロードマップをすべて受講された方が聞くことができます。選手科目をすべて受講していない方には適していない講義なので選手科目を先に学習してください!

Q. Vue 3が新たに出てきましたが、このレッスンはVue 3バージョンに進みますか?

いいえ、Vue 2バージョンに進みます。しかし、講義で学んだことは、そのままVue 3バージョンで利用できます。現在、Vue 3エコシステムが成熟していないため、実務ですぐに利用できるVue 2バージョンに進みます。講義後半部にはVue 3にタイプスクリプトを適用する方法についても簡単に案内するので参考にしてください。

Q. タイプスクリプトを全く知らないのにこの講義を聞くことができますか?

この講義はタイプスクリプト選手講義(入門、実戦)をすべて受講された方に適した講義です。講義で扱うタイプスクリプトの基本コードは別途概念をお知らせしませんので、タイプスクリプト選手講義を是非受講してください!

Q. 実務でJavaScriptだけでうまく開発するのにタイプスクリプトも学習しなければなりませんか?

複雑なWebアプリケーションを複数人で開発してきた経験があれば、おそらく文書化されたコード、読みやすさが高く、一目で意味を把握しやすいコードを好むと思います。 TypeScriptはこれらの利点を最大化するだけでなく、コードを簡単に書くのに役立ち、将来のアプリケーションを実行したときのバグを事前に減らすことができます。学習してみると開発する方が楽になりますよ!

📢受講前にぜひご確認ください!

  • このレッスンは、上記の2つのロードマップ全体を受講した学習者が聞くことができるように構成されたレッスンです。選手の知識を必ずご確認ください!

関連ロードマップ🚎

Vue.jsとTypeScriptで征服するフロントエンド開発
キャプテン板橋様のビュー+タイプスクリプトで一度に
学習は講義で構成されるロードマップです。
この講義を含む

知識共有者の紹介👨‍🏫

チャン・ギヒョ(キャプテン板橋)

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

「講義収益でVue.jsオープンソース+
ライフコーディングを後援します😁」

講義割引を提供します!

シリーズ「Vue.jsで完成するフロントエンド
開発者ロードマップ" 25%オフ(クリック)

収入のない中・高校生、
大学生のための学生の50%割引(クリック)

こんな方に
おすすめです

学習対象は
誰でしょう?

  • フロントエンド開発者

  • Vue.js で TypeScript を初めて始める方

  • Vue.js 学習ロードマップをすべて受講し、次の講義を待っている方

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

  • Vue.js

  • TypeScript

こんにちは
です。

48,096

受講生

4,668

受講レビュー

3,812

回答

4.9

講座評価

17

講座

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

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

カリキュラム

全体

84件 ∙ (8時間 2分)

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

受講レビュー

全体

68件

4.8

68件の受講レビュー

  • 이윤기님의 프로필 이미지
    이윤기

    受講レビュー 2

    平均評価 4.0

    3

    95% 受講後に作成

    유료 강의 인데 기존에 다른 강의 repository를 재활용 하는 건 너무 성의 없는 거 아닌가요? public으로 공개해 놓지도 않고... 소스만 가져와서 새로운 repository 만드는 게 많은 시간을 쓰는 것도 아니고 모든 수강생이 해당 강좌를 들은 것도 아닌데...

    • momo_12님의 프로필 이미지
      momo_12

      受講レビュー 16

      平均評価 5.0

      5

      100% 受講後に作成

      vue.js 에서 typescript 적용에 대한 정말 좋은 강의입니다.

      • 장기효(캡틴판교)
        知識共有者

        안녕하세요 첫 번째 수강평 넘 감사드립니다 :) 후속 영상도 잘 준비해서 올릴게요. 응원 감사합니다 :)

    • 에반님의 프로필 이미지
      에반

      受講レビュー 2

      平均評価 5.0

      5

      100% 受講後に作成

      좋은 강의였습니다.

    • abcdeee님의 프로필 이미지
      abcdeee

      受講レビュー 1

      平均評価 5.0

      5

      93% 受講後に作成

      개발하면서 몰랐던 부분들을 알 수 있었던 강의!

    • 테이님의 프로필 이미지
      테이

      受講レビュー 20

      平均評価 4.8

      4

      100% 受講後に作成

      vue2와 타입스크립트를 같이 사용해볼 수 있어서 좋았어요. 특히 마지막 부분에 ref랑 이벤트 관련 유틸타입부분은 특히 재밌었어요! 근데 아무래도 옛날 버전 위주라서 진행하면서 조금씩 달랐던 건 아쉬웠습니당

      ¥10,375

      captainの他の講座

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

      似ている講座

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