강의

멘토링

로드맵

Inflearn brand logo image
BEST
Programming

/

Front-end

Webゲームを作成して学習するReactにTypeScriptを適用する

リアクトで作ったウェブゲームとReact Router、Redux、MobXにタイプスクリプトを貼り付けてリアクトとタイプスクリプトを一緒に使ってみましょう。

  • zerocho
React
TypeScript

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

こんなことが学べます

  • React + TypeScript

  • DefinitelyTyped

  • React Router タイピング

  • Redux タイピング

  • MobXタイピング

リアクトでWebゲームを作成し、タイプスクリプトを貼り付ける例を通して
安定したリアクトプログラミングを学びましょう。

リアクト+タイプスクリプト
Webゲームの例で実務に適応しましょう!

Webゲームを作成して学ぶReactの後続で、同じゲームをタイプスクリプトを適用して作成します。
また、Webゲームだけをタイピングすると残念だからリアクトとよく使われるReact Router、Redux、MobXに対するタイピングも学びます。 Class と Hooks 文法の両方でタイピングします。

タイプスクリプトを貼り付けることで、より安定したReactプログラミングが可能になります。


🌈講義例のプレビュー

球球団、終了する👉数字野球、反応速度チェック

🙌ここで扱うツール

ChromeブラウザとVisual Studio Code(またはWebStorm)を使用します。


🗒質問にすばやく
答えます。

私のコースの利点はQ&Aです。質問があれば一日以内に答えてください。
講座に関する内容を自由に質問しながら積極的に勉強してみてください。
内容を理解するのに役立つでしょう!


🙋🏻‍♂️ 予想される質問 QnA

Q. TypeScriptのバージョンは何ですか?

A. 3.8バージョンを使用してください。それ以降のバージョンをインストールしても構いません。

Q. ソースコードはどこにありますか?

A. https://github.com/zerocho/ts-react

Q.リアクト、リダックスの概念も扱っていますか?

A. この部分は以下の選手科目を先に聞いて来なければなりません。この講座にはタイピングをつけることだけを説明し、それ自体の概念は説明しません。

Q.選手科目はありますか?

A. Webゲームを作って学ぶReact講座、Webゲームを作って学ぶTypeScriptをご覧ください。 TypeScript講座は有料なので公式文書をご覧いただくことである程度置換可能です。

こんな方に
おすすめです

学習対象は
誰でしょう?

  • タイプスクリプトを学んだが、リアクトにどのように付けるべきかわからない人

  • タイプスクリプトとリアクトを実務で使用する方

  • 他のライブラリの入力に恐れを持っている人

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

  • JavaScriptの文法知識

  • リアクトウェブゲーム講座

  • タイプスクリプトウェブゲームコース

  • Redux、MobX基礎概念

こんにちは
です。

65,529

受講生

1,602

受講レビュー

9,702

回答

4.8

講座評価

22

講座

제 강의의 장점은 Q&A입니다(인프런 답변왕 2회 수상). 24시간 이내에 최대한 답변드립니다! 같이 고민한다는 느낌으로 답변 드릴게요!

One of the key strengths of my courses is the Q&A support. (Winner of the Inflearn Q&A King award twice) I respond to your questions within 24 hours, doing my best to help you out! You’ll feel like we’re solving the problems together.

👉ZeroCho Lectures
제로초 강의 전체 로드맵. A complete roadmap of all my courses is available here.

– Node.js교과서, 코딩자율학습 제로초의 자바스크립트, Let's Get IT 자바스크립트, 타입스크립트 교과서 저자 
ZeroCho.com 운영자
– 현) 유튜브에서 ZeroCho TV로 개발 관련 방송중 
– 현) 스모어톡 CTO 
– 전) 오늘의픽업 CTO(카카오모빌리티에 엑싯 후 카카오모빌리티 최연소 개발파트장)

  • Author of Node.js Textbook, Self-Guided JavaScript by ZeroCho, Let's Get IT JavaScript, and TypeScript Textbook

  • Operator of ZeroCho.com

  • Currently running a YouTube channel ZeroCho TV, covering development topics

  • CTO at SmoreTalk

  • Former CTO at Today Pickup (acquired by Kakao Mobility, where I became the youngest lead developer)

カリキュラム

全体

36件 ∙ (7時間 38分)

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

受講レビュー

全体

27件

4.7

27件の受講レビュー

  • beautifuldev님의 프로필 이미지
    beautifuldev

    受講レビュー 5

    平均評価 4.8

    5

    100% 受講後に作成

    レビューアとして参加することになり、良い機会で普段聞きたかった該当講義を無料で聴くようになりました。 まず、このレッスンは、ReactとTypeScriptに関する先行知識が必要なレッスンです。 ReactとTypeScriptの文法を教える講義ではありません。それで、これについての知識が全くないなら、授業に従うのに支障があるでしょう。 しかし、私の個人的な考えでは、ReactとTypeScriptの両方が基本レベルの基本的な文法の程度しか知っていなければ講義を聞くのに大きな困難はないと思います。私の場合は、講義の冒頭で'考えより簡単ですが?'ながら自信がつきました。もちろん、すべての内容が簡単だというわけではなく、聞いてみると難しい内容もあります。特にReduxはある程度の知識が必要です。しかし、私はReduxのほかにReact Router、ContextAPI、MobXは別に勉強したことがないのでよく知らなかったにもかかわらず、十分に講義に従うことができました。 例えば、リアクトは講義ごとに出てくる内容について軽く概念をつかんでいただきながら進められます。 TypeScriptも軽くそして繰り返し説明して渡していただき、従来知っていたTypeScriptの概念をもう一度まとめる感じも聞きました。 (もちろん個人差で説明しないでくださる部分もあります) そして私がこの講義を選んだもう一つの理由の一つは、Q&Aの部屋が活性化されているということですが、質問文が上がるとすぐに答えてくれる部分も良かったです。 書いてみると文が長くなったのにサポートしたかった会社でReactにTypeScriptを適用する課題を提出しなければならなかったことがありました。短い期間内に独学してみようとしましたが、いちいち探して勉強しようとしたら幕末さが感じられました。 それで、基礎レベルにとどまっていましたが、この講座を聞いてからは、大きな困難を感じずにリアクトにタイプスクリプトを適用してコーディングできるようになりました。そして新しい内容に触れて学ぶと、開発実力向上にならずに苦しんだスランプもある程度回復しました。 良い講義を作ってくれてありがとう、いつも良いことがいっぱいです:D

    • snrtn943653님의 프로필 이미지
      snrtn943653

      受講レビュー 67

      平均評価 4.9

      5

      42% 受講後に作成

      カンチュ

      • ina93771967님의 프로필 이미지
        ina93771967

        受講レビュー 4

        平均評価 5.0

        5

        100% 受講後に作成

        少し少しずつ漢講義を聞いてみると、すでに完結ですね:Dスタイルを着て美しく作ってみます。

        • bmworld님의 프로필 이미지
          bmworld

          受講レビュー 9

          平均評価 5.0

          5

          100% 受講後に作成

          ディテールな知識/本当に必要なところに集中して説明してくれることで良質な情報を得ていきます。ありがとうございます。

          • loko님의 프로필 이미지
            loko

            受講レビュー 20

            平均評価 5.0

            5

            100% 受講後に作成

            良い講義はよく聞きました:)

            ¥4,523

            zerochoの他の講座

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

            似ている講座

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