Inflearn brand logo image
Inflearn brand logo image
Inflearn brand logo image
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,013

受講生

4,651

受講レビュー

3,812

回答

4.9

講座評価

17

講座

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

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

カリキュラム

全体

31件 ∙ (2時間 42分)

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

受講レビュー

全体

18件

4.9

18件の受講レビュー

  • kumtry님의 프로필 이미지
    kumtry

    受講レビュー 2

    平均評価 5.0

    5

    100% 受講後に作成

    타입스크립트, 리액트 컴포넌트 타입, 함수 정의 방법, 이벤트 처리, 제네릭의 쉬운 설명 뷰 데이터 정의 방법, ChatGPT를 활용법에 대하여 쉽게 설명된 강좌인것 같습니다. 강좌를 통해 정의를 이해하고 최신 프론트엔드 기술과 트렌드의 기본기를 다진 후, 실제 프로젝트에 적용하기 좋은 강좌인 것 같습니다.

    • 콩팬더님의 프로필 이미지
      콩팬더

      受講レビュー 17

      平均評価 5.0

      5

      100% 受講後に作成

      실무에서 Typescript를 사용하고 있긴 하지만 캡틴 판교님의 엄청난 팬이기에.. 강의 구매해서 들어봤습니다! 언제나 들어도 깔끔하고 쉬운 강의네요. React 강의도 기대하고 있겠습니다. 감사하고 사랑합니다!

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

        콩팬더님 수강평 감사합니다 :) 감사의 마음으로 리액트 강의 출시되면 쿠폰 드릴게요! ❤️

    • Evan Kim님의 프로필 이미지
      Evan Kim

      受講レビュー 17

      平均評価 4.9

      4

      100% 受講後に作成

      vue, react에서 사용하는 맛보기 typescript 내용 좋았음.

      • 황선태님의 프로필 이미지
        황선태

        受講レビュー 13

        平均評価 5.0

        5

        100% 受講後に作成

        react, vue의 간단한 타입정의하는 방법을 배우기에 좋았습니다..! 초보자가 접근하기 쉽도록 쉬운 말로 풀어서 말씀해주셔서 감사합니다 :)

        • 크라울리님의 프로필 이미지
          크라울리

          受講レビュー 20

          平均評価 5.0

          5

          100% 受講後に作成

          좋은 강의 감사합니다.

        期間限定セール、あと2日日で終了

        ¥33,000

        25%

        ¥5,164

        captainの他の講座

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

        似ている講座

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