
このセクションの全てのコードを添付しました。それぞれの個別のレクチャーにも添付されています。
下記のサイトが参考になるかもしれません。
TypeScript の公式ドキュメント(英語):
https://www.typescriptlang.org/docs/handbook/basic-types.html
TypeScript Deep Dive (日本語)
https://typescript-jp.gitbook.io/deep-dive/type-system
下記のサイトが参考になるかもしれません。
tsconfig.json 公式ドキュメント(英語)
https://www.typescriptlang.org/docs/handbook/tsconfig-json.html
コンパイラオプション公式ドキュメント(英語)
https://www.typescriptlang.org/docs/handbook/compiler-options.html
VSCode での TypeScript のデバッグ設定 (英語)
https://code.visualstudio.com/docs/typescript/typescript-debugging
下記のWebページが参考になるかもしれません。
TypeScript Deep Dive (日本語)
https://typescript-jp.gitbook.io/deep-dive/future-javascript
下記のリンクが役に立つかもしれません。
クラスについて(MDN web docs): https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Classes
TypeScriptのインターフェースについて: https://typescript-jp.gitbook.io/deep-dive/type-system/interfaces
下記の資料は役に立つかもしれません。
高度な型の詳細(英語): https://www.typescriptlang.org/docs/handbook/advanced-types.html
下記の資料が参考になるかもしれません。
ジェネリック型について(日本語):
https://typescript-jp.gitbook.io/deep-dive/type-system/generics
下記のリンクは参考になるかもしれません。
デコレータの詳細(英語): https://www.typescriptlang.org/docs/handbook/decorators.html
下記のリンクを読むと面白いかもしれません。
ドラッグ&ドロップAPIの詳細: https://developer.mozilla.org/ja/docs/Web/API/HTML_Drag_and_Drop_API
重要: 次のレクチャーでは、モダンブラウザでしか動作しない機能を利用します。
このコースの後の方で、古いブラウザでも同様に動作させる方法を学びます。しかし、この時点では Chrome か Firefox を使ってください。
これらのリンクを読むと面白いかもしれません。
JavaScriptモジュール (日本語): https://developer.mozilla.org/ja/docs/Web/JavaScript/Guide/Modules
JavaScript Modules (Overview) (英語): https://medium.com/computed-comparisons/commonjs-vs-amd-vs-requirejs-vs-es6-modules-2e814b114a0b
このコースは、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が利用されているプロジェクトとユースケース