Inflearn brand logo image
Inflearn brand logo image
Inflearn brand logo image
Programming

/

Programming Language

Learning TypeScript by Picking Out the Essentials

Essential TypeScript syntax for beginner front-end developers! From basic to advanced, we'll thoroughly explore the TypeScript language!

  • sucoding
핵심원리
실습 중심
TypeScript

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

こんなことが学べます

  • Latest TypeScript 5.8 syntax

  • Introduction to TypeScript

  • Basic types and variable declaration

  • TypeScript and JavaScript integration

  • Interfaces

  • Type Aliases

  • Classes and object-oriented programming

  • Generics

  • Type inference and explicit types

  • Handling functions in TypeScript

  • Type Guards

  • Advanced Types in TypeScript

  • Asynchronous programming in TypeScript

非専攻者もわかりやすいTypeScript!!
🛩スコーディングのフロントエンドロードマップシリーズ5段階! 🛩

フロントエンド入門分野のベストセラー

フロントエンド入門分野ベストセラー作家が作った講義!

2022 『コーディング自律学習 HTML+CSS+JavaScript』出版! 🎉
2023 『分かるほど見えるフロントエンド開発』出版! 🎉
2024『コーディング自律学習Vue.JS』出版! 🎉

スコーディングはフロントエンドの様々な分野を執筆した現職作家です。
出荷した本がすべてベストセラーです。 😎
フロントエンド川の先導しているスコーディングが作った特別な講義なんです!

気になる

何を学びますか?

TypeScriptはJavaScriptの拡張言語で、静的型チェックを使用してコードの信頼性と読みやすさを向上させます。特に大規模なプロジェクトコラボレーション環境でコードのエラーを事前に防止し、メンテナンスを容易にする強力なツールです。しかし、最初からすべてのタイプスクリプト機能を学びマスターするのは簡単ではありません。

このレッスンでは、実務でよく使用されるコアTypeScriptの概念のみを厳選して学習します。
複雑または使用頻度の低い機能は大胆に除いて、

  • 基本型宣言

  • インターフェースとタイプ(alias)を活用

  • ジェネリック

  • ユニオン/インターセクションタイプ

  • 関数とクラスタイプの定義

  • 再利用可能なタイプの作成

など、実際の開発でよく活用される内容に集中しました。

これにより、初心者でもTypeScriptの重要な概念と文法を簡単かつ効率的に学ぶことができ、
JavaScriptとの違いを明確に理解し、
実務ですぐに活用可能な開発能力を自然に身につけるようになります。 🚀

完全初心者でも大丈夫です、

基礎からじっくりとみんなお知らせします。

TypeScriptはJavaScript開発の効率性と信頼性を高める強力なツールです。
しかし、初めての人には見知らぬ文法と概念のために難しいかもしれません。
心配しないでください!

この講義では、基礎からしっかりと積み重ねられるよう、
丁寧で親切に一つ一つ説明します。

  • 初心者でも自信を持って学べるように
    簡単な例と実践を通して一緒にしましょう! 🚀

  • TypeScriptの重要な概念を一つずつ学び、
    実際のプロジェクトに適用できる技術を自然に身につけてください!

「JavaScriptをより安全で、よりスマートに!」
TypeScriptで開発スキルを一段階アップグレードしてみてください。 🎯

スコーディング講義だけ
特別なポイント

実務ですぐに適用できるコア中心のカリキュラム

  • タイプスクリプトの複雑な理論を減らし、実際のプロジェクトでよく使用される重要な概念だけを厳選して学習します。

  • タイプ、インターフェース、ジェネリックなどよく使う機能に集中し、実務ですぐに活用できるスキルを学ぶことができます。

直感的で簡単な例と実践中心の講義

  • TypeScriptを初めて学ぶ人も簡単に理解できるように、概念を段階的に説明し、例→実習方式で学習します。

  • 手で直接コーディングして学ぶ練習中心の講義で、理論を実践にすぐに適用するのに役立ちます。

JavaScriptとの違いを明確に理解する

  • TypeScriptはJavaScriptを拡張した言語なので、 JavaScriptとの違いを明確に理解しながら学習します。

  • JavaScriptを既に知っていれば、タイプスクリプトの差別化された強みをすぐに体感できます。

最新バージョンのタイプスクリプト機能まで完全に適用

  • 最新バージョンのタイプスクリプト機能を反映して、最新の文法と機能を学ぶことができます。

  • タイプスクリプトの最新アップデートを講義に即座に反映し、今後の変化にも柔軟に適応できる開発者を養成します。

実務のヒントと開発者のノウハウ惜しみなく公開

  • 教科書にない現業開発者だけの実戦のヒント業務効率を高める方法までお知らせします。

  • JavaScriptだけでなく、フロントエンド開発者として成長するための方向性も提示します。

受講生のカスタムフィードバックと入念なQ&Aサポート

  • 受講生の質問に対する迅速でフレンドリーなフィードバックを提供します。

  • よくあるミスや混乱する部分をつかみ、個々の学習効果を最大化します。

ちょっと待ってください!

講義にも私と合う「決」があることをご存知ですか?

誰にも認められる大作ゲームが私には面白くないように
講義も皆に同じように合うわけではありません。

いくら賞賛が自らの講義でも私と合わないことができ
逆に、誰かに普通の講義が私にとって最高の講義になることができます。

だから私のすべての講義は少なくとも10%以上無料で公開されています。
直接聞いて、私とスタイルの「結」が合っていることを確認してみてください!

もし私と結ばれたら、
フロントエンド開発者への最速の近道をご案内いたします。
信じてフォローしてください! 🚀

初心者の目の高さに
最適化されたコア
カリキュラム

Chapter 01
準備する

タイプスクリプトを開始する前に必要な環境設定を学びます。
タイプスクリプトをプロジェクトに適用し、デフォルト設定ファイルであるtsconfig.jsonを設定して、タイプスクリプトを使用する準備を完了します。

Chapter 02
タイプスクリプトの基礎

タイプスクリプトで重要な基本タイプ参照タイプを学び、それぞれのタイプがどのように動作するかを理解します。
JavaScriptの基本データ型と参照データ型の概念に基づいて、TypeScriptでこれをどのように活用するかを学びます。

  • 基本型:数値、文字列、ブール語など、基本的によく使われるデータ型を扱い、型スクリプトの型宣言方法を学びます。

  • 参照型: オブジェクト、配列、関数など参照型データを扱いながら、型スクリプトで型推論型定義をどのように活用できるかを実習を通じて習います。

  • 型推論と明示的な型指定:型スクリプトが提供する自動型推論機能を理解し、必要に応じて明示的に型を指定する方法を学びます。

これにより、タイプスクリプトのタイプシステムをしっかりと理解し、コードの安定性を高める方法を学ぶことができます。

Chapter 03
特別なタイプ

タイプスクリプトには、基本タイプと参照タイプに加えて、特別な用途に使用されるタイプがあります。
この章では、any、unknown、neverなどの特別なタイプについて説明します。

これらのタイプを適切に活用してコードの柔軟性を高め、より安全なタイプ管理を行う方法を学びます。

Chapter 04
タイプ推論

型スクリプトは、変数や関数に明示的なを指定しなくても、自動的に型を推論しくれます。
この章では、タイプスクリプトがどのようにタイプを推論するのか、そしてその推論がコードを書くのにどのように役立つかを学びます。

型推論を適切に活用すると、コードがよりきれいになり、型を明示的に記述する必要がなくなります。
これからは、タイプスクリプトの自動タイプ推論のおかげで、コード作成がより簡単で効率的に感じられるでしょう! 🚀

Chapter 05
関数を見る

関数型は型スクリプトの重要な部分ですが、学習すれば学ぶほど扱う内容は無限です
この章では、関数タイプについて深く扱い、関数のパラメータ、戻り値、およびさまざまな関数宣言方法について説明します。

タイプスクリプトで関数タイプをうまく活用すると、コードがより安全メンテナンスが容易になります。
関数の多様な可能性を調べながら、タイプスクリプトの真面目をきちんと体験できるでしょう! 🚀

Chapter 06
タイプガードとタイプ断言

タイプガードとタイプ単言はタイプスクリプトの高度な文法の一つであり、この二つはタイプスクリプトユーザーであれば必ず知るべき重要な内容です。
タイプスクリプトで正確なタイプ検査タイプ確定ができるようにする技術ですが、これをうまく活用すればコードの安全性と読みやすさを一層高めることができます。

今回の章では、タイプガードとタイプダンスの概念を簡単に説明し、実際の例でどのような状況で活用できるかを学びます。
これら2つの技術をマスターすると、タイプスクリプトの
強力なタイプシステムをより活用できるでしょう! 🚀

Chapter 07
オブジェクトタイプを見る

オブジェクトタイプはタイプスクリプトで非常に重要な概念であり、オブジェクトを扱うときにタイプを明確に指定することで、コードの安定性と予測可能性を高めます。
前に簡単に取り上げたことがありますが、今回の章ではオブジェクトタイプをより深く探索してみます。

オブジェクトタイプの定義から、インタフェースタイプエイリアスなど、さまざまな方法でオブジェクトを扱う方法を実際の例で学習します。
タイプスクリプトでオブジェクトを効果的に管理する技術を習得できます。この章では、オブジェクトタイプの理解をさらに強化し、複雑な構造もうまく処理する能力を育てましょう! 💡

Chapter 08
インターフェース

これで熟練者に進む段階です! 🚀
この章では、インターフェースについて学び、オブジェクト型の型を効率的に指定する方法を学びます。

インタフェースは、タイプスクリプトでオブジェクトの構造を定義するときに使用し、一度定義したタイプを再利用できるようにします。
これによりコードの重複を減らし、メンテナンスが容易なきちんとしたコード作成が可能です。

この章では、インターフェースの使い方を学び、より体系的で拡張可能なコードを書くことができます。
オブジェクトタイプを効率的に処理し、再利用可能な構造を作成するための重要な技術を学びましょう。

Chapter 09
タイプ別名

タイプエイリアスはインターフェースと似た概念ですが、独自のカスタムタイプを定義できるようにする強力なツールです。
この章では、タイプエイリアスを使用して独自のタイプをどのように作成して管理できるかを学びます。 🎯

型別名は、特に複雑な型再利用可能な型を作成するときに便利で、さまざまな型を組み合わせることができ、柔軟なコード作成が可能です。
インターフェイスとともに、タイプスクリプトで効率的で再利用可能なタイプを設定できます。

この章でタイプ別名を活用した構造化タイプの作成を学びましょう!

Chapter 10
クラス

JavaScriptでは、クラスはすでに重要な概念ですが、タイプスクリプトのクラスはその上にタイプシステムが追加されて少し複雑になる可能性があります。
しかし、心配しないでください!タイプスクリプトクラスの核心概念文法をじっくり学びながら、実際にどのようにタイプを指定して活用するかを学ぶことができます。

クラスを使用してオブジェクト指向プログラミング(OOP)をタイプスクリプト方式で適用し、クラス内でタイプ指定、継承、アクセス制限子などを通じてメンテナンス性の高いコードを作成する方法を学びます。 🛠

この章では、 TypeScriptクラスの理解を深め、オブジェクト指向プログラミングの進歩を体験してください。 🚀

Chapter 11
ジェネリック

タイプスクリプトのエンドプレートと呼ばれるジェネリック!初めて触れると少し難しく感じることができますが、一度理解したらタイプスクリプトをより強力で柔軟に使用できる強力なツールになります。 🚀

ジェネリックはタイプを柔軟に設定できるようにする機能で、再利用可能なコードを書くときに非常に便利です。関数クラスインタフェースなどで型を動的に指定する方法を学び、これにより、より効率的でスケーラブルなコードを書くことができるようになります。

ジェネリックを学ぶと、コードの柔軟性スケーラビリティがどれほど重要であるかがわかり、それに基づいてタイプスクリプトの真の力を体験できます。 🧠

この章ではジェネリックの基本概念から実際の活用法までじっくり説明し、ジェネリックをマスターする道に案内します! 😎

Chapter 12
ユーティリティタイプ

タイプスクリプトはさまざまなユーティリティタイプを提供し、コードをより簡潔で効率的に記述するのに役立ちます。これらのユーティリティタイプをうまく活用すると、繰り返しのコードを減らし、よりきれいなコードを書くことができます。

ユーティリティタイプには、 PartialRequiredReadonlyPickOmitなどのさまざまな種類が含まれています。これらのをうまく活用すると、型変換を簡単に処理し、既存の型を変形するのに大きな助けになります。

今回の章では、ユーティリティタイプ基本的な使い方実際の事例を通して、タイプスクリプトをより効率的に使う方法を学びます。 🙌

ユーティリティタイプを学ぶと、タイプスクリプトをより簡単に扱う方法を学び、実務でもより便利にコードを書くことができるようになります。 🚀

よくある質問

Q. 本当に何も知らない初心者です。大丈夫でしょうか?
A. はい。本当に大丈夫です。何も知らない方が学習できるように構成したカスタム講座です。

Q.選手知識が必要ですか?

A. はい、このコースは必ず HTML5/CSS3/JavaScript に関する先行知識が必要です。

受講前の注意

練習環境

  • オペレーティングシステムとバージョン(OS):Windows、macOS

  • 使用ツール:ビジュアルスタジアコード(Visual Studio Code)、Chrome(Chrome)

  • PC仕様:Webサーフィンが可能なレベルの最低仕様も可能です。

学習資料

  • 実習進行のための講義別学習資料提供します。


選手の知識と注意事項

  • 完全非専攻者、初心者も受講可能

  • ただし、HTML5/CSS3/JavaScriptの学習は先行する必要があります。

こんな方に
おすすめです

学習対象は
誰でしょう?

  • A developer who already knows JavaScript.

  • Frontend developer

  • Backend developer

  • Full-stack developer

  • A developer who wants to learn TypeScript for the first time.

  • Team developer

  • Someone who wants to develop large-scale applications

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

  • JavaScript

こんにちは
です。

4,372

受講生

202

受講レビュー

74

回答

4.9

講座評価

7

講座

수코딩은 온라인과 오프라인을 병행하면서
코딩을 가르치는 활동을 하고 있습니다.

다년간의 오프라인 강의 경험을 바탕으로,
더 많은 사람들이 코딩을 쉽고 재미있게 배울 수 있도록
매일 고민하고, 끊임없이 노력하고 있습니다.

현재까지 다음과 같은 3권의 책을 출판하며
프런트엔드 강의 분야를 선도하고 있습니다:

또한, 유튜브 채널을 통해 다양한 무료 강의도 제공하고 있습니다.
👇 지금 바로 방문해 보세요
[유튜브 채널 링크]

カリキュラム

全体

96件 ∙ (5時間 53分)

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

受講レビュー

全体

9件

5.0

9件の受講レビュー

  • rlasogus님의 프로필 이미지
    rlasogus

    受講レビュー 1

    平均評価 5.0

    5

    100% 受講後に作成

    • sucoding
      知識共有者

      Bạn Naehyun :) Cố lên nhé!

  • ensalbin님의 프로필 이미지
    ensalbin

    受講レビュー 2

    平均評価 3.5

    5

    30% 受講後に作成

  • sduddla님의 프로필 이미지
    sduddla

    受講レビュー 4

    平均評価 5.0

    修正済み

    5

    45% 受講後に作成

    Lời giải thích thật mạch lạc và dễ hiểu, nghe rất cuốn hút. Giọng điệu cũng thật thoải mái, giúp tôi tập trung tốt trong suốt buổi nghe, và rất dễ tiếp thu!! Quả đúng là bài giảng đáng tin cậy của Suchoding! Tôi sẽ cố gắng đến cùng để hoàn thành khóa học này~ Bài giảng TypeScript? Suchoding.

    • sucoding
      知識共有者

      Vô cùng cảm ơn bài đánh giá chân thành của bạn 😊 Việc bài giảng hữu ích và bạn đã theo dõi một cách thú vị thực sự là động lực lớn đối với tôi! Tôi cũng sẽ luôn ủng hộ để bạn có thể hoàn thành khóa học đến cùng. Trong tương lai, tôi sẽ đền đáp bằng những bài giảng chất lượng hơn nữa. Cảm ơn bạn!

  • sundrops10421493님의 프로필 이미지
    sundrops10421493

    受講レビュー 3

    平均評価 4.7

    5

    100% 受講後に作成

    Bài giảng đã giải thích dễ hiểu từ khái niệm cơ bản đến các điểm cốt lõi thực tế như generic, interface một cách chắc chắn, sau khi nghe xong thì các khái niệm được sắp xếp gọn gàng trong đầu, rất tuyệt vời 👍🏻 Cực kỳ khuyến khích cho những ai đang bối rối về Typescript.

    • sucoding
      知識共有者

      Cảm ơn bạn vì đánh giá tốt! 😀 Chúc bạn code vui vẻ!

  • dust030님의 프로필 이미지
    dust030

    受講レビュー 3

    平均評価 5.0

    5

    6% 受講後に作成

    Trước đây tôi đã học khóa học TypeScript trên trang web Sukoding, giờ nó cũng có trên Inflearn này 👀 Mỗi bài giảng ngắn nên rất tiện để nghe tranh thủ! Tôi học để hệ thống lại kiến thức sau khi đã học TypeScript rồi mà vẫn học được cả những khái niệm mình chưa biết nữa.

    • sucoding
      知識共有者

      Rất vui vì đã giúp được bạn 😎 Chúc bạn một ngày tốt lành!

¥6,558

sucodingの他の講座

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

似ている講座

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