Skip to content
UdemyTypeScriptPaid courseAll LevelsCertificate

【世界で7万人が受講】Understanding TypeScript 日本語版 (Udemy.com)

JavaScriptのより優れたバージョンであるTypeScriptを基本から応用まで学べます。Webpack, React, Express + Node.js との組合せも含め、実PJで役立つ実践的な知識を身につけることができます。

Created by: Yota Hamada

Last updated October 2022

icon
What you will learn

  • TypeScriptの使い方と機能(型、ES6サポート、クラス、ESモジュール、インターフェースなど)とTypeScriptプロジェクトで必要となるその他の知識
  • TypeScriptとは何か?
  • TypeScriptのメリットとその理由
  • TypeScriptの全般的な機能を実際のプロジェクトで適用する方法
  • ReactJS や NodeJS / Express のアプリケーションでTypeScriptを利用する方法

How it compares

Against the other 31 rated Udemy courses in TypeScript on CourseDuck:

  • Rating4.2 out of 5higher than 12% of them
  • Reviews1,928#11 of 32 by number of reviews
  • Length15.6 hourslonger than 77% of them
  • Last updatedOctober 2022earlier than 67% of them

icon
Course Description

このコースは、7万人以上が受講し、非常に評判の高いコースであるMaximilian Schwarzmüller氏のUnderstanding TypeScript - 2020 Editionの日本語版です。

○ なぜ日本の開発者がTypeScriptを学ぶ必要があるのか

世界の最先端の現場では、新しくJavaScriptのプロジェクトを作成する場合、TypeScriptを採用することが当たり前になりつつあります。日本では、まだ普及の途上ですが、今後も様々な現場で利用が広がっていくことは確実です。なぜなら、TypeScriptはJavaScriptの上位互換だからです。

このコースでは、TypeScriptとは何か、なぜJavaScriptの上位互換であると言えるのか、ということを学べます。そしてTypeScriptの機能と、それらを利用する方法を学ぶことができます。

このコースでは、非常に基本的な内容や、最も重要な機能である型の説明から始まります。そして、最後まで学ぶことによって、最終的にどんなプロジェクトでも活かせる知識を身につけることができます。ReactやExpressのプロジェクトを作るレクチャーも含まれています。

TypeScriptはMicrosoftによって開発されましたが、Angular 2+に利用されたことによって広まり、Googleの標準言語にもなっています。

最先端のプロジェクトで、TypeScriptが利用されており、日本でも今後もさらに普及していくことが予想されます。TypeScriptを基礎からしっかりと理解すれば、様々なプロジェクトで活躍することができるでしょう。

○ TypeScriptは未来を先取りしています

TypeScriptのコードはES5にコンパイルできるので、たくさんの次世代バージョンのJavaScript機能を、今日の時点で利用できます。たとえば、ES6の機能である、分割代入の構文や、アロー関数、デコレータ、ジェネリクス、インターフェース、モジュールなど、TypeScriptでは、これらをすべて利用できます。

このコースで学べることは、基本だけではありません。より高度な機能や、TypeScriptプロジェクトのワークフローを作成する方法も学ぶことができます。これは、TypeScriptだけのワークフローだけではなく、Webpackのワークフローも含んでいます。

また、単なるJavaScript / TypeScriptのプロジェクトだけに留まらず、TypeScriptを使って、Reactのアプリケーションを作る1つのセクションも含んでいます。

○ 学んだことを実践してください

動画を見ることは非常に良い学習方法であり、多くの学習者にとって、ベストな方法です。もし、手を動かして練習したい場合には、そのためのセクションがたくさん含まれています。

○ たくさんの内容がつまっています

このコースは、基本的なことだけを説明して、受講者が具体的にどうすればよいか分からないまま終わるようなコースではありません。このコースでは、これらのことを学ぶことができます。

  • 型、型の使い方

  • TypeScriptのコンパイラがどのように動作するか

  • TypeScriptで利用できるES6の機能

  • TypeScriptにおけるクラス

  • 名前空間とモジュール

  • インターフェース

  • ジェネリクス

  • デコレータ

  • サードパーティのJavaScriptライブラリをTypeScriptプロジェクトで利用する方法

  • Webpackを使ってTypeScriptのプロジェクトをセットアップする方法

  • または、TypeScriptだけを使ったワークフローをセットアップする方法

  • ReactアプリケーションでTypeScriptを使う方法

  • Node/ ExpressアプリケーションでTypeScriptを使う方法

  • TypeScriptが利用されているプロジェクトとユースケース


icon
Udemy Discount

The discount is applied through our link. Open the course from here and Udemy's current promotional price is applied at checkout on most courses, no code to type.

Some courses are excluded from Udemy's promotions. If the price does not drop, clear your browser cookies and use the button again.

icon
Instructor Details

Yota Hamada

SIerやゲーム開発会社のプログラマなどを経験し、現在は一般企業でエンジニアとして勤務しています。TypeScript Deep Diveという技術書籍を翻訳し、Webに公開しています。

icon
More TypeScript courses

$12.99

$69.99

$129.99

$94.99

$19.99

$64.99

icon
Reviews

4.2

1,928 ratings on Udemy

Select a bar to show only those reviews.Select the bar again to show every rating.

By Fujihara on 10/5/2024

内容とても勉強になります。 ただ、他の方も言われている通り、英語をそのまま翻訳したような言葉では分かりづらいです。 ご本人も喋られていて文法に違和感ないですか? もう少し日本人に向けて発信しているということを意識されてはどうでしょうか。

By りなっくす ぼうや on 1/7/2024

体系的にTypescriptを学習することができました。また、Genericsやデコレーターを利用した簡単なアプリ作成を通して学習した内容を利用し理解を深めることができました。加えてtsconfig.jsonやwebpackの設定周りの解説及び、サードパーティーライブラリをTypescriptでどう利用するかなど、自分の実務に直結するような内容がたくさんあり助かりました。素晴らしい講義をありがとうございます。

By 松原颯杜 on 11/6/2023

まったくの初心者でしたが、大切なところを何回か違う言葉で繰り返し言ってくれるなど、とても理解がしやすかったです。 コースのリリースが3年前なのもあり、所々バージョン等の違いによるエラーなどがあり、少し大変ですが、Q&A内で他の方の質問やGoogle、ChatGPTを参考にすることで、乗り越えることができました。 一周目は講師のコードを反復しただけなので、次は自分なりの小さいプロダクトを作ってみます。 ありがとうございました。

By Ryomann on 1/13/2023

TypeScriptの全体像が分かるので、後はドキュメント見ながら慣らしていく感じになる。 あとは、viteに入れてみたり、デザインパターン学んだりとかになってくると思う。 一つ懸念点が、ドラッグアンドドロップのコードが、クラスの説明をふんだんに入れたいためか一部これはどうなの?という実装があった。 例えば抽象クラスにrenderContentメソッドを定義していたが、継承先のクラスで使用しないので空の関数を使用していたが、それならそもそも抽象クラスに抽象メソッドとして定義するべきものではない気がするなど。 これはオブジェクト指向特化のコースではないので、純粋なTypeScript入門コースとしては満点。

By T S on 6/11/2022

無駄のない、分かりやすい説明でした。 特にJavaScriptとの違いについて丁寧に述べられており、JavaScript経験者にとって最適な講座であると思います。 特にGenericsの説明が分かりやすかったと思います。TypeScriptを使ったReact開発ではGenericsが多用されますが、本講座のおかげで問題なくReact & TypeScriptプログラミングに入門することが出来ました。 ありがとうございました。

By 小笠原聡 on 5/6/2022

タイプスクリプトに関する表面的な理解に留まらず、開発環境構築におけるサードパーティライブラリー、ターミナルコマンドの意味などにまで言及をしているため、理解がかなり深まりました。 反面、解説、学習範囲が多義にわたっているため、コース修了までにかなりの時間を要しました。 セクション9までにタイプスクリプトの文法や基礎理解解説パートが続きますが、ひたすら解説が続きますので聞き進めるのがしんどいというのが正直な印象です。 セクション9以降にて、今までの学習内容をベースにアプリケーション作成に入るため、授業内容のおさらいと、理解が深まり、学習が楽しくなりました。 初学者の方にはセクション9までの負担が大きいかもしれません。もう少し軽い他の学習教材(授業時間3~5時間程度のReact教材等)で一度、学習したのち、typeScriptnの理解を更に深めたい方が購入されるのが良いと思います。 学習コンテンツは、 typeScript理解に大変役立ち、とても満足です。

By 神谷 あつし on 11/22/2021

よかったところ ・Typescriptを網羅的に学べると思う。 改善をお願いしたいところ。 ・webpackのバージョンの違いや、psotmanのインストールなど動画と異なり戸惑うことが多かった。 その他 ・しゃべり方に抑揚がないので、眠くなる傾向があった。 ・難易度は高いと思う。Javascriptのスキルがそれなりに要求されると感じた。

By YY KK on 2/23/2021

良かった点 ・TypeScriptがどういうものかを理解するには十分な内容 ・サンプルアプリを通して実際に手を動かしながら学べるので理解しやすい ・デコレータの仕組みが丁寧な解説で理解しやすい ・tsconfigの設定が理解できる ・新規でアプリを開発するときの設定からデプロイまで理解できる イマイチだった点 ・ユーティリティ型の説明が少なかったこと ・ユーティリティ型を組み合わせた型パズルの解説がなかったこと ・型述語を使った型ガードの方法の説明がなかったこと イマイチだった点にあげた内容はコースを受講してネットで調べれば、なんとなくは理解できます。ReactやExpressの内容よりは、効率よく型定義する方法が、学べれば良かったと思いました。

By Hisomura on 7/3/2020

もともとオライリーのプログラミングTypeScriptを読んでいたので基本的な知識はあったのですが、本では軽くしか触れられていなかったオプションやデコレータなどを学ぶことができました。また、本で学んだ知識を軽く復習をすることができました。具体的なアプリケーションの作成を通じて利用例を学ぶことができたことも良かったです。 ただ、Typescriptの高度な型の使い方には軽くしか触れられていなかったのは少し残念です。配布されているライブラリの型定義を読んで理解するのはこのコースの受講だけでは難しいと思いました。そういった内容を求めている人からすると物足りないかもしれません。

By web dev on 6/22/2020

ES6の知識がない場合は、ついていくために根気が必要な難易度だと思う。 コース紹介の前提条件にある「ES6の知識は望ましいですが、必須ではありません」の解釈しだいではギャップを感じそう。 実践的な知識が身につく点は、受講前に期待していた以上だったのでおすすめしたい。 概念や解説を聞くて学習するよりも、手を動かして理解するほうが得意なので、実践する部分の割合がちょうどよく集中して学べた。 サンプルコードもボリュームや難易度も親切で頭に入りやすい。

Showing all 10 reviews on CourseDuck

Read all 1,928 reviews on Udemy

icon
Quality Score

No CourseDuck member has rated this course yet. Taken it? Give each part a thumbs up or down.

Content Quality
/
Video Quality
/
Qualified Instructor
/
Course Pace
/
Course Depth & Coverage
/

Overall Score : 84 / 100