0Pricing
JavaScript Academy icon

JavaScript Academy

JAVASCRIPTWebFrontendBackendBeginnerScripting

JavaScript Academy でJavaScript を学んで、ウェブインタラクティビティの可能性を引き出しましょう。

🤖 AI 搭載📚 59 コース👥 100,000+ ユーザー⭐ 4.9 評価
コース概要

JavaScript: ウェブを動かすプログラミング言語

JavaScript はすべてのブラウザでネイティブに実行される唯一のプログラミング言語です。Node.js を使えばサーバーでも実行できます。ボタンのクリックやフォーム検証から、リアルタイムデータストリームやオフライン対応のウェブアプリケーションまで、あらゆる機能を制御します。このトラックでは、値と型から event loop、Web Workers、Service Workers まで、言語の厳密で完全な理解を構築します。

学習内容

変数、スコープ、制御フロー、コア データ型から始まり、DOM 操作、イベントデリゲーション、HTTP リクエスト用の Fetch API へと進みます。トラックの後半では、クロージャとモジュールパターン、関数型プログラミングパターン、カリー化と関数合成、非同期 JavaScript(コールバック、Promise、マイクロタスク、async/await)を学びます。カバーするブラウザ API には、localStorage、IndexedDB、Canvas API、WebSocket、Web Components、Intersection Observer、Streams API が含まれます。上級コースでは、event loop の深い理解、Proxy と Reflect、Web Workers、Service Workers とオフラインキャッシング、イテレータとジェネレータ、パフォーマンスとメモリ管理を扱います。

ラーニングパス

A1 から C1 までの 68 個のアクティブなコースがあります。A1 ブロックは基礎をカバーしています:値と型、変数とスコープ、配列とオブジェクト、制御フロー。A2 はそれに基づいて、テンプレートリテラル、オプショナルチェーニング、関数と this、エラーハンドリング、Date オブジェクトを扱います。B1 ではブラウザ環境を導入します—DOM トラバーサル、イベントハンドリング、Fetch API、分割代入、高階配列メソッド、クラス。B2 はより広い範囲をカバーします:関数型パターン、非同期パターン、Maps と Sets、Regex、Web Components、モジュール、パッケージング、テスト基礎。C1 ブロックは The Event Loop Deep Dive、Proxy and Reflect、Web Workers and Multithreading、Service Workers and Offline Caching、Iterators and Generators、Defensive JS で完成します。

仕組み

各コースは短く、焦点を絞ったレッスンに分かれており、組み込みコードエディタでリアルタイムフィードバック付きで完了できます。行き詰まったときは AI チューターが利用可能で、進行状況は各概念の前提条件が確実であることの後にだけ次の概念が現れるように構成されています。

学習を始める →

学び方

🎯
インタラクティブレッスン
リアルタイムフィードバック付きの実践的なコード演習
🤖
AIチューター
わからないときは、AIが即座にサポート
💻
組み込みエディタ
ブラウザで直接コードを書いて実行
🏆
認定資格
コース完了時に認定資格を取得
カリキュラム

59コース

JavaScript Academyラーニングパスのすべてのコース

01

JavaScriptへようこそ

A13レッスン

JavaScriptとは何か、なぜ地球上で最も人気のあるプログラミング言語なのか、そしてJavaScriptでどのような素晴らしいものを作れるのかを理解します。

02

JavaScript入門

A11レッスンPRO

「Introduction to JavaScript for Beginners」コースでプログラミングの世界への一歩を踏み出しましょう。この包括的なコースでは、JavaScript言語とその基本構造を紹介し、世界で最も普及しているソフトウェア技術の1つである理由を説明します…

03

JavaScript入門:概念と環境構築

A13レッスンPRO

JavaScriptを正しく始めます。JSとは何か、エンジンがどのように実行するか、どこで動くか(ブラウザーとNode)、そして最初のスクリプトを設定して実行する方法を学びます。

04

値と型の基礎

A13レッスンPRO

JSの値と型をマスターします。プリミティブとオブジェクトの違い、 typeof 、主要なプリミティブ(number、bigint、string、boolean、null、undefined、symbol)を学びます。

05

変数とスコープ

A13レッスンPRO

変数宣言( let 、 const 、レガシーな var )、ブロックスコープと関数スコープ、安全なコードに役立つtemporal dead zoneを理解します。

06

制御フローの基礎

A13レッスンPRO

基本的な制御フローを学びます。 if/else 、 else if 、 switch を、初心者にも分かりやすい明快なパターンで使います。

07

配列とオブジェクト(入門)

A12レッスンPRO

配列とオブジェクトを扱います。作成、読み取り、更新、削除、for…of/forEachによる反復、安全なプロパティアクセスを学びます。

08

オプショナルチェーンとNull合体演算子

A24レッスンPRO

オプショナルチェーンとNull合体演算子を使って、簡潔でnull安全なJavaScriptを書きます。

09

テンプレートリテラルとタグ付きテンプレート

A24レッスンPRO

動的な文字列を組み立て、強力なタグ付きテンプレート関数を作成します。

10

Dateオブジェクトとフォーマット

A24レッスンPRO

JavaScriptで日付と時刻を扱い、ユーザー向けにフォーマットします。

11

コンソール、デバッグ、DevTools

A24レッスンPRO

コンソールメソッド、ブレークポイント、ブラウザのDevToolsを使ってJavaScriptの問題を診断・修正します。

12

関数とthis(入門)

A23レッスンPRO

関数宣言と関数式の違い、アロー関数の基礎、それぞれの形式がクリーンで分かりやすいコードに役立つ場面を学びます。

13

文字列、数値、日付

A23レッスンPRO

文字列、数値、日付を扱います。テンプレートリテラル、よく使う文字列メソッド、安全な丸め処理、Dateの基本的な使い方を学びます。

14

エラー処理の基礎

A22レッスンPRO

try/catch/finally で安全にエラーを処理し、意味のあるメッセージを throw し、明確な制御フローのために小さなカスタムエラーを作成します。

15

DOMの選択とトラバーサル

B14レッスンPRO

最新のDOM選択・トラバーサルAPIを使って、Webページ上の要素を検索し、移動する方法を学びます。

16

DOM要素の操作

B14レッスンPRO

JavaScriptを使って、ページの要素やその内容を動的に作成、更新、削除します。

17

イベント処理

B14レッスンPRO

イベントリスナー、イベントオブジェクト、イベント制御を使って、ユーザー操作に応答します。

18

フォームと入力処理

B14レッスンPRO

JavaScriptでHTMLフォームからユーザー入力を読み取り、検証し、適切に応答します。

19

型変換と等価性のルール

B14レッスンPRO

JavaScriptの型変換ルールとtruthy/falsy、==と===の違いを習得します。

20

イベント委譲と伝播

B14レッスンPRO

キャプチャフェーズ、バブリングフェーズ、イベント委譲を使って、大規模な画面でも効率的にイベントを処理します。

21

Fetch APIとHTTPリクエスト

B14レッスンPRO

Fetch API、Promise、適切なエラーハンドリングを使ってサーバーと通信します。

22

Web Storage:localStorageとsessionStorage

B14レッスンPRO

Web Storage APIを使ってブラウザにデータを保存し、その制限を理解します。

23

FormDataとファイル処理

B14レッスンPRO

ブラウザでのアップロードとダウンロードに向けて、ファイル、Blob、multipart形式のフォームデータを扱います。

24

分割代入とRest/Spread

B12レッスンPRO

配列とオブジェクトの分割代入をマスターし、代入の簡潔化、デフォルト値、名前の変更、値の入れ替えなどの基本パターンを学びます。

25

高階関数と配列メソッド

B12レッスンPRO

高階配列メソッドで、明快で初心者にも分かりやすいコードを書きます。まず map と filter から始め、安全に組み合わせる方法を学びます。

26

オブジェクトとプロトタイプ(入門)

B12レッスンPRO

プロトタイプチェーン、独自プロパティと継承プロパティの違い、シンプルなプロトタイプのためのObject.create、基本的なプロパティ記述子を理解します。

27

タイマーとスケジューリング

B13レッスンPRO

タイマーを安全に使います。 setTimeout 、 setInterval 、そしてより滑らかなアプリのためのずれを考慮したスケジューリングを学びます。

28

JSONとシリアライズ

B13レッスンPRO

JSONを安全に扱います。 JSON.stringify / JSON.parse 、任意指定の replacer / reviver 、初心者向けの安全上のヒントを学びます。

29

クラスと継承

B13レッスンPRO

モダンなクラスを安全に使います。publicフィールド、 private #フィールド 、 static メンバーを、シンプルで初心者にも分かりやすい例で学びます。

30

Symbolとその用途

B24レッスンPRO

Symbolとwell-known symbolを使って一意の識別子を作成し、オブジェクトの動作をカスタマイズします。

31

関数型プログラミングのパターン

B24レッスンPRO

純粋関数、不変性、宣言的なデータ変換を使って、より読みやすいJavaScriptを書きます。

32

クロージャとモジュールパターン

B24レッスンPRO

クロージャで状態をカプセル化し、モジュール化されたプライベートなJavaScriptを構築します。

33

カリー化と関数合成

B24レッスンPRO

関数をカリー化して組み合わせ、柔軟で再利用可能なロジックを構築します。

34

不変性とオブジェクトの凍結

B24レッスンPRO

Object.freezeと不変更新パターンを使って、意図しない変更からデータを保護します。

35

コールバック、Promise、マイクロタスク

B23レッスンPRO

イベントループを順を追って理解します。同期コード、タスクキュー(setTimeout)、マイクロタスクキュー(Promise/queueMicrotask)、基本的な実行順序のルールを学びます。

36

async/awaitの実践

B23レッスンPRO

async/await を書いて使います。非同期関数を作成し、try/catchでエラーを処理し、逐次実行と並列実行を使い分けます。

37

Map、Set、Weakコレクション

B23レッスンPRO

より明快なデータ処理のために Map と Set を学びます。キーから値への検索、一意性、日常的に使える小さなパターンを扱います。

38

正規表現とテキスト処理

B23レッスンPRO

初心者向けの正規表現を学びます。パターンの作成、文字列のテスト、アンカーの使用、単純なテキスト処理に役立つフラグの適用を行います。

39

Web Componentsとカスタム要素

B24レッスンPRO

カスタム要素とShadow DOMを使って、再利用可能でカプセル化されたUIコンポーネントを構築します。

40

Intersection Observer API

B24レッスンPRO

遅延読み込み、無限スクロール、アニメーションのために、要素がビューポートに入ったことを検知します。

41

IndexedDBによるクライアントストレージ

B24レッスンPRO

トランザクション対応のIndexedDBデータベースを使って、構造化された大容量データをブラウザに保存します。

42

Canvas API

B24レッスンPRO

HTML canvasとその2Dコンテキストを使って、グラフィックや図形、画像をプログラムで描画します。

43

ブラウザでのWebSocket

B24レッスンPRO

WebSocketを使って、ブラウザとサーバー間のリアルタイムな双方向通信を構築します。

44

Drag and Drop API

B24レッスンPRO

ネイティブのHTML Drag and Drop APIを使って、直感的なドラッグ&ドロップ操作を実装します。

45

Intlによる国際化

B24レッスンPRO

組み込みのIntl APIを使って、あらゆるロケール向けに数値、日付、通貨、テキストをフォーマットします。

46

モジュール:ESMとCommonJS

B23レッスンPRO

JavaScriptモジュールを理解します。ESMのimport/export、defaultとnamedの違い、CommonJSとの相互運用の概要を、初心者にも分かりやすく少しずつ学びます。

47

パッケージングとスクリプト

B23レッスンPRO

package.json の基礎を学びます。スクリプト、dependenciesとdevDependenciesの違い、シンプルなセマンティックバージョンの範囲を、実践的に学びます。

48

テストと品質(軽量編)

B23レッスンPRO

軽量なテストの考え方を身につけます。小さなアサーション、Arrange–Act–Assert、red→green→refactor、重いツールに頼らない実践的なヒントを扱います。

49

ミニプロジェクト(言語のみ)

B23レッスンPRO

フレームワークを使わず、実行可能な小さなJSミニプロジェクトを作ります。まず Expression Evaluator 、続いてログアナライザーとPromiseプールに取り組みます。

50

Nodeとブラウザーの違い

B23レッスンPRO

ブラウザーとNodeの主な違いを見分けます。グローバル、 fetch の利用可否、ファイルやネットワークAPIへのアクセスを、シンプルで安全なパターンとともに学びます。

51

イベントループ徹底解説

C14レッスンPRO

コールスタック、タスクキュー、マイクロタスクを使ってJavaScriptが処理をスケジュールする仕組みを理解します。

52

ProxyとReflect

C14レッスンPRO

Proxy APIとReflect APIを使って、オブジェクトの基本操作をインターセプトし、カスタマイズします。

53

Web Workersとマルチスレッド

C14レッスンPRO

Web Workerを使って重い計算をメインスレッドから切り離し、応答性の高いインターフェースを実現します。

54

Service Workerとオフラインキャッシュ

C14レッスンPRO

Service WorkerとCache APIを使って、Webアプリを高速化し、オフラインでも利用できるようにします。

55

Streams API

C14レッスンPRO

Readable、Writable、Transformストリームを使ってデータを段階的に処理し、効率を高めます。

56

イテレーターとジェネレーター

C13レッスンPRO

JavaScriptの反復プロトコルを理解します。データを iterable にする仕組み、 iterators の動作、 for...of 、スプレッド構文、Array.fromの使い方を学びます。

57

高度なthisとバインディング

C13レッスンPRO

this を深く理解します。レキシカルなthisと動的なthis、アロー関数、実践的なバインディングパターンを、初心者にも分かりやすく段階的に学びます。

58

パフォーマンスとメモリ

C13レッスンPRO

効果の大きい基本的なパフォーマンス習慣を学びます。Big-Oの考え方、ホットパスとコールドパス、初心者向けの小さなデータ構造の改善を扱います。

59

防御的なJavaScript

C13レッスンPRO

初心者向けに防御的なJavaScriptを学びます。入力を検証し、必要に応じて出力をエスケープし、安全をデフォルトにする小さなパターンを身につけます。

よくある質問

よくある質問

JavaScript Academyコースは無料ですか?

はい。JavaScript Academyコースは無料で始められ、インタラクティブレッスンをすべて無料で完了できます。オプションのPRO登録で、高度なAIツールと共有可能な認定資格がアンロックされます。

JAVASCRIPTを学ぶのに事前経験は必要ですか?

いいえ。コースは基礎から始まり、より高度なトピックへと進むので、JAVASCRIPTの事前経験がなくても始められます。

CoddyKitでJAVASCRIPTをどのように学びますか?

実践しながら学びます。短いインタラクティブレッスンは、わかりやすい説明と、リアルタイムで実行される実践的なコード演習が組み合わさっており、24時間対応のAIチューターがわからないときにいつでもサポートします。

JavaScript Academyを完了すると認定資格がもらえますか?

はい。PRO学習者は試験を受けて、JavaScript Academyコースの完了を証明する共有可能な認定資格を取得できます(認証コード付き)。

スマートフォンでJAVASCRIPTを学べますか?

はい。CoddyKitはウェブとネイティブiOS・Androidアプリで利用でき、どのデバイスでもJAVASCRIPTを学習でき、進捗がすべてのデバイスで同期されます。

JavaScript Academyを今すぐ始める

AI搭載レッスンでプログラミングをマスターする数千人の学習者に参加しましょう。

無料で始める →すべてのコースを見る