강의

멘토링

로드맵

BEST
Programming

/

Front-end

ReactとVueで学ぶTypeScript必須概念(feat. ChatGPT)

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

  • captain
타입스크립트
실무
실습 중심
React
TypeScript
Vue.js
Vue 3
ChatGPT

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

こんなことが学べます

  • TypeScript (タイプスクリプト)

  • React (リアクト)

  • Vue.js (ビュー)

  • ChatGPT

ReactとVue.jsコードで
タイプスクリプトを適用するとき
必ず知るべき概念

実務コードから絶対に欠かせないタイプスクリプト。 ReactとVueコードを書くときにタイプスクリプトを知らなかったので、それは大変でしたか?この講義を聞くと、どのような概念をなぜ知る必要があるのかがわかり、エラーに出会ったときに徐々に解釈しながら解くことができる問題解決力を育てることができます。

こんな方におすすめです

  • React/Vue.jsとTypeScriptを一緒に書きたい人

  • タイプスクリプトの利用が初めての人やまだ厄介な人

  • フロントエンド開発歴5年以下実務者

この講義だけの特長

古いJavaScriptプロジェクトに徐々にタイプスクリプトを適用したい場合、またはフロントエンド開発者としてユーザー/開発者の両方の質を高めたい人は、このコードレベルでタイプスクリプトを活用する方法を学ぶことができます。

本番コードで学ぶTS必須コンセプト:Vue 3対応

本番コードで学ぶTS必須コンセプト

ライブコーディングのクラスでは、フロントエンドフレームワークにタイプスクリプトを適用する方法を理解しやすくなります。

活用のための鮮やかなヒントを伝える

タイプと関数、REST APIタイプなどを定義する方法、本番開発にChatGPTを活用する方法、TS活用時に注意すべき方法などのヒントをまとめてお届けします。

このようなことを学びます。

1. 熟練したFE開発者になるために知るべき実務知識

  • エラーが発生した理由を理解する能力

  • エラーを見て素早くコアエラーを推測する能力

  • エラーを解決するための本番のヒント

2. React、Vue内蔵タイプとTS必須概念

  • ReactとVueでUIを開発するときに知っておくべきライブラリ組み込みタイプ

  • タイプスクリプト内蔵タイプとライブラリ内蔵タイプの比較

  • 簡潔なコードとエラー解決能力を向上させるためのTS必須概念学習

Inflearn累積受講生8,000人突破人気講義

キャプテン板橋タイプスクリプトシリーズ、
本で再誕生!

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

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

本を見に行く >>

387-6-r8

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

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

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

質問がありますか?

Q. 就職準備生とジュニア開発者にとってどんな助けになりますか?

単にコードを書いて実装にとどまるのではなく、コードを書いていくときに、そのコードが内部的にどのように定義されたのか、ライブラリの内部ソースを一緒に見て深く理解します。

実務で絶対に使用されるReactとVueの基本的な使い方だけでなく、UIを実装するために必要な文法をタイプスクリプトという言語の観点から解釈し、どの概念を知るべきかを一度にまとめることができます。

10年の経験を持つFE実務開発者がどのようにフレームワークと言語を見ているのかがわかります。また、実務でよく活用するChatGPTについてもヒントを得ることができる場になるでしょう😄

Q. 授業を受けるために必要な知識は何ですか?

JavaScriptの基本文法(変数、関数、オブジェクト、条件文など)とコンポーネントベースのフレームワークであるReact、Vueの基本文法(状態やコンポーネントの定義方法など)を知っている方はすべて聞くことができます。

Q. 授業をすべて聞いたらどんな能力が向上しますか?

タイプスクリプトで書かれたReact、Vueプロジェクトのコードをより深く理解することができます。単純な知識伝達を超えて、なぜエラーが発生し、そのエラーを解決するために必要な概念が何なのかがわかります。

講義割引を提供します!

「ReactとTypeScriptで始まる
フロントエンド開発ロードマップ" 30%割引 クリック)

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

こんな方に
おすすめです

学習対象は
誰でしょう?

  • ReactとTypeScriptを一緒に使いたい方

  • フロントエンド開発経験5年以下

  • React 実務者

  • Vue.js 実務者

  • タイプスクリプト入門者

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

  • リアクト

  • Vue.js

  • JavaScript

こんにちは
です。

48,414

受講生

4,715

受講レビュー

3,814

回答

4.9

講座評価

19

講座

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

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

カリキュラム

全体

31件 ∙ (2時間 42分)

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

受講レビュー

全体

18件

4.9

18件の受講レビュー

  • kumtry4786님의 프로필 이미지
    kumtry4786

    受講レビュー 2

    平均評価 5.0

    5

    100% 受講後に作成

    TypeScript, React component types, function definition methods, event handling, easy explanation of generics, view data definition methods, how to use ChatGPT It seems like an easily explained course. After understanding the definitions through the course and building a foundation of the latest front-end technology and trends, it seems like a good course to apply to actual projects.

    • ymh0951님의 프로필 이미지
      ymh0951

      受講レビュー 17

      平均評価 5.0

      5

      100% 受講後に作成

      I'm using Typescript in my work, but I'm a huge fan of Captain Pangyo, so I bought the lecture and listened to it! It's always a clean and easy lecture. I'm looking forward to the React lecture too. Thank you and I love you!

      • captain
        知識共有者

        Thank you for your review, Kongpanda :) As a token of my appreciation, I will give you a coupon when the React course is released! ❤️

    • sameness3님의 프로필 이미지
      sameness3

      受講レビュー 17

      平均評価 4.9

      4

      100% 受講後に作成

      I liked the preview of TypeScript used in Vue and React.

      • pain103님의 프로필 이미지
        pain103

        受講レビュー 13

        平均評価 5.0

        5

        100% 受講後に作成

        It was great to learn how to define simple types in react and vue..! Thank you for explaining it in easy terms so that beginners can easily approach it :)

        • yuntaehee님의 프로필 이미지
          yuntaehee

          受講レビュー 21

          平均評価 5.0

          5

          100% 受講後に作成

          Thank you for the great lecture.

          • captain
            知識共有者

            Thank you for your first review :)

        期間限定セール

        ¥26

        22%

        ¥5,293

        captainの他の講座

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

        似ている講座

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