
はじめてのTypeScriptプログラミング入門
ウェブ開発でJavaScriptの代替言語として注目されるTypeScriptの基本を習得しよう
合計時間:04:51:54
コース紹介動画
学習内容
■ 主な学習トピック
- TypeScriptとは何か理解できる
- JavaScriptでは無く、TypeScriptを使うことのメリットを理解できる
- TypeScriptの学習環境を構築できる
- TypeScriptの基本構文を体系的に理解できる
■ 講座内容
本コースはプログラミング言語「TypeScript(タイプスクリプト)」未経験の方が、中級者を目指すために設計された、初級レベルコースです。
TypeScript とは?
TypeScriptは、ざっくり説明すると、 JavaScript に 型 を付けられるようにした、プログラミング言語です。
TypeScriptのTypeは日本語でいうと型、言い換えるとデータ型を意味します。
型がTypeScriptの目玉機能であることが、言語名からも推測できます。
JavaScriptを代替する事を目指した言語ですので、JavaScriptと同じく幅広い用途に利用できます。
JavaScriptを使った開発において、開発規模が大きくなった時に生じようになった欠点を改善することを目指しており、利用が伸びているプログラミング言語の一つです。
■ 学習に必要な要件
- パソコン(macOS または Windows)
- テキストエディタ Visual Studio Code (無料)
- ウェブブラウザ Google Chrome (無料)
■ このコースのターゲット
- TypeScriptを初めて学ぶ方
- TypeScriptを業務で使うことになった方
- 新人プログラマー
■ バージョン情報
動画収録ではTypeScript v4.7.4を利用しています。v4.7.4以上のバージョンをご利用ください。
レクチャー一覧
- コースイントロダクション
-
1. コースイントロダクション - TypeScript入門2分
- 本コースの概要について
-
2. TypeScriptとは4分
- TypeScript についての概要
- TypeScript 特徴について
- TypeScript を使用するメリット
- コンパイルについて
- はじめてのTypeScriptを実行しよう
-
3. イントロダクション - イントロダクション - はじめてのTypeScriptを実行しよう1分
- TypeScript Playground の使用方法について
- ローカル開発環境の使用方法について
- 開発 OS についての補足
-
4. はじめてのTypeScriptプログラムを実行しよう①5分
- はじめての TypeScript プログラミングの実行について
-
5. 学習環境を用意しよう①2分
- Visual Studio Code(macOS版 or Windows版) のインストールについて
- Google Chrome (macOS版 or Windows版) のインストールについて
- Visual Studio Codeの拡張機能について
-
6. 【macOS】学習環境を準備しよう②4分
- 学習環境の準備について(macOS環境)
- TypeScript が使用できるようにするための準備について(macOS環境)
-
7. 【Windows】学習環境を準備しよう②3分
- 学習環境の準備について(Windows環境)
- TypeScript が使用できるようにするための準備について(Windows環境)
-
8. はじめてのTypeScriptプログラムを実行しよう②7分
- Hello World プログラムを Visual Studio Code で記述し、実行する方法について
-
9. プログラムをコメントアウトしよう4分
- コメントについて
- TypeScriptのコメントについて理解する
- コメントの用途について
- 変数とデータ型の基本を理解しよう
-
10. イントロダクション - 変数とデータ型の基本を理解しよう1分
- 変数について
- 型について
- TypeScript に関する補足
- 変数とデータ型の基本を理解しようについての主な学習内容
-
11. リテラルについて理解しよう2分
- リテラルについて
- リテラルに関する補足
-
12. エスケープシーケンスを使おう6分
- エスケープシーケンスについて
- エスケープシーケンスについての補足
-
13. 変数を使おう4分
- 変数について
- 型(データ型)について
- JavaScript に関する補足
-
14. 定数(不変変数)を使おう3分
- 定数(不変変数)について
- 定数(不変変数)のよくあるご質問について
-
15. 変数名の付け方を知ろう4分
- 変数名の付け方について
- 複数単語の使用方法について
- 変数名の付け方についての補足
-
16. データ型について知ろう4分
- TypeScript の基本的なデータ型について
- よく使用する主なデータ型について
-
17. 型推論を使おう2分
- 型推論について
- 型推論の利用方針について
-
18. 基本的な演算子を使おう5分
- 演算子について
- べき乗についての補足
-
19. 複合代入演算子を使おう3分
- 複合代入演算子について
-
20. 演算子の優先順位を理解しよう3分
- 演算子の優先順位について
-
21. 文字列結合とテンプレートリテラルを使おう3分
- 文字列結合の方法について
-
22. インクリメントとデクリメントを使おう5分
- インクリメントとデクリメントについて
- 前置演算子と、後置演算子で違いが発生するケースについて
-
23. 演習問題: 演算子2分
- 演算子に関する演習
- 演算子についての補足
- コンパイルの設定をしよう
-
24. イントロダクション - コンパイルの設定をしよう0分
- コンパイルの設定の概要
-
25. コンパイルを自動で実行しよう2分
- TypeScript の単一ファイル保存時にコンパイルを自動で実行する方法について
-
26. コンパイルとページリロードを自動で実行しよう15分
- 複数ファイルのコンパイルとページのリロードを自動で実行する方法について
-
27. ソースコードの保存場所と出力先を設定しよう4分
- ディレクトリ構成の設定について
-
28. Source Mapを使おう4分
- Source Map について
- Source Map 出力を設定して、デバッグをしやすくする方法について
- 条件分岐を使おう
-
29. イントロダクション - 条件分岐を使おう1分
- 条件分岐(分岐)について
- 3つの制御構文について
- 条件分岐を使おうについての主な学習内容
-
30. 条件分岐を記述しよう if / else5分
- 構文 if について
- 構文 if /else について
- 比較演算子について
-
31. より複雑な条件分岐を記述しよう else if4分
- else if 構文を使用した、より複雑な処理の実行について
- else if 構文についての補足
-
32. 様々な比較演算子を使ってみよう4分
- 様々な比較演算子について
- 比較演算子についての補足
-
33. 演習問題: 条件分岐 if3分
- 条件分岐 if に関する演習
-
34. 論理演算子を使おう5分
- 論理演算子について
-
35. 条件分岐の入れ子を使おう4分
- 条件分岐の入れ子について
- 条件分岐の入れ子についての補足
-
36. 条件分岐switchを使おう7分
- 条件分岐 switch について
- switch 構文について
-
37. 演習: 条件分岐 switch6分
- 条件分岐 switch に関する演習
-
38. nullとundefinedを理解しよう2分
- undefined について
- null について
-
39. 三項演算子を使おう2分
- 三項演算子について
- 三項演算子についての補足
- 関数を使おう
-
40. イントロダクション - 関数を使おう0分
- 関数について
- 関数を使用するメリットについて
- 関数を使おうについての主な学習内容
-
41. 関数とは何か理解しよう2分
- 関数について
- 関数の区分について
- 主な3種類の関数の定義方法
- 例題)四角形の面積を計算する関数の作成
-
42. function命令を使おう8分
- function 命令(関数宣言)について
- any 型について
-
43. 関数リテラルを使おう2分
- 関数リテラルについて
- 関数リテラルについての補足
-
44. アロー関数を使おう4分
- アロー関数について
- 関数リテラルに関する補足
-
45. 演習問題:関数2分
- 関数に関する演習
-
46. コールバック関数を使おう2分
- コールバック関数について
-
47. 引数にデフォルト値を設定しよう2分
-
関数の引数にデフォルト値を設定する方法について
-
- 配列、オブジェクト、タプルを使おう
-
48. イントロダクション - 配列、オブジェクト、タプルを使おう0分
-
配列、オブジェクト、タプルの概要
-
-
49. 配列の基本を理解しよう6分
- 配列について
- 配列についての注意点
-
50. 配列を操作しよう8分
- 基本的な、配列の操作(追加、更新、削除)について
- 配列に関する補足
-
51. オブジェクト(連想配列)を使おう10分
-
オブジェクト(連想配列)について
-
-
52. タブルを使おう3分
- タプルについて
- タプルについての補足
- 繰り返し処理を使おう
-
53. イントロダクション - 繰り返し処理を使おう0分
- 繰り返し処理の概要
- 3つの制御構文について
- 代表的なトピックについて
-
54. 繰り返し処理forを使おう6分
-
繰り返し処理 for文について
-
-
55. ループの入れ子を使おう4分
-
ループの入れ子を使ったプログラムについて
-
-
56. 繰り返し処理whileを使おう4分
-
繰り返し処理 while 文を使ったプログラムについて
-
-
57. 繰り返し処理do whileを使おう2分
- 繰り返し処理 do while 文について
- while 文とdo while 文の違いについて
-
58. 繰り返し処理for...ofを使おう2分
- 繰り返し処理 for...of 文について
- iterable(イテラブル)オブジェクトについて
-
59. 演習:配列、繰り返し処理3分
- 配列と、繰り返し処理に関する演習
- 配列と、繰り返し処理についての補足
- クラスの基本的な使い方を知ろう
-
60. イントロダクション - クラスの基本的な使い方を知ろう2分
- TypeScript のクラスの基本について
- クラスを使ったプログラムについて
- クラスのメリットについて
- クラスについての補足
- クラスの基本的な使い方を知ろうについての主な学習内容
-
61. クラス宣言をしよう3分
- クラスの定義について
- クラスのインスタンス化について
-
62. オプショナルなプロパティを使おう1分
-
オプショナルなプロパティの使い方について
-
-
63. プロパティを読み取り専用にしよう1分
-
プロパティを読み取り専用にする方法について
-
-
64. メソッドを使おう5分
- メソッドの宣言について
- メソッドに関する補足
-
65. コンストラクタを使おう3分
- コンストラクタについて
- コンストラクタを使用したインスタンスのプロパティの初期化について
- コンストラクタ特有の動作について
-
66. アクセシビリティ修飾子を使おう5分
- アクセシビリティ修飾子について
- private、public の動作の違いについて
- privateを使用するメリット
-
67. クラスの型について理解しよう1分
- クラスの型について
-
68. クラスの継承をしよう4分
- クラスの継承について
- クラスの用語について
-
69. オーバーライドをしよう2分
- オーバーライドについて
- オーバーライドするプログラムの記述について
-
70. コンストラクタのオーバーライドをしよう2分
-
クラスのコンストラクタのオーバーライドについて
-
- モジュールの基本的な使い方を知ろう
-
71. イントロダクション - モジュールの基本的な使い方を知ろう1分
- モジュールについて
- モジュールの基本的な使い方を知ろうについての主な学習内容
-
72. import宣言とexport宣言を利用しよう①4分
-
モジュールから構成される最小構成のプログラムの記述について
-
-
73. import宣言とexport宣言を利用しよう②2分
- export をまとめて書く方法について
- 別名の付け方について
-
74. 関数をexportしよう2分
- 関数をエクスポートするモジュールの基本について
-
75. クラスをexportしよう2分
-
クラスをexportするモジュールの基本について
-