강의

멘토링

로드맵

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,560

受講生

221

受講レビュー

96

回答

4.9

講座評価

7

講座

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

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

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

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

カリキュラム

全体

96件 ∙ (5時間 53分)

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

受講レビュー

全体

11件

5.0

11件の受講レビュー

  • 김내현님의 프로필 이미지
    김내현

    受講レビュー 1

    平均評価 5.0

    5

    100% 受講後に作成

    • 수코딩
      知識共有者

      내현님 :) 화이팅입니다!

  • 김예빈님의 프로필 이미지
    김예빈

    受講レビュー 2

    平均評価 3.5

    5

    30% 受講後に作成

  • 영서님의 프로필 이미지
    영서

    受講レビュー 5

    平均評価 5.0

    修正済み

    5

    45% 受講後に作成

    설명이 정말 깔끔하고 이해도 잘 돼서 듣는 맛이 있습니다. 목소리 톤도 편안해서 듣는 내내 집중도 잘 되고, 귀에도 쏙쏙 들어옵니다!! 역시 믿고 듣는 수코딩님 강의! 완강까지 열심히 달려보겠습니다~ 타입스크립트 강의 ? 수코딩.

    • 수코딩
      知識共有者

      정성스러운 후기 정말 감사합니다 😊 강의가 도움이 되고, 재미있게 들어주셨다니 큰 힘이 되네요! 끝까지 함께 완강하실 수 있도록 저도 응원하겠습니다. 앞으로도 좋은 강의로 보답드릴게요. 감사합니다!

  • Sun drop님의 프로필 이미지
    Sun drop

    受講レビュー 4

    平均評価 4.8

    5

    100% 受講後に作成

    기본 개념부터 제네릭, 인터페이스 등 실제 핵심 포인트를 확실하게 짚어줘서 이해가 쉬웠고 강의를 다 듣고 나니 개념이 머릿속에서 깔끔하게 정리 되어 너무 좋습니다👍🏻 타입스크립트가 헷갈린다 하시는 분들에게 완전 강추

    • 수코딩
      知識共有者

      좋은 리뷰 감사합니다! 😀 해피 코딩하세요 !

  • 깨굴이님의 프로필 이미지
    깨굴이

    受講レビュー 5

    平均評価 5.0

    5

    6% 受講後に作成

    이전에 수코딩 사이트에서 타입스크립트 강의 수강했었는데 인프런에도 올라왔네요 👀 강의당 시간이 짧아서 틈틈히 쪼개 듣기 좋았어요! 타입스크립트를 배운 상태에서 개념 정리하려고 들은 건데 몰랐던 개념까지 알아갑니당

    • 수코딩
      知識共有者

      도움이 되셨다니 다행입니다 😎 좋은 하루 되세요!

¥6,655

sucodingの他の講座

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

似ている講座

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