inflearn logo
inflearn logo

@シコ - TypeScriptを正しく学ぶ(初中級)

深みのある授業で最高のウェブ開発者になるためのTypeScript講座です。 完走した時にはTypeScriptの本質を見抜くことができ、次に学ぶReactやNext.js、NestJSなどの達人になることができます。

難易度 初級

受講期間 無制限

TypeScript
TypeScript
React
React
JavaScript
JavaScript
TypeScript
TypeScript
React
React
JavaScript
JavaScript
날개 달린 동전

講座 を紹介して、成長と収益を得ましょう!

날개 달린 동전

マーケティングパートナーズ

講座 を紹介して、成長と収益を得ましょう!

受講後に得られること

  • 深いTypeScriptの核心原理と実務

  • React、Next.js、NestJSの達人になるための最高級TypeScriptコーディング技術

  • ReactなどのTSフレームワーク開発の事前学習

基礎から応用まで

本質を射抜く TypeScript 講座

🧐何が違うのですか?

本講義は、TypeScriptを使用するフロントエンドおよびバックエンドの開発者が実務で必ず熟知しておくべき核心的なトピックを体系的に構成して提供します!

JavaScriptをベースにしたTypeScriptの型システムと高度な文法を、明確な理論解説とともに、

実際のコードにすぐ適用できるように設計されており、静的型のメリットを理解して活用できるようにサポートします。


🧐講義の特徴

実際のオフライン授業をオンラインで体験できる機会になるでしょう。

オブジェクト指向の概念からコンパイラの概念まで学びます。

特にCoVariance(共変性)とFreshnessの概念を習得し、論理的にすべてが説明できるようにします。

TypeScriptを習得することでReactコーディングの武器になり、JavaやRustといった他の言語を学ぶ際にも大きな助けとなるでしょう。

何を学びますか?

TypeScript コアの再整備

型システムの原理、型推論、ユニオン/インターセクション型、型ガード、インターフェースと型別名など、TypeScriptの核となる文法と概念を深く学習します。

拡張性のあるコード作成

Generic、Utility typesを利用して、柔軟でありながら再利用可能な関数やコンポーネントを作成する方法を学び、型推論と制約を巧みに扱う方法を学習します。

高度な型システムの活用

Mapped types, Conditional types, Utility types, Template literal types など

高度な型構文を通じて、実際の複雑なデータ構造をモデリングする能力を養います。

実践中心のタイプ安全コーディング

実際のプロジェクトで発生し得る様々な問題を、型ベースでどのように未然に防ぎ、メンテナンス可能なコードを作成できるかを学習します。

Typescript コンパイラについて...

🤔どのように進められますか?

スライド形式で作成された、本質を突くTypeScript教材のリンクを提供。
実際の授業で使用されたコードのGitリンクを提供。

単にコードで確認するだけでなく、TypeScriptが内部でどのように動作するのか、メモリはどのように使用されるのかといった様々な内部的な学習要素を、直接描きながら説明します
また、追加の実習を通じて多角的にアプローチします

Playgroundを通じた実習...

型システム...

📖講義構成

TypeScriptがなぜ登場したのか?

なぜ必要なのか?どのように発展してきたのか?などの

原理的な部分も学びます


TypeScriptの使用を超えて

内部的な動作まで

掘り下げてみます


使い方だけでなく

設定やオプションなど、実際のプロジェクトで使用する

オプションについても学びます

概念的な説明を超えて

直接的な実習と問題解決を通じて

実務的な部分を学びます

📚カリキュラム

01. TS - 始めに

02. TSコンパイラの理解

03. Type System

04. union & literal type (1)

05. union & literal type (2)

06. UnionとObject Literalのまとめ

07. Object Type

08. Function Type (1)

09. Function Type (2)

10. Array & Tuple

11. interface (1)

12. interface (2)

13. class (1)

14. class (2)

15. クラスの拡張(extends)

16. 型制約(Type Constraints)

17. Generic (1)

18. Generic (2)

19. Utility types

20. Generic (3)

21. Generic (4)

22. 型宣言ファイル

23. タイプ運用 (1)

24. 型の運用 (2)

😊 オフライン授業の実際の受講レビュー

ただコードを入力してみるだけの

ことではなく、プログラミングとは

何なのかを感じることが

ある時間

おかげさまで現在就職し

会社でも先生が

教えていただいた知識を

役立てて

あります

心を込めて綴る弟子の後記

こんな方に
おすすめです

学習対象は
誰でしょう?

  • 複数のブートキャンプで何度も学んだものの、上手く使いこなせない中級者

  • TypeScriptをプロフェッショナルに使いこなせない実務家

  • 深いフレームワークを学ぶためのTypeScriptを求めている方

  • ReactやNext.jsなどのフレームワークの達人を目指している方

  • TypeScriptの本質を突き詰め、ウェブ開発の上位1%を目指す方へ

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

  • JavaScript 中級

こんにちは
seniorcodingです。

3,572

受講生

120

受講レビュー

23

回答

4.8

講座評価

6

講座

- 次カカオ(Daum Kakao)開発チーム長(8年)

- IT企業での開発業務およびスタートアップ(14年)

- YouTube「シニアコーディング」チャンネルを運営し、開発関連の技術講座を行っており、現在約1万7千人の登録者がいます。

https://www.youtube.com/c/SeniorCoding 

もっと見る

受講レビュー

全体

8件

5.0

8件の受講レビュー

  • leo31794224님의 프로필 이미지
    leo31794224

    受講レビュー 5

    平均評価 5.0

    5

    32% 受講後に作成

    • jenny67424037님의 프로필 이미지
      jenny67424037

      受講レビュー 4

      平均評価 5.0

      5

      100% 受講後に作成

      • zinn님의 프로필 이미지
        zinn

        受講レビュー 5

        平均評価 5.0

        5

        100% 受講後に作成

        • leecokie님의 프로필 이미지
          leecokie

          受講レビュー 3

          平均評価 5.0

          5

          32% 受講後に作成

          各理論内容に対する例示を丁寧に指摘してくださり、理解するのにとても助かります:)

          • beadskode님의 프로필 이미지
            beadskode

            受講レビュー 2

            平均評価 5.0

            5

            68% 受講後に作成

            seniorcodingの他の講座

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

            似ている講座

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

            ¥12,245