강의

N
챌린지

멘토링

N
클립

로드맵

BEST
Programming

/

Programming Language

一番やさしいタイプスクリプト(TypeScript) - by ヤルコ

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

（5.0）受講レビュー 63件

受講生 502名

難易度 初級

受講期間 無制限

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の実務活用チップ集

제목 없음-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と条件付きタイプの活用

  • 実用的な例：結果型（Result Type）など

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

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

  • Promise<T> および非同期型

  • Partial / Required / Readonly など多数のユーティリティタイプ（Utility Types）

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

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

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

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

  • JSONインポート、esModuleInteropなど


宣言ファイル

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

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

受講前のご参考事項

学習資料

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

前提知識および注意事項

こんな方に
おすすめです

学習対象は
誰でしょう？

  • TypeScriptを学びたい方

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

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

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

  • JavaScript

こんにちは
yalcoです。

インフラン認証

32,294

受講生

2,195

受講レビュー

100

回答

4.9

講座評価

13

講座

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

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

もっと見る

カリキュラム

全体

33件 ∙ (4時間 48分)

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

受講レビュー

全体

63件

5.0

63件の受講レビュー

  • shry194090님의 프로필 이미지
    shry194090

    受講レビュー 3

    ∙

    平均評価 5.0

    修正済み

    5

    39% 受講後に作成

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

    • yalco
      知識共有者

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

  • so24046918428님의 프로필 이미지
    so24046918428

    受講レビュー 10

    ∙

    平均評価 5.0

    5

    30% 受講後に作成

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

    • yalco
      知識共有者

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

  • chinij님의 프로필 이미지
    chinij

    受講レビュー 28

    ∙

    平均評価 4.9

    5

    57% 受講後に作成

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

    • yalco
      知識共有者

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

  • silverhozan님의 프로필 이미지
    silverhozan

    受講レビュー 9

    ∙

    平均評価 4.9

    5

    93% 受講後に作成

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

    • yalco
      知識共有者

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

  • rbdkqk님의 프로필 이미지
    rbdkqk

    受講レビュー 1

    ∙

    平均評価 5.0

    5

    32% 受講後に作成

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

    • yalco
      知識共有者

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

yalcoの他の講座

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

パソコン初心者でもできる株式バイブコーディング - AIで作る株式自動売買システム講義サムネイル

パソコン初心者でもできる株式バイブコーディング - AIで作る株式自動売買システム

yalco

コーディングを全く知らない人でも、AIに日本語で命令を出すことで、自分だけの株式自動売買プログラムを作れるようになります！

入門

入門

gemini, AI, Cursor AI

パソコン初心者でもできる株式バイブコーディング - AIで作る株式自動売買システム講義サムネイル

パソコン初心者でもできる株式バイブコーディング - AIで作る株式自動売買システム

yalco

一番やさしいデータ構造とアルゴリズム - by Yalco講義サムネイル

一番やさしいデータ構造とアルゴリズム - by Yalco

yalco

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

初級

初級

Algorithm, data-structure

一番やさしいデータ構造とアルゴリズム - by Yalco講義サムネイル

一番やさしいデータ構造とアルゴリズム - by Yalco

yalco

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

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

yalco

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

入門

入門

HTML/CSS

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

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

yalco

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

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

yalco

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

入門

入門

Git, GitHub, github-actions

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

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

yalco

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

ちゃんと学ぶJavaScript - by ヤルコ

yalco

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

初級

初級

JavaScript

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

ちゃんと学ぶJavaScript - by ヤルコ

yalco

一番やさしいReact - by ヤルコ講義サムネイル

一番やさしいReact - by ヤルコ

yalco

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

初級

初級

JavaScript, React, Node.js

一番やさしいReact - by ヤルコ講義サムネイル

一番やさしいReact - by ヤルコ

yalco

一番やさしいNode.js - by ヤルコ講義サムネイル

一番やさしいNode.js - by ヤルコ

yalco

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

初級

初級

Node.js

一番やさしいNode.js - by ヤルコ講義サムネイル

一番やさしいNode.js - by ヤルコ

yalco

手取り足取り教えるオブジェクト指向デザインパターン - by ヤルコ講義サムネイル

手取り足取り教えるオブジェクト指向デザインパターン - by ヤルコ

yalco

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

初級

初級

Java, oop, Design Pattern

手取り足取り教えるオブジェクト指向デザインパターン - by ヤルコ講義サムネイル

手取り足取り教えるオブジェクト指向デザインパターン - by ヤルコ

yalco

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

ヤルパク GraphQL と Apollo

yalco

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

初級

初級

GraphQL, Apollo, Node.js

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

ヤルパク GraphQL と Apollo

yalco

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

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

yalco

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

入門

入門

MySQL, SQL, DBMS/RDBMS

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

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

yalco

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

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

yalco

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

入門

入門

Java, Functional Programming, oop

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

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

yalco

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

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

yalco

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

初級

初級

RxJS, JavaScript, Functional Programming

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

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

yalco

似ている講座

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

一口サイズでかじり取るTypeScript (TypeScript)講義サムネイル

一口サイズでかじり取るTypeScript (TypeScript)

winterlood

文法を超えて動作原理と概念の理解まで、学んでも学んでも混乱しがちなTypeScriptを、今こそしっかり学びましょう！皆さんをTypeScriptの魔法使い🧙🏻‍♀️にお仕立てします。

初級

初級

TypeScript

一口サイズでかじり取るTypeScript (TypeScript)講義サムネイル

一口サイズでかじり取るTypeScript (TypeScript)

winterlood

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

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

ezweb

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

初級

初級

HTML/CSS, JavaScript, React

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

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

ezweb

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を正しく学ぶ(初中級)

seniorcoding

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

初級

初級

TypeScript, React, JavaScript

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

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

seniorcoding

プロジェクトで簡単に学ぶTypeScript基礎講義サムネイル

プロジェクトで簡単に学ぶTypeScript基礎

Michael Kwon

タイプスクリプトの核心概念を基礎から実践までまるごと！ プロジェクトを通して実務活用まで

初級

初級

JavaScript, TypeScript, TailwindCSS

プロジェクトで簡単に学ぶTypeScript基礎講義サムネイル

プロジェクトで簡単に学ぶTypeScript基礎

Michael Kwon

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

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

jaenam

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

初級

初級

TypeScript

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

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

jaenam

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

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

captain

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

中級以上

中級以上

TypeScript, ES6

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

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

captain

[1時間](他言語)開発者のためのJavaScript講義サムネイル

[1時間](他言語)開発者のためのJavaScript

bokchi

すでに開発言語（Java/Python/Swift/Kotlinなど）を経験したことがある開発者を対象に、JavaScriptを1時間で素早く習得できる講座です。 AIと共にコーディングする時代ですが、AIが生成したコードを人間の開発者が監督する必要があるため、その監督に必要な最小限の知識を短時間で身につけるための講座です。

初級

初級

JavaScript, TypeScript

[1時間](他言語)開発者のためのJavaScript講義サムネイル

[1時間](他言語)開発者のためのJavaScript

bokchi

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

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

nodeep777

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

入門

入門

TypeScript, IONIC, Hybrid App

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

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

nodeep777

Claude Codeで学ぶAI開発ワークフロー完全ガイド（実践プロジェクト付き）講義サムネイル

Claude Codeで学ぶAI開発ワークフロー完全ガイド（実践プロジェクト付き）

kimw24072

この講座は、AI時代に開発生産性を最大化する方法を学びたい方のための実践中心の講座です。 単にAIを使う方法を超えて、実際の開発環境でClaude Codeをどのように活用すべきか、そしてどうすれば「質の高い成果」を生み出せるのかに焦点を当てます。 多くの開発者がAIを使いながらも、 ❌ 結果が一貫しない ❌ コードの品質が落ちる ❌ プロジェクトが次第に複雑になる といった問題に直面しています。 この講座では、これらの問題を解決するために、 ✔ スペックベースのワークフロー ✔ 構造化されたコマンドシステム ✔ サブエージェントおよび自動化戦略 を通じて、AIを単なるツールではなく「開発パートナー」として活用する方法をお伝えします。 また、Firebase、Figma、GitHub、Vercelといった実際のサービスと連携し、 最初から最後まで一つのアプリケーションを完成させ、デプロイする経験を提供します。

入門

入門

claude, JavaScript, TypeScript

Claude Codeで学ぶAI開発ワークフロー完全ガイド（実践プロジェクト付き）講義サムネイル

Claude Codeで学ぶAI開発ワークフロー完全ガイド（実践プロジェクト付き）

kimw24072