강의

N
챌린지

멘토링

N
클립

커뮤니티

BEST
Programming

/

Programming Language

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

TypeScriptの文法と使い方を、最も簡単な説明で素早く学習します。

（5.0）受講レビュー 51件

受講生 454名

難易度 初級

受講期間 無制限

TypeScript
TypeScript
TypeScript
TypeScript

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

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

5.0

5.0

Sei Chang Kwon

39% 受講後に作成

「薄っぺらいコーディング」という名前に似つかわしくない深みのある知識に、いつも楽しく講義を視聴しています。本当に勉強せずにただ見ている感覚で接しているので、「視聴」と書きました。😊😊 YouTube初期に顔を出して教えてくださっていた頃から楽しく…概念定義してくださる部分をしっかり受講しています。 実務で開発はしていますが、専業の開発者ではないので…大体こんな感じなのか、という点を本当によく教えてくださり、感嘆しながらあっという間にパートを進めました。 特に、TSの文法を確認しながら、不必要に見える「never」は何のために使うのだろうか？という内容については、軽く一行もコーディングせずに講義についていきましたが、これまで疑問に思っていた、かゆい所に手が届くようでした。一段と深く知識が広がる感覚を得ました。 「薄っぺらい」と謙遜したネーミングには全く似つかわしくない、深みのある伝達方式に、改めて感嘆しました。強くお勧めします。

5.0

chinij

57% 受講後に作成

教えるべきことだけを、素早く確実に、サクッと教えて次に進むので、スッキリして良いです。

5.0

silverhozan

93% 受講後に作成

理解できないほど分かりやすい説明、最高

受講後に得られること

  • TypeScriptの型の概念と原理

  • TypeScriptの文法と使い方

  • TypeScriptの実務活用チップ集

https://youtu.be/jggKW0ItEmo

上記のYouTube動画（本講義の公開パート）に高評価とコメントを残していただいた後、
yalco@yalco.krへスクリーンショットを送っていただければ、
講義を半額で受講できる割引クーポンをお送りいたします。chúng tôi sẽ gửi cho bạn mã giảm giá để có thể đăng ký khóa học với giá nửa tiền.

제목 없음-1

🚀最も簡単かつスピーディーに学ぶTypeScript

TypeScriptはJavaScriptをより安全で信頼できるものにしてくれる言語です。突然発生するエラーや、共同作業中に生じる曖昧なバグを減らすのに本当に大きな助けとなります。
今回の講義では、TypeScriptがなぜ重要でどのように使われるのか、
基本的な型宣言からインターフェース、ジェネリック、ユニオンとインターセクションまで、重要な内容を漏れなく扱います。

講義をすべて終える頃には、TypeScriptを実務で自信を持って活用できる、しっかりとした基礎が身についているはずです。

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

説明の名手ヤルコが教えるTypeScript

どんなに難しく複雑な概念もパッと教えてくれるヤルコが、悩み抜いた末に作り上げた比喩と例題を通じて、TypeScriptの各種概念と活用法を、簡単かつ迅速に学ぶことができます。

すべてのサンプルコードがスニペットとして提供されます。
講義で使用される数多くの例題が、すべてNotionページからコピー＆ペースト可能な形で提供されています。
これらを活用して、迅速かつ便利に学習を進めることができます。

🚀 膨大な知識をスピーディーに学習します。
コードのタイピングや実行プロセスを省くことで、短時間で多くの内容を習得します。
すべてのシーンにグラフィックと字幕が用意されており、不便なく効率的にTypeScriptを学習できます。

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

このような方におすすめです

inflearn_python_04

TypeScriptを学びたいです。
TypeScriptに初めて触れる方や、曖昧だった概念を整理したい方

inflearn_python_06

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

inflearn_python_07

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

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

型システムと基本型

  • TypeScriptの紹介と設定

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

  • null vs undefined / void / never

  • リテラル型

配列とタプル

  • 配列タイプおよび多次元配列

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

  • タプル：固定された型と順序を持つ配列

列挙型 (Enum)

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

  • const enum および最適化

関数

  • 宣言式 / 式 / アロー関数

  • 任意引数 / デフォルト値 / 残り引数

  • 関数型の定義およびコールバック構造

インターフェース

  • オブジェクト型の指定

  • 任意属性 ＆ 読み取り専用属性

  • 関数およびメソッドの定義

  • インターフェースの継承 / 多重継承 / ネスト

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

  • クラスに implements を適用

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

  • クラスの宣言 / コンストラクタ / アクセス修飾子

  • 継承、オーバーライディング、superキーワード

  • 多相性 (Polymorphism)

  • 抽象クラス (abstract)

高度な型

  • 交差型 (Intersection) / ユニオン型 (Union)

  • タイプガード: typeof / in / instanceof / ユーザー定義

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

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

  • keyof / infer / 条件付き型

ジェネリック

  • ジェネリック関数および型推論

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

  • 制約条件 (extends)

  • keyofと条件付き型の活用

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

組み込みジェネリックとユーティリティ型

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

  • Promise<t> および非同期型</t><t> và các kiểu dữ liệu bất đồng bộ</t>

  • Partial / Required / Readonly など多数のユーティリティ型

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

  • ネームスペースの使用方法および入れ子構造

  • モジュール化：import / export 構文

  • tsconfigの設定：baseUrl / paths / strictオプションなど

  • JSONインポート、esModuleInteropなど


宣言ファイル

  • .d.ts ファイルの作成および活用法

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

受講前のご注意事項

学習資料

  • 講義で使用されるコマンドとコードは、Notionページで提供されます。

事前知識および注意事項

こんな方に
おすすめです

学習対象は
誰でしょう？

  • TypeScriptを学びたい方

  • より安定したJSプロジェクトを開発したい方

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

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

  • JavaScript

こんにちは
yalcoです。

34,165

受講生

1,958

受講レビュー

96

回答

4.9

講座評価

17

講座

YouTubeチャンネル 浅いコーディング辞書を運営するYouTuberであり、IT書籍を執筆する作家です。フルスタックエンジニアとして働いてきた経験を活かし、難しいプログラミングの概念を初心者でも理解しやすいよう、比喩や簡単な例、時にはアニメーションを用いて解説するコンテンツを制作しています。

🎬 YouTube 浅いコーディング辞書 チャンネル (クリック!)
📕 ヤルコの本を見に行く (クリック!)

もっと見る

カリキュラム

全体

31件 ∙ (5時間 22分)

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

受講レビュー

全体

51件

5.0

51件の受講レビュー

  • chinij님의 프로필 이미지
    chinij

    受講レビュー 27

    ∙

    平均評価 4.9

    5

    57% 受講後に作成

    教えるべきことだけを、素早く確実に、サクッと教えて次に進むので、スッキリして良いです。

    • yalco
      知識共有者

      ありがとうございます！残りの過程でも難しい部分があればいつでも質問してください！

  • shry194090님의 프로필 이미지
    shry194090

    受講レビュー 3

    ∙

    平均評価 5.0

    修正済み

    5

    39% 受講後に作成

    「薄っぺらいコーディング」という名前に似つかわしくない深みのある知識に、いつも楽しく講義を視聴しています。本当に勉強せずにただ見ている感覚で接しているので、「視聴」と書きました。😊😊 YouTube初期に顔を出して教えてくださっていた頃から楽しく…概念定義してくださる部分をしっかり受講しています。 実務で開発はしていますが、専業の開発者ではないので…大体こんな感じなのか、という点を本当によく教えてくださり、感嘆しながらあっという間にパートを進めました。 特に、TSの文法を確認しながら、不必要に見える「never」は何のために使うのだろうか？という内容については、軽く一行もコーディングせずに講義についていきましたが、これまで疑問に思っていた、かゆい所に手が届くようでした。一段と深く知識が広がる感覚を得ました。 「薄っぺらい」と謙遜したネーミングには全く似つかわしくない、深みのある伝達方式に、改めて感嘆しました。強くお勧めします。

    • yalco
      知識共有者

      長い間、私のコンテンツをご覧いただき本当にありがとうございます！！どうお伝えすべきかたくさん悩んで作った講義なのですが、それ以上にやりがいを感じさせてくださったレビューですね😭😭残りの過程でも講義がたくさんお役に立てることを願っております。今後もますます良いコンテンツでお返しいたします！ありがとうございます！

  • so24046918428님의 프로필 이미지
    so24046918428

    受講レビュー 9

    ∙

    平均評価 5.0

    5

    30% 受講後に作成

    YouTubeにアップされた時からよく見て、リリースされてすぐに登録して受講しました。 講義のクオリティがとても良く、画面に分かりやすく全て表示されているので、よく分からない部分を見返すのも本当に便利です。 今後もしっかり受講します。

    • yalco
      知識共有者

      ありがとうございます！残りの過程でも難しい部分はいつでも質問してください！

  • silverhozan님의 프로필 이미지
    silverhozan

    受講レビュー 8

    ∙

    平均評価 4.9

    5

    93% 受講後に作成

    理解できないほど分かりやすい説明、最高

    • yalco
      知識共有者

      ありがとうございます！ 講義が十分お役に立てたなら幸いです！

  • rbdkqk님의 프로필 이미지
    rbdkqk

    受講レビュー 1

    ∙

    平均評価 5.0

    5

    32% 受講後に作成

    ただTypeScriptの使い方だけを教えてくださるだけでなく、tsconfigの設定や.d.tsファイルの作成・活用法といった項目もあって、大変助かります。ありがとうございます。

    • yalco
      知識共有者

      ありがとうございます！！残りの過程で、うまくいかなかったり理解が難しい部分があれば、いつでも質問してください！！

yalcoの他の講座

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

本格的に学ぶ Git & GitHub - by Yalco（ヤルコ）講義サムネイル

本格的に学ぶ Git & GitHub - by Yalco（ヤルコ）

yalco

AI時代、コーディングは知らなくてもGitは知っておくべきです。 どこよりも分かりやすく、どこよりも詳しく学ぶGit & GitHub

入門

入門

Git, GitHub, github-actions

本格的に学ぶ Git & GitHub - by Yalco（ヤルコ）講義サムネイル

本格的に学ぶ Git & GitHub - by Yalco（ヤルコ）

yalco

ヤルコの最も簡単なデータ構造とアルゴリズム講義サムネイル

ヤルコの最も簡単なデータ構造とアルゴリズム

yalco

データ構造とアルゴリズムの核心概念を、視覚的な比喩とテストツールを通じて簡単に理解できる講座です。基礎からソート、探索まで直接実装しながら、実力として体得することができます。

初級

初級

Algorithm, data-structure

ヤルコの最も簡単なデータ構造とアルゴリズム講義サムネイル

ヤルコの最も簡単なデータ構造とアルゴリズム

yalco

ヤルコの至れり尽くせりオブジェクト指向デザインパターン講義サムネイル

ヤルコの至れり尽くせりオブジェクト指向デザインパターン

yalco

OODPの25種類のパターンを通じて、ソフトウェアをオブジェクト指向的に設計する様々な方法を学びます。

初級

初級

Java, oop, Design Pattern

ヤルコの至れり尽くせりオブジェクト指向デザインパターン講義サムネイル

ヤルコの至れり尽くせりオブジェクト指向デザインパターン

yalco

ヤルコの最も簡単なReact（リアクト）講義サムネイル

ヤルコの最も簡単なReact（リアクト）

yalco

説明隊長ヤルコの濃厚で充実した講座で、最も簡単に、最も速くReactを学びましょう！

初級

初級

JavaScript, React, Node.js

ヤルコの最も簡単なReact（リアクト）講義サムネイル

ヤルコの最も簡単なReact（リアクト）

yalco

ちゃんと学ぶJavaScript - by Yalco講義サムネイル

ちゃんと学ぶJavaScript - by Yalco

yalco

初心者でもついていける親切な講座！ 現役エンジニアをJavaScript博士へと導く決定版講座！

初級

初級

JavaScript

ちゃんと学ぶJavaScript - by Yalco講義サムネイル

ちゃんと学ぶJavaScript - by Yalco

yalco

ちゃんと学ぶ HTML CSS - by Yalco（ヤルコ）講義サムネイル

ちゃんと学ぶ HTML CSS - by Yalco（ヤルコ）

yalco

プログラミング初心者でもついていける、親切で分かりやすい講座！ 現役エンジニアをHTML & CSSの博士へと導く決定版講座！

入門

入門

HTML/CSS

ちゃんと学ぶ HTML CSS - by Yalco（ヤルコ）講義サムネイル

ちゃんと学ぶ HTML CSS - by Yalco（ヤルコ）

yalco

遊んで学ぶ MySQL データベース by 얄코講義サムネイル

遊んで学ぶ MySQL データベース by 얄코

yalco

非専門家でも理解できるMySQL！簡単な説明で必須概念だけを把握した後、サイトの例題とともにMySQLを「いじりながら」手で覚えられるように作った講座です。

入門

入門

MySQL, SQL, DBMS/RDBMS

遊んで学ぶ MySQL データベース by 얄코講義サムネイル

遊んで学ぶ MySQL データベース by 얄코

yalco

ちゃんと学ぶJava (Java) - by Yalco (ヤルコ)講義サムネイル

ちゃんと学ぶJava (Java) - by Yalco (ヤルコ)

yalco

中途半端な学習では生き残れない時代。Javaを一度でしっかり掘り下げて、マスターしましょう！

入門

入門

Java, Functional Programming, oop

ちゃんと学ぶJava (Java) - by Yalco (ヤルコ)講義サムネイル

ちゃんと学ぶJava (Java) - by Yalco (ヤルコ)

yalco

ヤルコの最も簡単なNode.js講義サムネイル

ヤルコの最も簡単なNode.js

yalco

実務のフロントエンド・バックエンド開発の前に必ず知っておくべき、Node.jsの核心的な原理と実践技術を盛り込みました。

初級

初級

Node.js

ヤルコの最も簡単なNode.js講義サムネイル

ヤルコの最も簡単なNode.js

yalco

Yalco's TypeScript (English ver.)講義サムネイル

Yalco's TypeScript (English ver.)

yalco

一番わかりやすい解説で、TypeScriptの構文と使い方を素早く学びましょう！

初級

初級

TypeScript

Yalco's TypeScript (English ver.)講義サムネイル

Yalco's TypeScript (English ver.)

yalco

最も簡単なNode.js（Global版）講義サムネイル

最も簡単なNode.js（Global版）

yalco

このコースは、実際のフロントエンドまたはバックエンド開発に飛び込む前に知っておくべき、Node.jsの必須の原則と実践的なテクニックをカバーしています。

初級

初級

Node.js

最も簡単なNode.js（Global版）講義サムネイル

最も簡単なNode.js（Global版）

yalco

最も簡単な React (グローバル版)講義サムネイル

最も簡単な React (グローバル版)

yalco

最も簡単かつ迅速な方法で React を学びましょう!

入門

入門

React, JavaScript, Node.js

最も簡単な React (グローバル版)講義サムネイル

最も簡単な React (グローバル版)

yalco

25 オブジェクト指向設計パターン by Yalco (グローバル版)講義サムネイル

25 オブジェクト指向設計パターン by Yalco (グローバル版)

yalco

OODP の 25 パターンを通じて、オブジェクト指向の方法でソフトウェアを設計するさまざまな方法を学びます。

初級

初級

Java, Design Pattern

25 オブジェクト指向設計パターン by Yalco (グローバル版)講義サムネイル

25 オブジェクト指向設計パターン by Yalco (グローバル版)

yalco

初心者向けのJavaScript講義サムネイル

初心者向けのJavaScript

yalco

JavaScriptでコーディングを始める方のための、最も簡単なJavaScriptの講義です。

入門

入門

JavaScript

初心者向けのJavaScript講義サムネイル

初心者向けのJavaScript

yalco

ヤルコのレスポンシブプログラミング - JavaScriptで簡単に学ぶReactiveX講義サムネイル

ヤルコのレスポンシブプログラミング - JavaScriptで簡単に学ぶReactiveX

yalco

⚡ 短く太い全160分講座！ ウェブサイトからウェブサイトにコードを貼り付け、ReactiveXによるレスポンシブプログラミングを学びましょう😎

初級

初級

RxJS, JavaScript, Functional Programming

ヤルコのレスポンシブプログラミング - JavaScriptで簡単に学ぶReactiveX講義サムネイル

ヤルコのレスポンシブプログラミング - JavaScriptで簡単に学ぶReactiveX

yalco

ヤルパク GraphQL と Apollo講義サムネイル

ヤルパク GraphQL と Apollo

yalco

⚡ 短く太い全90分講座！ サイトのコードを復活させ、すばやくGraphQLを学び、アポロの使い方を学びましょう。

初級

初級

GraphQL, Apollo, Node.js

ヤルパク GraphQL と Apollo講義サムネイル

ヤルパク GraphQL と Apollo

yalco

似ている講座

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

TypeScriptを始める講義サムネイル

TypeScriptを始める

landvibe

TypeScriptを学びたいJavaScript開発者のための講座です。 TypeScriptの高度な機能まで学ぶことができます。

初級

初級

TypeScript

TypeScriptを始める講義サムネイル

TypeScriptを始める

landvibe

エフェクティブタイプスクリプトスタディ講義サムネイル

エフェクティブタイプスクリプトスタディ

jaenam

《エフェクティブタイプスクリプト》 本の内容をそのまま追従するスタディ映像です。 一緒に勉強すればはるかに簡単になります！

初級

初級

TypeScript

エフェクティブタイプスクリプトスタディ講義サムネイル

エフェクティブタイプスクリプトスタディ

jaenam

実践プロジェクトで学ぶTypeScript講義サムネイル

実践プロジェクトで学ぶTypeScript

captain

「TypeScript入門 - 基礎から実践まで」の実践活用編です。入門編を受講されていない方は入門編から受講してください 😄

中級以上

中級以上

TypeScript, ES6

実践プロジェクトで学ぶTypeScript講義サムネイル

実践プロジェクトで学ぶTypeScript

captain

@シコ - TypeScriptを正しく学ぶ(初中級)講義サムネイル

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

seniorcoding

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

初級

初級

TypeScript, React, JavaScript

@シコ - TypeScriptを正しく学ぶ(初中級)講義サムネイル

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

seniorcoding

React + TypeScript TodoList App - 実務型TypeScriptプロジェクト入門講義サムネイル

React + TypeScript TodoList App - 実務型TypeScriptプロジェクト入門

ezweb

React + TypeScriptを活用して実務感覚で「タスク管理アプリ（ToDo List）」を直接作るプロジェクト中心のコースです。単純に文法を学ぶだけでなく、コンポーネント構造設計 → 状態管理 → 型適用 → 機能実装 → ローカルストレージ連携 → デプロイまで実際のサービス形態で完成させながらTypeScriptの活用感覚を身につけることができます。

初級

初級

HTML/CSS, JavaScript, React

React + TypeScript TodoList App - 実務型TypeScriptプロジェクト入門講義サムネイル

React + TypeScript TodoList App - 実務型TypeScriptプロジェクト入門

ezweb

入門鋼のタイプスクリプトからionic6（アンギュラベース）講義サムネイル

入門鋼のタイプスクリプトからionic6（アンギュラベース）

nodeep777

簡単にAndroidアプリ、Windowsアプリ、iosアプリを作成して配布する方法まで知りたい方におすすめです。 JavaScriptやアンギュラーではなく、タイプスクリプトの基礎からお知らせします！

入門

入門

TypeScript, IONIC, Hybrid App

入門鋼のタイプスクリプトからionic6（アンギュラベース）講義サムネイル

入門鋼のタイプスクリプトからionic6（アンギュラベース）

nodeep777

ReactとVueで学ぶTypeScript必須概念 (feat. ChatGPT)講義サムネイル

ReactとVueで学ぶTypeScript必須概念 (feat. ChatGPT)

captain

実務でよく使われるReactとVueのコードを書きながらTypeScriptの必須概念を学ぶ講座です。ReactとVueに型を適用する方法、ChatGPTの使い方まですべて押さえる実務者と入門者の両方のための講座!

初級

初級

React, TypeScript, Vue.js

ReactとVueで学ぶTypeScript必須概念 (feat. ChatGPT)講義サムネイル

ReactとVueで学ぶTypeScript必須概念 (feat. ChatGPT)

captain

TypeScript入門 - 基礎からしっかりと講義サムネイル

TypeScript入門 - 基礎からしっかりと

ezweb

タイプ安全性とコード可読性を向上させるTypeScriptの核心文法を実習中心で身につける入門コースです。プロジェクト環境設定からインターフェース、ジェネリック、ユーティリティタイプまで実際のコード事例で学習します。

初級

初級

JavaScript, TypeScript, vanilla-javascript

TypeScript入門 - 基礎からしっかりと講義サムネイル

TypeScript入門 - 基礎からしっかりと

ezweb

アイオニック（ionic2）開発のためのタイプスクリプトの基本講義サムネイル

アイオニック（ionic2）開発のためのタイプスクリプトの基本

jeongmincha

ハイブリッドアプリを開発するためのフレームワークの1つであるIonic2 Frameworkを学習するための事前のステップとしてTypescriptを学びます。

初級

初級

IONIC, TypeScript

アイオニック（ionic2）開発のためのタイプスクリプトの基本講義サムネイル

アイオニック（ionic2）開発のためのタイプスクリプトの基本

jeongmincha

￥4,334