TypeScript入門ビデオ【JavaScriptを学ばなくても理解できる】

• 章1 TypeScript 入門の初体験
• 1-1 導入
• 1-2 タイプスクリプトの初体験
• 1-3 JavaScriptとは何ですか
• 1-4 タイプスクリプトとは何ですか
• 1-5 jsと比較したtypescriptの利点
• 章2 開発ツールの準備
• 2-1 開発ツール (vscode)
• 2-2 開発ツール（Node.js）
• 2-3 TS を解析するためにツールキットをインストールする理由は何ですか?
• 2-4 TS を解析するためのツールキットをインストールする
• 章3 初めてTSを利用する
• 3-1 最初のTSファイル
• 3-2 TS を実行する手順を簡素化する
• 3-3 コメント
• 3-4 出力ステートメント
• 3-5 Typescript の初体験の概要
• 章4 変数とデータ型
• 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 オペレーター
• 5-1 オペレーターの紹介
• 5-2 算術演算子
• 5-3 プラス記号は文字列の連結を実装します
• 5-4 プラス記号によって引き起こされる思考
• 5-5 代入演算子
• 5-6 インクリメント演算子とデクリメント演算子
• 5-7 比較演算子
• 5-8 論理演算子
• 章6 ステートメントを実行する
• 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 キーワードを中断して続行する
• 7-1 ブレークキーワード
• 7-2 継続キーワード
• 章8 配列
• 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 関数の基本
• 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 高度な機能
• 10-1 高度な機能紹介
• 10-2 機能デバッグ（基本操作）
• 10-3 関数デバッグ（関数実行処理）
• 10-4 変数スコープ
• 章11 物体
• 11-1 オブジェクトの紹介
• 11-2 オブジェクトの概要
• 11-3 オブジェクトの作成
• 11-4 インターフェース（オブジェクトの型アノテーション）
• 11-5 オブジェクトメソッドの型アノテーション
• 11-6 インターフェースの使用
• 11-7 オブジェクトの値
• 11-8 オブジェクトストレージの値
• 11-9 オブジェクトの基本的な使い方のまとめ
• 章12 組み込みオブジェクト
• 12-1 組み込みオブジェクトの概要
• 12-2 配列オブジェクト(lengthプロパティ)
• 12-3 配列オブジェクト(プッシュ)
• 12-4 配列オブジェクト (forEach)
• 12-5 配列オブジェクト（forEachの説明）
• 12-6 各演習ごとに
• 12-7 配列オブジェクト (一部)
• 章13 Web開発の基本
• 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 ブラウザでTSを実行する
• 14-1 ブラウザでTSを実行する
• 章15 DOM 操作
• 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 チェスゲームケース
• 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 最適化してゲームを再起動します