1-1 導入

1-2 タイプスクリプトの初体験

1-3 JavaScriptとは何ですか

1-4 タイプスクリプトとは何ですか

1-5 jsと比較したtypescriptの利点

2-1 開発ツール (vscode)

2-2 開発ツール（Node.js）

2-3 TS を解析するためにツールキットをインストールする理由は何ですか?

2-4 TS を解析するためのツールキットをインストールする

3-1 最初のTSファイル

3-2 TS を実行する手順を簡素化する

3-3 コメント

3-4 出力ステートメント

3-5 Typescript の初体験の概要

4-1 変数とデータ型の概要

4-2 変数とは何ですか

4-3 変数の使用

4-4 vscodeを構成する

4-5 型の注釈

4-6 命名規則と仕様

4-7 変数を使った演習 (2 つの変数の値を交換する)

4-8 データ型の概要

4-9 数値型

4-10 文字列型

4-11 ブール型

4-12 アンダーファイン型と null 型

4-13 基本タイプ - 概要

5-1 オペレーターの紹介

5-2 算術演算子

5-3 プラス記号は文字列の連結を実装します

5-4 プラス記号によって引き起こされる思考

5-5 代入演算子

5-6 インクリメント演算子とデクリメント演算子

5-7 比較演算子

5-8 論理演算子

6-1 ステートメントの紹介

6-2 条件文の概要

6-3 if ステートメント

6-4 else ステートメント

6-5 if else ステートメントの練習

6-6 三項演算子の概要

6-7 三項演算子の練習問題

6-8 ループ文の概要

6-9 宿題の書き方の例からforループの構成を見てみる

6-10 forループの基本的な使い方

6-11 forループの実行処理

6-12 for ループの実行プロセスを表示するブレークポイントのデバッグ

6-13 vscode ブレークポイントのデバッグ構成 (1 構成ステップ)

6-14 vscode ブレークポイントのデバッグ構成 (2 つのデバッグのヒント)

6-15 ループ演習用 (1 枚のプリント 1 ～ 5)

6-16 for ループでの演習 (2 は食べている n 番目のパンを出力します)

6-17 ループ演習用（3 1～100の合計を計算）

7-1 ブレークキーワード

7-2 継続キーワード

8-1 配列の概要

8-2 アレイの概要

8-3 配列を作成する (構文 1)

8-4 配列を作成する (構文 2)

8-5 配列の長さとインデックス

8-6 配列の値の取得と保存（値の取得）

8-7 配列値の取得と保存（保存値）

8-8 要素を配列に追加する

8-9 配列を反復処理します (計算機のデフォルト値は 0)

8-10 配列を走査する(判定条件は配列の長さから1を引いた値)

8-11 配列の走査（判定条件の最適化）

8-12 配列の演習 (配列内のすべての要素の合計を求める)

8-13 配列の演習 (配列内の最大値を見つける)

8-14 配列の演習 (配列内の 0 ではない要素を見つける)

9-1 機能の基本の紹介

9-2 機能概要

9-3 関数の使用法

9-4 機能演習

9-5 関数パラメータの概要

9-6 仮パラメータと実パラメータ

9-7 パラメータの追加説明

9-8 関数パラメータの演習 (1)

9-9 関数パラメータの演習 (2)

9-10 関数の戻り値の概要

9-11 関数の戻り値の基本的な使い方

9-12 関数戻り値演習（getSum関数の変換）

9-13 関数戻り値演習（三角エリア）

9-14 関数の戻り値の練習（最大値を求める）

9-15 返品の説明

9-16 機能の基本のまとめ

10-1 高度な機能紹介

10-2 機能デバッグ（基本操作）

10-3 関数デバッグ（関数実行処理）

10-4 変数スコープ

11-1 オブジェクトの紹介

11-2 オブジェクトの概要

11-3 オブジェクトの作成

11-4 インターフェース（オブジェクトの型アノテーション）

11-5 オブジェクトメソッドの型アノテーション

11-6 インターフェースの使用

11-7 オブジェクトの値

11-8 オブジェクトストレージの値

11-9 オブジェクトの基本的な使い方のまとめ

12-1 組み込みオブジェクトの概要

12-2 配列オブジェクト(lengthプロパティ)

12-3 配列オブジェクト(プッシュ)

12-4 配列オブジェクト (forEach)

12-5 配列オブジェクト（forEachの説明）

12-6 各演習ごとに

12-7 配列オブジェクト (一部)

13-1 TSの型推論

13-2 Web 開発の基本の概要

13-3 HTMLの基本的な使い方（最初のHTMLページを作成して使用する）

13-4 HTMLの基本的な使い方（共通タグ）

13-5 CSSの基本的な使い方（style属性）

13-6 CSS（スタイルタグ）の基本的な使い方

13-7 CSSの基本的な使い方（cssファイル）

13-8 ブラウザでJavaScriptを使用してください

13-9 Live Server プラグインを使用する - ブラウザを自動的に更新します

14-1 ブラウザでTSを実行する

15-1 DOM 操作の概要

15-2 要素の取得 (querySelector)

15-3 TS タイプ アサーション

15-4 要素の取得 (querySelectorAll)

15-5 テキストコンテンツを操作する (innerText)

15-6 演習 (querySelectorAll と innerText)

15-7 操作スタイル（style属性）

15-8 動作デモ（classList属性）

15-9 操作イベント（addEventListener追加イベント）

15-10 操作イベント（イベントオブジェクト）

15-11 RemoveEventListener はイベントを削除します (1)

15-12 RemoveEventListener はイベントを削除します (2)

15-13 関数宣言の形式のイベント ハンドラーに関する 2 つの注意事項

16-1 チェスゲームのデモンストレーションとゲームプレイの紹介

16-2 ゲームテンプレートの説明

16-3 セルクリック (チェス)

16-4 セルクリック (最適化)

16-5 vscodeとブラウザウィンドウの位置を調整する

16-6 プレイヤーを切り替える (1)

16-7 プレーヤーを切り替えます (2)

16-8 列挙型の基本的な使用法

16-9 数値列挙と文字列列挙

16-10 列挙型を使用して現在のプレーヤーを変更する

16-11 勝敗を判断する考え方

16-12 勝利配列を分析する

16-13 セル要素リストの説明

16-14 勝利関数のカプセル化

16-15 勝ち関数の実装(1)

16-16 勝ち関数の実装(2)

16-17 勝利関数の最適化

16-18 引き分けを決める

16-19 当選情報を表示

16-20 ゲームを再開する

16-21 最適化してゲームを再起動します