人気ジャーニー
JavaScriptを学ぶ
無料で使えるインタラクティブなオンラインJavaScript講座。毎回のレッスンで実際にJSを書きながら、構文、モダンなES6の機能、関数、DOMを学べます。詰まったときはAIヒントが助けてくれて、修了すれば証明書ももらえます。
245,770+ 人のcoddersが登録中
- 初心者向け
AIによるコーディングサポート
実践的なインタラクティブレッスン
全レッスンに音声ナレーション付き
知識を確かめるクイズ
無料の修了証明書
シラバス
セクション 1
基礎
セクションを始める開始開く閉じる基本的な概念と基本スキルを学び、強固な基盤を築くはじめに
4 レッスン223- 01言語についてチャレンジ
- 02Hello World!チャレンジクイズ音声
- 03コメントクイズ音声
- 04コードの構造クイズ音声
変数
7 レッスン1247- 01数値チャレンジマスタリークイズ音声
- 02文字列チャレンジマスタリークイズ音声
- 03真偽値チャレンジマスタリークイズ音声
- 04命名規則チャレンジマスタリークイズ音声
- 05空の変数チャレンジクイズ音声
- 06復習 - 変数の初期化チャレンジ
- 07定数チャレンジマスタリークイズ音声
演算子 パート1
6 レッスン1037- 01算術演算子チャレンジマスタリークイズ音声
- 02剰余演算子チャレンジマスタリークイズ音声
- 03算術演算の短縮表記チャレンジマスタリークイズ音声
- 04比較演算子チャレンジマスタリークイズ音声
- 05厳密な比較と緩い比較チャレンジクイズ音声
- 06まとめ - 簡単な計算チャレンジ
演算子 パート2
5 レッスン831- 01論理演算子 パート1チャレンジマスタリークイズ音声
- 02論理演算子 パート2チャレンジマスタリークイズ音声
- 03復習 - シンプルな論理チャレンジ
- 04論理演算子 パート3チャレンジマスタリークイズ音声
- 05型強制チャレンジクイズ音声
条件分岐
5 レッスン729- 01if 文チャレンジマスタリークイズ音声
- 02if - else 文チャレンジマスタリークイズ音声
- 03復習 - 簡易電卓チャレンジ
- 04ネストした if - else 文チャレンジクイズ音声
- 05switch 文チャレンジクイズ音声
基本 IO
6 レッスン931- 01出力チャレンジマスタリークイズ音声
- 02変数を使った出力チャレンジマスタリークイズ音声
- 03型変換 - パート1チャレンジマスタリークイズ音声
- 04型変換 - パート2チャレンジクイズ音声
- 05復習 - 120までチャレンジ
- 06復習 - True or Falseチャレンジ
割り勘計算機
プロジェクト4 レッスン1- 01ウェルカムメッセージチャレンジ
- 02チップと合計金額の計算プロジェクト
- 03割り勘の計算プロジェクト
- 04出力のフォーマットプロジェクト
ループ
7 レッスン1345- 01For ループチャレンジマスタリークイズ音声
- 02While ループチャレンジマスタリークイズ音声
- 03Breakチャレンジマスタリークイズ音声
- 04Continueチャレンジマスタリークイズ音声
- 05復習 - 階乗チャレンジ
- 06Do While ループチャレンジマスタリークイズ音声
- 07ネストされたループチャレンジマスタリークイズ音声
関数
8 レッスン1250- 01関数の宣言チャレンジマスタリークイズ音声
- 02引数チャレンジマスタリークイズ音声
- 03戻り値チャレンジマスタリークイズ音声
- 04おさらい - Sigma 関数チャレンジ
- 05関数式チャレンジマスタリークイズ音声
- 06デフォルト引数クイズ音声
- 07アロー関数チャレンジマスタリークイズ音声
- 08おさらい - Validation 関数チャレンジ
ひねりを加えた FizzBuzz
プロジェクト4 レッスン1- 01ゲームの概要チャレンジ
- 02FizzBuzz 関数プロジェクト
- 03数値のループ処理プロジェクト音声
- 04「ひねり」を加えるプロジェクト
配列 パート1
6 レッスン1037- 01配列の宣言チャレンジマスタリークイズ音声
- 02配列要素へのアクセスチャレンジマスタリークイズ音声
- 03配列の変更チャレンジクイズ音声
- 04配列メソッド パート1チャレンジマスタリークイズ音声
- 05配列メソッド パート2チャレンジマスタリークイズ音声
- 06復習 - 配列プロセッサチャレンジ
配列 パート2
8 レッスン1254- 01配列の反復処理チャレンジクイズ音声
- 02forEach メソッドチャレンジクイズ音声
- 03for...of ループチャレンジマスタリークイズ音声
- 04復習 - Pカウンターチャレンジ
- 05配列のスライスチャレンジマスタリークイズ音声
- 06配列のメソッド パート3チャレンジマスタリークイズ音声
- 07配列のメソッド パート4チャレンジマスタリークイズ音声
- 08メンバーシップ判定チャレンジクイズ音声
買い物リスト・トラッカー
プロジェクト4 レッスン1- 01プロジェクトの概要チャレンジ
- 02アイテムの追加プロジェクト
- 03アイテムの削除プロジェクト
- 04リストの表示プロジェクト
最終チャレンジ
3 レッスン37- 01数字のピラミッドチャレンジクイズ音声
- 02奇数を2倍にチャレンジ
- 03何を買う？チャレンジ
セクション 2
論理とフロー
セクションを始める開始開く閉じる問題解決スキルを養い、動的でインタラクティブなプログラムを作成する文字列の詳細
5 レッスン630- 01文字列の基本クイズ
- 02文字列の反復処理チャレンジマスタリークイズ
- 03テンプレートリテラルチャレンジクイズ
- 04文字列メソッドチャレンジマスタリークイズ
- 05復習 - String Weaverチャレンジ
多次元配列
9 レッスン1452- 012次元配列の基礎クイズ
- 022次元配列の要素へのアクセスチャレンジマスタリークイズ
- 032次元配列と二重ループチャレンジマスタリークイズ
- 04まとめ：2次元配列チャレンジ
- 05行列の加算と減算チャレンジマスタリークイズ
- 06ジャグ配列チャレンジマスタリークイズ
- 073次元配列とその先チャレンジマスタリークイズ
- 082次元配列の一般的なパターンチャレンジマスタリークイズ
- 09まとめ：配列のすべてチャレンジ
JSON パート1
7 レッスン944- 01JSONとは？クイズ
- 02キーの存在確認チャレンジマスタリークイズ
- 03オブジェクトメソッドチャレンジマスタリークイズ
- 04スプレッド構文 パート1クイズ
- 05スプレッド構文 パート2チャレンジマスタリークイズ
- 06キーの削除チャレンジマスタリークイズ
- 07まとめ：JSONのキー操作チャレンジ
JSON パート2
6 レッスン530- 01JSONの反復処理チャレンジクイズ
- 02ネストされたJSONチャレンジクイズ
- 03JSONの Optional Chainingクイズ
- 04シャローコピーとディープコピーチャレンジクイズ
- 05復習 - 自転車店チャレンジ
- 06復習 - 太陽系チャレンジ
セット パート1
8 レッスン749- 01セットとは？チャレンジクイズ
- 02セットの反復処理クイズ
- 03要素の追加チャレンジクイズ
- 04要素の削除チャレンジクイズ
- 05要素の存在確認チャレンジクイズ
- 06サイズと空の確認チャレンジクイズ
- 07コピーとクリアチャレンジクイズ
- 08まとめ：セットの基本チャレンジ
集合 パート2
6 レッスン637- 01数学 - 和集合チャレンジクイズ
- 02数学 - 積集合チャレンジクイズ
- 03数学 - 差集合チャレンジクイズ
- 04数学 - 対称差チャレンジクイズ
- 05部分集合と上位集合チャレンジクイズ
- 06復習 - 友達のグループチャレンジ
図書館管理システム
プロジェクト5 レッスン1- 01プロジェクトの概要チャレンジ
- 02本の追加プロジェクト
- 03タイトルで検索プロジェクト
- 04ジャンルで絞り込みプロジェクト
- 05既読にするプロジェクト
配列の興味深いトピック
4 レッスン422- 01配列の分割代入チャレンジクイズ
- 02配列でのスプレッド構文チャレンジクイズ
- 03疎な配列チャレンジクイズ
- 04復習 - 配列ワークショップチャレンジ
高度な配列メソッド
9 レッスン761- 01JoinメソッドとSplitメソッドクイズ
- 02Mapメソッドチャレンジマスタリークイズ
- 03Filterメソッドチャレンジクイズ
- 04Reduceメソッドチャレンジクイズ
- 05配列メソッドのチェーンチャレンジクイズ
- 06ForEachとMapは同じ？クイズ
- 07Sortメソッドチャレンジクイズ
- 08FindメソッドとFindIndexメソッドクイズ
- 09復習：チェーンマスターチャレンジ
フェスティバルシステムの管理
プロジェクト6 レッスン1- 01プロジェクトの概要チャレンジ
- 02映画と会場の追加プロジェクト
- 03上映の追加プロジェクト
- 04チケットの購入プロジェクト
- 05映画の評価プロジェクト
- 06上映のキャンセルプロジェクト
セクション 3
Introduction To TypeScript
セクションを始める開始開く閉じるJavaScript を学んだ後の TypeScript の紹介TSを始めよう
5 レッスン232- 01TypeScriptとは？クイズ
- 02なぜTypeScriptを使うのか？クイズ
- 03初めてのTypeScriptコードチャレンジクイズ
- 04コンパイルプロセスとエラークイズ
- 05まとめ：TS入門チャレンジ
基本の型
7 レッスン748- 01基本の型: str, num, booleanチャレンジクイズ
- 02'any' 型: 脱出ハッチチャレンジクイズ
- 03'unknown' 型チャレンジクイズ
- 04'null' と 'undef' の扱いチャレンジクイズ
- 05型推論の実践チャレンジクイズ
- 06明示的な型アノテーションチャレンジクイズ
- 07まとめ：基本の型の演習チャレンジ
データ構造：配列とタプル
9 レッスン862- 01型付き配列チャレンジクイズ
- 02配列の 'readonly' 修飾子チャレンジクイズ
- 03タプルとは？クイズ
- 04タプルの宣言とアクセスチャレンジクイズ
- 05タプルの分割代入チャレンジクイズ
- 06Readonly タプルチャレンジクイズ
- 07多次元の型付き配列チャレンジクイズ
- 08配列でのスプレッド演算子チャレンジクイズ
- 09まとめ：配列とタプルチャレンジ
関数を扱う
8 レッスン855- 01引数と戻り値の型定義チャレンジクイズ
- 02アロー関数の型定義チャレンジクイズ
- 03戻り値の型 'void'チャレンジクイズ
- 04'?' を使ったオプショナル引数チャレンジクイズ
- 05引数のデフォルト値チャレンジクイズ
- 06Restパラメータの型定義チャレンジクイズ
- 07関数型の定義チャレンジクイズ
- 08まとめ：型付き関数の作成チャレンジ
型：エイリアス、ユニオン型、インターセクション型
7 レッスン751- 01プリミティブ型の型エイリアスチャレンジクイズ
- 02ユニオン型 ('|')チャレンジクイズ
- 03ユニオン型の扱い方チャレンジクイズ
- 04リテラル型チャレンジクイズ
- 05インターセクション型 ('&')チャレンジクイズ
- 06型エイリアスの組み合わせチャレンジクイズ
- 07まとめ：高度な型の組み合わせチャレンジ
オブジェクトとインターフェースの型定義
8 レッスン757- 01インラインでのオブジェクト型アノテーションチャレンジクイズ
- 02オブジェクトの型エイリアスチャレンジクイズ
- 03インターフェース入門チャレンジクイズ
- 04インターフェース vs 型エイリアスクイズ
- 05オプショナルと Readonly プロパティチャレンジクイズ
- 06インターフェースと型の拡張チャレンジクイズ
- 07インターフェースへのメソッドの追加チャレンジクイズ
- 08まとめ：オブジェクトの構造定義チャレンジ
プロジェクト：シンプルなタスクリスト
プロジェクト6 レッスン18- 01プロジェクト：Task構造体の定義チャレンジクイズ
- 02タスクを追加する関数プロジェクト
- 03タスクのステータスを変更する関数プロジェクト
- 04関数：ステータス別にタスクを一覧表示するプロジェクト
- 05関数：タスクの概要を出力するプロジェクト
- 06全てをまとめるプロジェクト
列挙型 (Enum)
6 レッスン638- 01数値列挙型とは？チャレンジクイズ
- 02数値列挙型の使い方チャレンジクイズ
- 03文字列列挙型とは？チャレンジクイズ
- 04文字列列挙型の使い方チャレンジクイズ
- 05異種混合列挙型 (Heterogeneous Enums)チャレンジクイズ
- 06まとめ：列挙型の活用チャレンジ
ジェネリクス：はじめに
6 レッスン537- 01ジェネリクスが解決する課題クイズ
- 02ジェネリックな Identity 関数の作成チャレンジクイズ
- 03ジェネリック関数の使用チャレンジクイズ
- 04ジェネリック配列チャレンジクイズ
- 05ジェネリックインターフェースチャレンジクイズ
- 06復習：ジェネリック関数の演習チャレンジ
プロジェクト：在庫管理
プロジェクト5 レッスン18- 01プロジェクト：汎用的な在庫アイテムチャレンジクイズ
- 02関数：在庫にアイテムを追加するプロジェクト
- 03IDでアイテムを検索する関数プロジェクト
- 04特定の在庫タイプを作成するプロジェクト
- 05アイテムの詳細を取得する関数プロジェクト
高度なトピック
6 レッスン642- 01型アサーションチャレンジクイズ
- 02型ガード: in と instanceofチャレンジクイズ
- 03'never' 型チャレンジクイズ
- 04Null 許容型 ('strictNull')チャレンジクイズ
- 05オブジェクトのインデックス署名チャレンジクイズ
- 06復習: 型の微調整チャレンジ
セクション 4
オブジェクト指向プログラミング
セクションを始める開始開く閉じるクラス、オブジェクト、再利用可能な構造を使ってコードを整理する方法を学ぶオブジェクトと this キーワード
6 レッスン642- 01オブジェクトのクイック復習チャレンジクイズ
- 02オブジェクトへのメソッドの追加チャレンジクイズ
- 03this キーワードを理解するチャレンジクイズ
- 04コンストラクタ関数チャレンジクイズ
- 05new キーワードチャレンジクイズ
- 06復習チャレンジチャレンジ
コードの整理
4 レッスン434- 01モジュールとは？チャレンジクイズ
- 02export によるエクスポートチャレンジクイズ
- 03import によるインポートチャレンジクイズ
- 04デフォルトエクスポート vs 名前付きエクスポートチャレンジクイズ
クラスとオブジェクト
4 レッスン426- 01クラスとは？チャレンジクイズ
- 02インスタンスの作成チャレンジクイズ
- 03プロパティとメソッドチャレンジクイズ
- 04復習チャレンジチャレンジ
メソッドと状態管理
2 レッスン218- 01状態を変更するメソッドチャレンジクイズ
- 02メソッドチェーンのパターンチャレンジクイズ
カプセル化とアクセス
4 レッスン426- 01カプセル化チャレンジクイズ
- 02パブリックとプライベートのクラスフィールドチャレンジクイズ
- 03プライベートメソッドチャレンジクイズ
- 04復習チャレンジチャレンジ
プロジェクト：シンプルな銀行口座
プロジェクト3 レッスン1- 01BankAccountクラスチャレンジ
- 02入金と出金プロジェクト
- 03プライベートフィールドとしての残高プロジェクト
継承と extends キーワード
6 レッスン645- 01継承チャレンジクイズ
- 02"is-a" 関係チャレンジクイズ
- 03extends キーワードチャレンジクイズ
- 04super() メソッドチャレンジクイズ
- 05プロパティとメソッドの継承チャレンジクイズ
- 06復習チャレンジチャレンジ
OOPコードの整理
1 レッスン19- 01クラスをモジュールに整理するチャレンジクイズ
静的メソッドとプロパティ
4 レッスン425- 01クラスレベル vs インスタンスレベルチャレンジクイズ
- 02静的プロパティチャレンジクイズ
- 03静的ユーティリティメソッドチャレンジクイズ
- 04復習チャレンジチャレンジ
ポリモーフィズム
4 レッスン425- 01ポリモーフィズムとは？チャレンジクイズ
- 02継承したメソッドのオーバーライドチャレンジクイズ
- 03super の使用チャレンジクイズ
- 04復習チャレンジチャレンジ
プロジェクト：図形レンダラー
プロジェクト4 レッスン1- 01セットアップ：Shapeクラスとエクスポートチャレンジ
- 02Circleクラスの継承プロジェクト
- 03オーバーライドとAreaメソッドプロジェクト
- 04静的なShapeカウンタープロジェクト
ゲッターとセッター
4 レッスン426- 01get と set キーワードチャレンジクイズ
- 02算出プロパティチャレンジクイズ
- 03バリデーションと副作用チャレンジクイズ
- 04復習チャレンジチャレンジ
コンポジション vs. 継承
3 レッスン328- 01「has-a」対「is-a」チャレンジクイズ
- 02深い継承の限界チャレンジクイズ
- 03オブジェクトの構築チャレンジクイズ
図書館管理システム
プロジェクト3 レッスン1- 01図書館の設計チャレンジ
- 02コンポジションを用いた Book クラスプロジェクト
- 03Book 著者のバリデーションプロジェクト
最終課題
4 レッスン4- 01ゲームキャラクター・ビルダーチャレンジ
- 02E-commerce 商品システムチャレンジ
- 03大学管理システムチャレンジ
- 04スマートホームデバイス・システムチャレンジ
CoddyでJavaScriptを学ぶ理由
- ブラウザで JavaScript をすぐに実行。Node.js のインストールも IDE のセットアップも不要です。エディタと実行結果が左右に並ぶので、JavaScript のフィードバックループが短く済みます。
- モダンな JavaScript を学べます。ES6+ の構文、アロー関数、promises、async/await、分割代入、モジュール — レガシーな書き方ではなく、実務で実際に書く JavaScript です。
- AIヒントは答えを教えずに演習のデバッグを手助けしてくれるので、考え方の土台が身につき、その後のJSコードも書きやすくなります。
- 講座を修了すると、LinkedInや履歴書に追加できるJavaScriptの無料修了証明書を受け取れます。
JavaScript学習についてのよくある質問
JavaScriptは初心者でも学びやすいですか？
JavaScriptは始めやすい言語のひとつです。構文は寛容で、ブラウザがあればそのままコードを動かせますし、ボタンのクリックやアラートといった簡単なインタラクションがすぐに目に見える形で返ってきます。非同期処理、クロージャ、thisバインディングといった難しめの部分は後から登場しますが、コースでは実際に手を動かす例を通して少しずつ紹介していきます。
JavaScriptの習得にはどのくらい時間がかかりますか？
JavaScriptの基礎は、毎日練習すれば1〜2週間でつかめます。実際のプロジェクトを作れる手応えを得るには、ペースに応じて1〜3か月ほど見るとよいでしょう。
JavaScriptの前にHTMLとCSSを学ぶべきですか？
役立ちます。実際のページを操作できるようになると――要素を非表示にしたり、テキストを書き換えたり、クリックに反応させたり――JavaScriptが一気に具体的に感じられます。HTMLとCSSのコースは短く、DOMを扱うJavaScriptのレッスンに直結していますが、純粋なJavaScriptのロジックから始めても構いません。
JavaScriptをオンラインで無料で学べますか？
はい。インタラクティブな JavaScript コースは無料です。すべてのレッスン、コーディング演習、クイズ、修了証まで含まれています。エディタはブラウザ上で動くので、JS を書き始めるのに Node.js などのツールをインストールする必要はありません。
JavaScriptとJavaの違いは?
名前は似ていますが、JavaScriptとJavaは別物の言語です。Javaは静的型付けでクラスベースの言語で、サーバーやAndroidで広く使われています。JavaScriptは動的型付けで、ブラウザやNode.js上で動作します。Web向けならJavaScript、Androidや大規模なエンタープライズのバックエンドならJavaを学びましょう。
JavaScriptコースを修了すると証明書はもらえますか？
はい。JavaScriptコースを修了すると、無料の修了証明書が発行され、LinkedInでシェアしたり、履歴書に記載したりできます。チュートリアル動画を眺めただけではなく、体系的なインタラクティブコースをやり切ったことを示す、検証可能な証拠になります。
