JavaScriptTutorial.net ウェブサイトへようこそ！この JavaScript チュートリアルは、JavaScript プログラミング言語をゼロから迅速かつ効果的に学習するのに役立ちます。
次のいずれかの状況にある場合
- JavaScript の学習をどこから始めたらよいかわからない。
- 単に JavaScript コードをコピーアンドペーストするだけで、実際にはどのように機能するのか理解していないことにうんざりしている。
- JavaScript を十分に活用する方法がわからないため、Web サイトや Web アプリケーションに、より豊かで魅力的な機能を追加することができないでいる。
JavaScriptTutorial.net は、始めるのに最適な場所です。
セクション 1. はじめに
- JavaScript とは何か？ – JavaScript とその歴史を紹介します。
- JavaScript ソースコードエディタのインストール – JavaScript コードの編集に Visual Studio Code をインストールする方法を学習します。
- Web 開発ツールのコンソールタブを使ってみよう – Web ブラウザのコンソールウィンドウの基本的な紹介を行います。
- JavaScript Hello World – 有名な
"Hello, World!"メッセージを表示する最初の JavaScript コードを実行する方法を学習します。
セクション 2. 基礎
- 構文 – ホワイトスペース、ステートメント、識別子、キーワード、式、コメントを含む JavaScript 構文を説明します。
- 変数 – 変数の宣言方法を示します。
- データ型 – プリミティブ型と参照型を含む JavaScript のデータ型を紹介します。
- 数値 – JavaScript が整数と浮動小数点数を表現するために
Number型を使用する方法を学習します。 - 数値セパレータ – アンダーバーを数値セパレータとして使用することにより、数値を読みやすくする方法を示します。
- 8 進数と 2 進数のリテラル – 2 進数リテラルをサポートし、8 進数リテラルの表現方法を変更します。
- ブール値 –
Boolean型を紹介します。 - 文字列 – 文字列プリミティブ型と基本的な文字列操作について学習します。
- オブジェクト – オブジェクト型を紹介します。
- プリミティブ値と参照値 – JavaScript の 2 つの値の型（プリミティブ値と参照値）と、それらの違いを理解します。
- 配列 –
Array型と配列要素の操作方法を紹介します。
セクション 3. 演算子
- 算術演算子 – 加算 (
+)、減算 (-)、乗算 (*)、除算 (/) を含む算術演算子を紹介します。 - 剰余演算子 – 剰余演算子 (
%) を使用して、ある値を別の値で除算したときの余りを取得する方法を示します。 - 代入演算子 – 代入演算子 (
=) を使用して、値または式を変数に代入する方法を説明します。 - 単項演算子 – 単項演算子の使用方法を学習します。
- 比較演算子 – 2 つの値を比較するために比較演算子を使用する方法を示します。
- 論理演算子 – 論理演算子 NOT (
!)、AND (&&)、OR (||) の使用方法を学習します。 - 論理代入演算子 –
||=、&&=、??=を含む論理代入演算子を紹介します。 - Nullish 合体演算子 (
??) – 2 つの値を受け入れ、最初の値がnullまたはundefinedの場合に 2 番目の値を返します。 - べき乗演算子 –
Math.pow()メソッドと同様に、底を指数乗算するべき乗演算子 (**) を紹介します。
セクション 4. 制御フロー文
- if – 条件が true の場合にブロックを実行するために
if文を使用する方法を示します。 - if…else – 指定された条件に基づいてコードブロックを実行する方法を学習します。
- if…else…if – 複数の条件をチェックし、ブロックを実行します。
- 三項演算子 –
if文 (?:) のショートカットを作成する方法を示します。 - switch –
switch文を使用して、値を複数のバリアントと比較する場合に、複数のif文を置き換える方法を示します。 - while – 指定された条件が
trueである限り、コードブロックを繰り返し実行する事前テストループを実行する方法を学習します。 - do…while – 指定された条件が
falseになるまで、コードブロックを繰り返し実行する事後テストループを実行する方法を示します。 - for ループ – さまざまなオプションに基づいてコードブロックを繰り返し実行する方法を学習します。
- break – ループを途中で終了する方法を学習します。
- continue – ループの現在の反復をスキップして次の反復にジャンプする方法を示します。
- カンマ演算子 –
forループでカンマ演算子を使用して、複数の変数を一度に更新する方法を説明します。
セクション 5. 関数
- 関数 – JavaScript の関数について紹介します。
- 関数はファーストクラスシチズンである – 関数を変数に格納し、他の関数に引数として関数を渡し、関数を値として返す方法を学習します。
- 無名関数 – 名前のない関数である無名関数について学習します。
- 値渡し – JavaScript で値渡し（pass-by-value）がどのように機能するかを理解します。
- 再帰関数 – 再帰関数の定義方法を学習します。
- デフォルトパラメータ – 関数のデフォルトパラメータを定義する方法を示します。
セクション 6. オブジェクトとプロトタイプ
- オブジェクトメソッド – オブジェクトのメソッドについて紹介します。
- コンストラクタ関数 – JavaScript でカスタム型を定義するためにコンストラクタ関数を使用する方法を示します。
- プロトタイプ – JavaScript でプロトタイプがどのように機能するかを学習します。
- コンストラクタ/プロトタイプパターン – カスタム型を定義するために、コンストラクタ関数とプロトタイプパターンを組み合わせる方法を示します。
- プロトタイプ継承 – JavaScript のプロトタイプ継承を理解します。
- JavaScript での this とは –
this値とその JavaScript での動作を理解します。 - globalThis – 環境をまたいでグローバルオブジェクトにアクセスするための標準的な方法を提供します。
- オブジェクトプロパティ – オブジェクトのプロパティとその属性について詳しく調べます。
- for…in ループ –
for...inループを使用してオブジェクトのプロパティを反復処理する方法を学習します。 - 列挙可能なプロパティ – 列挙可能なプロパティについて詳しく学習します。
- 独自のプロパティ – 独自のプロパティと継承されたプロパティを理解します。
- ファクトリ関数 – オブジェクトを返す関数であるファクトリ関数について学習します。
- オブジェクトのデストラクチャリング – オブジェクトのプロパティを変数に割り当てる方法を学習します。
- オプションチェーン演算子 (
?.) – チェーンに接続されたオブジェクトの深い位置にあるプロパティにアクセスする方法を簡素化します。各参照がnullまたはundefinedであるかどうかを確認する必要がありません。 - オブジェクトリテラル構文の拡張 – オブジェクトリテラルを定義する新しい方法を提供します。
セクション 7. クラス
- クラス – ES6 クラス構文とその宣言方法について紹介します。
- ゲッターとセッター – get と set キーワードを使用してクラスのゲッターとセッターを定義します。
- クラス式 – クラス式を使用して新しいクラスを定義する代替方法を学習します。
- 計算プロパティ – 計算プロパティとその実際的な応用について説明します。
- 継承 –
extendsとsuperキーワードを使用してクラスを拡張する方法を示します。 - new.target –
new.targetメタプロパティを紹介します。 - 静的メソッド – クラスに関連付けられたメソッド（そのクラスのインスタンスではない）を定義する方法を説明します。
- 静的プロパティ – クラスのすべてのインスタンスで共有される静的プロパティを定義する方法を示します。
- プライベートフィールド – クラスでプライベートフィールドを定義する方法を学習します。
- プライベートメソッド – クラスでプライベートメソッドを定義する方法を示します。
セクション 8. 高度な関数
- 関数型 –
Function型とそのプロパティとメソッドを紹介します。 - call() –
call()メソッドを理解し、効果的な使用方法を学習します。 - apply() –
apply()メソッドを効果的に使用する方法を学習します。 - bind() –
bind()メソッドとその効果的な適用方法を理解します。 - クロージャ – JavaScript のクロージャを理解します。
- すぐに実行される関数式 (IIFE) – すぐに実行される関数式 (IIFE) について学習します。
- 複数の値を返す – 関数から複数の値を返す方法を説明します。
- アロー関数 – アロー関数 (
=>) を紹介します。 - アロー関数：使用すべきでない場合 – アロー関数の使用を避けるべきケースを学びます。
- レストパラメータ – レストパラメータとその効果的な使用方法を紹介します。
- コールバック関数 – コールバック関数と、非同期操作の処理にコールバックを使用する方法を説明します。
第9章 PromiseとAsync/Await
- Promise – JavaScriptのPromise、その定義、そして効果的な使用方法を学びます。
- Promiseチェーン – 複数の非同期操作を順番に実行する方法を示します。
- Promiseの合成：
Promise.all()&Promise.race()– 複数のPromiseから新しいPromiseを作成する方法を学びます。 - Promise.any() – JavaScriptの
Promise.any()メソッドを使用して、最初に成功したPromiseを返す方法を学びます。 - Promise.allSettled() – Promiseのリストを受け取り、入力されたPromiseによって解決または拒否された値の配列を解決する新しいPromiseを返します。
- Promise.prototype.finally() – Promiseが解決されたとき、結果に関係なくコードを実行します。
- Promiseのエラー処理 – Promiseにおけるエラー処理方法を説明します。
- async/await – より明確な構文で非同期コードを記述します。
- Promise.withResolvers() – resolve関数とreject関数を備えた新しいPromiseを返します。
第11章 モジュール
- モジュール – モジュール式JavaScriptコードの書き方を学びます。
- エクスポート – モジュールから変数、関数、クラスをエクスポートする方法を詳細に説明します。
- インポート – 別のモジュールからデフォルトエクスポートと名前付きエクスポートをインポートする方法を説明します。
- 動的インポート – 関数のようなオブジェクト
import()を使用してモジュールを動的にインポートする方法を示します。 - トップレベルawait – トップレベルawaitモジュールとその使用例について説明します。
第12章 Symbol
- Symbol – ES6で導入された新しいプリミティブ型である
symbolを紹介します。
第14章 エラー処理
- try…catch – 例外を適切に処理する方法を示します。
- try…catch…finally – 例外をキャッチし、例外が発生するかどうかに関わらずブロックを実行する方法を学びます。
- throw – 例外をスローする方法を示します。
- 省略可能なcatchバインディング – catchブロックで例外変数を省略します。
第15章 JavaScriptのvar、let、const
- let –
letキーワードを使用してブロックスコープ変数を宣言します。 - letとvarの違い –
letとvarの違いを理解します。 - const –
constキーワードを使用して定数を定義します。
第16章 ProxyとReflection
- Proxy – 別のオブジェクト（ターゲット）をラップし、ターゲットオブジェクトの基本的な操作をインターセプトするプロキシオブジェクトの使用方法を学びます。
- Reflection – ES6 Reflection APIを使用して、実行時にオブジェクトの変数、プロパティ、メソッドを操作する方法を示します。
第18章 プリミティブラッパ型
- プリミティブラッパ型 – JavaScriptでのプリミティブラッパ型の仕組みを学びます。
- Boolean – Booleanプリミティブラッパ型を紹介します。
- Number – Numberプリミティブラッパ型について学びます。
- BigInt – 大きな整数を表す
BigInt型を紹介します。 - String型 – String型を紹介します。