JavaScript

ウェブを動かす言語

JavaScriptはページに対話性を与え、アプリケーション全体を動かします。変数、関数、配列とオブジェクト、そしてDOM、非同期処理、クロージャ、モダンなツールまで。すべてのウェブ開発者の土台となる言語です。

基礎

初級 - 基本を一歩ずつ

• 変数（let、const）とプリミティブ型letとconstで情報を保存する方法を学び、JavaScriptの基本的な値の型を見分けられるようになりましょう。
• 演算子と条件（if/else、比較、===）計算し、===で値を比較し、ifとelseでプログラムに判断させる方法を学びましょう。
• ループ：for、while、for...offor、while、for...ofループのおかげで、同じことを繰り返さずに命令を繰り返しましょう。
• 関数：宣言、パラメーター、returnfunctionで再利用可能なコードのブロックを作り、それにパラメーターを渡し、returnで結果を受け取りましょう。
• 配列とオブジェクト：作成、読み取り、変更配列に複数の値を保存し、オブジェクトでエンティティを記述し、それらを読み取り変更する方法を学びましょう。

ステップアップ

中級 - 実践的なものを作る

• 配列メソッド: map, filter, reduce, find実際のプロジェクトで最もよく使われる4つの配列メソッドを使って、データを変換・絞り込み・集計する方法を学びます。
• アロー関数、スコープ、テンプレートリテラルアロー構文、ブロックスコープ、クロージャをマスターし、テンプレートリテラルで動的な文字列を組み立てます。
• 分割代入とスプレッド/レストオブジェクトや配列からデータをきれいに取り出し、スプレッド演算子で構造をコピーしたり結合したりします。
• DOMを操作する: querySelector、イベントリスナーページ上の要素を選択し、クリックに反応し、パフォーマンスの高いコードのためにイベント委譲を取り入れます。
• JSON、localStorage、そして初めての fetchデータをJSONとしてシリアライズし、localStorage でブラウザに永続化し、fetch でリモートのデータを取得します。

応用

上級 - 高度なパターンとパフォーマンス

• クロージャとレキシカルスコープクロージャが変数をどのように捕捉するかを習得し、状態をカプセル化してスコープの落とし穴を避けられるようになりましょう。
• this、プロトタイプ、クラスthis が動的にどう解決されるか、プロトタイプチェーンがどう機能するか、そしてクラスがオブジェクトモデルに実際に何を加えるのかを理解しましょう。
• 非同期を深く: Promise、async/await、エラー処理イベントループを活用し、Promise を正しく並列化して、非同期のエラー処理を信頼できるものにしましょう。
• ES モジュール: import/export、プロジェクトの構成ES モジュールの静的解析を活用し、有害なバレルと循環依存を避けることで、プロジェクトを構造化しましょう。
• デバッグと堅牢性: try/catch、高度な console、カスタムエラー専用のクラス、うまく配置された catch 境界、そして持てる力を存分に発揮した console によって、明示的なエラー戦略を築きましょう。

マスター

エキスパート - 設計、内部構造、エッジケース

• イベントループ: コールスタック、マイクロタスク、マクロタスクエンジンが同期コード、マイクロタスク、マクロタスクを実際にどうスケジュールするのかを理解します。
• イテレータ、ジェネレータ、そして反復プロトコルfor...of、スプレッド、分割代入の背後にあるプロトコルを習得し、ジェネレータを使って遅延評価のシーケンスを生成します。
• Proxy、Reflect、そしてメタプログラミングProxy のトラップで言語の基本的な操作をインターセプトし、Reflect でデフォルトの動作をきれいに委譲します。
• メモリとパフォーマンス: GC、WeakMap/WeakRef、debounce/throttleガベージコレクタの仕組みを理解し、弱参照を使ってリークを避け、debounce と throttle で高コストな処理を平準化します。
• 関数型パターン: カリー化、合成、イミュータビリティカリー化、関数合成、そしてイミュータブルなデータでコードを構造化し、予測可能性とテスト容易性を手に入れます。