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

/

Programming Language

ヤルコの最も簡単なTypeScript(タイプスクリプト)

タイプスクリプトの文法と使用法を、一番わかりやすい説明で速習します。

  • yalco
타입스크립트
TypeScript

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

こんなことが学べます

  • TypeScriptの型概念と原理

  • TypeScript の文法と使用法

  • タイプスクリプト実務活用TIPS

💬コメントして半額で受講するイベント進行中!
下のYouTube映像(本講義の無料パート)に力になってくれるコメントをつけてくれた後(一行も大丈夫です)
yalco@yalco.krでスクリーンショットをお送りください。半額クーポンをお送りします。
ビデオリンク: https://youtu.be/QmdJZKl1znE

🚀最も簡単かつ迅速に学ぶタイプスクリプト

TypeScriptはJavaScriptをより安全で信頼できるものにする言語です。突然飛び出るエラーや、コラボレーション中に生じる曖昧なバグを減らすのに本当に大きな助けになります。
今回の講義ではタイプスクリプトがなぜ重要であり、どのように使われるのか、
基本的な型宣言からインターフェース、ジェネリック、ユニオン、インターセクションまで、重要な内容を抜け出すことができます。

講義をすべて終えたら、タイプスクリプトを実務に自信を持って適用できるしっかりした基礎を整えることになります。

🎓大学の電子メールアカウントをお持ちですか?

👉 ヤルコ講義大学生割引!大学生半額クーポンを受け取る(クリック)

😀ヤルコの講義は特別です。

説明台帳ヤルコが知らせるタイプスクリプト

どんな難しくて複雑な概念も知らせるヤルコが苦労を重ねたたとえ話や例を通して、タイプスクリプトの様々な概念と活用法を簡単かつ迅速に学ぶことができます。

すべてのサンプルコードはスニペットとして提供されています。
レッスンに使用される多数の例はすべて、ノーションページから復帰可能に提供されています。
これらを活用して、迅速かつ便利に学習を進めることができます。

🚀多くの分量の知識をすばやく学習します。
コードを入力または実行することなく進行し、短い時間内に多くの分量を学習します。
すべてのシーンにグラフィックと字幕が用意されており、不便なく効率的にタイプスクリプトを勉強できます。

  • 本講義のスタイルが合わない方もいらっしゃるかもしれませんので、プレビュー映像を確認してください。

こんな方におすすめです

タイプスクリプトを学びたいです。
タイプスクリプトに初めて触れたり、混乱していた概念をまとめたい方

安定した開発をしたいです。
JavaScriptの限界を感じ、より安全で予測可能なコードを作成したい開発者

実務で自信を持って書きたいです。
複雑な型、ユーティリティ型、ジェネリックなどを実際のコードに適用したい開発者

📋このような内容を学びます。

タイプシステムと基本タイプ

  • タイプスクリプトの紹介と設定

  • 基本タイプ: string, number, boolean

  • null vs undefined/void/never

  • リテラルタイプ


配列とタプル

  • 配列タイプと多次元配列

  • 読み取り専用配列(ReadonlyArray)

  • タプル:固定タイプと順序を持つ配列


列挙型(Enum)

  • 数値/文字列/混合型列挙型

  • const enumと最適化


機能

  • 宣言式/式/矢印関数

  • オプションのパラメータ/デフォルト/残りのパラメータ

  • 関数型定義とコールバック構造


インターフェース

  • オブジェクトタイプの指定

  • オプション属性と読み取り専用属性

  • 関数とメソッドの定義

  • インタフェース継承/マルチ継承/ネスト

  • インターフェースのマージ

  • クラスへのimplementsの適用


クラスとオブジェクト指向プログラミング

  • クラス宣言/コンストラクタ/アクセスコントローラ

  • 継承、オーバーライド、スーパーキーワード

  • 多型(ポリモーフィズム)

  • 抽象クラス (abstract)

高級タイプ

  • クロスタイプ(Intersection)/ユニオンタイプ(Union)

  • タイプガード:typeof / in / instanceof /カスタマイズ

  • マップドタイプ/テンプレートリテラルタイプ

  • オプションおよび読み取り専用属性の組み合わせ

  • keyof/infer/条件付きタイプ


ジェネリック

  • ジェネリック関数と型推論

  • ジェネリック配列/タプル/インタフェース/型別名

  • 制約(extends)

  • keyofと条件付きタイプの活用

  • 実用例:結果タイプなど


組み込みジェネリックとユーティリティタイプ

  • Array, ReadonlyArray, Map, Set, WeakMap, WeakSet

  • Promiseおよび非同期タイプ

  • Partial/Required/Readonly など、多くのユーティリティタイプ


モジュールシステムと設定

  • 名前空間の使用法とネスト構造

  • モジュール化: import / export 文法

  • tsconfig設定:baseUrl / paths / strictオプション

  • JSONインポート、esModuleInteropなど



宣言ファイル

  • .d.ts ファイルの作成と活用法

  • @typesパッケージの活用法

受講前の注意

学習資料

  • レッスンで使用されている命令とコードは、アクションページとして提供されます。

選手の知識と注意事項

こんな方に
おすすめです

学習対象は
誰でしょう?

  • タイプスクリプトを学びたい方

  • より安定的なJSプロジェクトを開発しようとする方

  • Node.js 環境でプログラミングする開発者

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

  • ジャバスクリプト

こんにちは
です。

29,761

受講生

1,521

受講レビュー

84

回答

4.9

講座評価

17

講座

유튜브 채널 얄팍한 코딩사전을 방송하는 유튜버이자, IT서적들을 집필하는 작가입니다.  풀스택 개발자로 일해 온 경험을 살려, 어려운 프로그래밍 개념들을 초보자들이 이해하기 쉽도록 비유와 쉬운 예제, 때로는 애니메이션으로 설명하는 컨텐츠들을 만들고 있습니다.

🎬   YouTube 얄팍한 코딩사전 채널 (클릭!)
📕  얄코의 책들 보러가기 (클릭!)

カリキュラム

全体

31件 ∙ (5時間 22分)

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

受講レビュー

全体

37件

5.0

37件の受講レビュー

  • Sei Chang Kwon님의 프로필 이미지
    Sei Chang Kwon

    受講レビュー 3

    平均評価 5.0

    修正済み

    5

    39% 受講後に作成

    얄팍한 코딩이라는 이름과 어울리지 않는 깊이 있는 지식에 늘 즐겁게 강의를 시청하고 있습니다. 진짜 공부 안하고 시청만 하는 느낌으로 접하고 있어서 시청이라고 적었어요. ㅎㅎ 유투브 초기에 얼굴로 공개해서 알려주시던 시절부터 즐겁게... 개념정의 해주시는 부분을 잘 수강하고 있습니다. 실무에서 개발을 하기는 하지만, 전업 개발자가 아니라... 대략 이렇구나 하는 지점을 정말 잘 알려주셔서, 감탄하면서 순식간에 파트를 넘겨서 진행했습니다. 특히, TS 문법확인하면서, 불필요해보이는 "never"는 왜 쓰는걸까? 하는 내용에 대해서는 가볍게 한줄 코딩하지 않으면서 강의를 따라가지만, 그동안 궁금했던 가려운 부분을 제대로 긁어줍니다. 한층 깊이있게 지식이 넓어지는 느낌을 받았습니다. 알팍하다고 겸손한 네이밍에 전혀 어울리지 않는, 깊이 있는 전달방식에 다시금 감탄했어요. 강력하게 추천합니다.

    • 얄팍한 코딩사전
      知識共有者

      오랫동안 제 컨텐츠들 보아와주셔서 정말 감사드립니다!! 어떻게 알려드릴지 많이 고민하고 만든 강의인데 그 이상으로 보람을 느끼게 해 주신 리뷰네요 ㅠㅠ 남은 과정중에도 강의가 많이 도움되어드리길 바랍니다. 앞으로도 더더욱 좋은 컨텐츠로 보답하겠습니다! 감사합니다!

  • plugin님의 프로필 이미지
    plugin

    受講レビュー 3

    平均評価 5.0

    5

    61% 受講後に作成

    타입스크립트를 써야하는 이유를 제대로 알려주고.. 초보자수업이지만 폭넓고 깊게 많은것을 알려주시네여~ 앞으로 남은 강좌도 이해가 되는 그날까지 무한반복!!

    • 얄팍한 코딩사전
      知識共有者

      감사합니다!! 남은 과정중 잘 안 되거나 이해가 어려운 부분이 있으면 언제든 질문주세요!!

  • hhh님의 프로필 이미지
    hhh

    受講レビュー 1

    平均評価 5.0

    5

    32% 受講後に作成

    단순히 타입스크립트를 사용하는 방법만 알려주시는게 아니라, tsconfig 설정이나 .d.ts 파일 작성 및 활용법 이런 항목도 있어서 큰 도움이 됩니다 감사합니다

    • 얄팍한 코딩사전
      知識共有者

      감사합니다!! 남은 과정중 잘 안 되거나 이해가 어려운 부분이 있으면 언제든 질문주세요!!

  • so404님의 프로필 이미지
    so404

    受講レビュー 4

    平均評価 5.0

    5

    30% 受講後に作成

    유튜브에 올라올때부터 잘 보다가 출시되고 바로 가입해서 수강했습니다. 강의퀄리티 너무 좋고 화면에 친절하게 다 표시돼있어서 잘 모르는 부분 다시 보기도 정말 편합니다. 잘듣겠습니다.

    • 얄팍한 코딩사전
      知識共有者

      감사합니다! 남은 과정중에도 어려운 부분은 언제든 질문주세요!

  • chinij님의 프로필 이미지
    chinij

    受講レビュー 22

    平均評価 4.8

    5

    57% 受講後に作成

    알려줄것들만 빠르면서 확실하게 팍팍 알려주고 넘어가서 시원시원 좋습니다

    • 얄팍한 코딩사전
      知識共有者

      감사합니다! 남은 과정중에도 어려운 부분이 있으면 언제든 질문주세요!

¥4,040

yalcoの他の講座

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

似ている講座

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