人気ジャーニー

JavaScriptを学ぶ

無料で使えるインタラクティブなオンラインJavaScript講座。毎回のレッスンで実際にJSを書きながら、詰まったときはAIヒントが助けてくれて、修了すれば証明書ももらえます。

学習を始める(無料)

シラバスを見る JavaScriptプレイグラウンド

268,541+ 人のcoddersが登録中

271 レッスン220 チャレンジ1,458 クイズの問題

初心者向け
AIによるコーディングサポート
実践的なインタラクティブレッスン
全レッスンに音声ナレーション付き
知識を確かめるクイズ
無料の修了証明書

シラバス

4 セクション10 プロジェクト271 レッスン220 チャレンジ1,458 クイズの問題

セクション 1
基礎
セクションを始める開始開く閉じる基本的な概念と基本スキルを学び、強固な基盤を築く77 レッスン102 チャレンジ391 問題3 プロジェクト
はじめに
4 レッスン323
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
論理とフロー
セクションを始める開始開く閉じる問題解決スキルを養い、動的でインタラクティブなプログラムを作成する65 レッスン60 チャレンジ325 問題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 の紹介73 レッスン58 チャレンジ438 問題2 プロジェクト
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
オブジェクト指向プログラミング
セクションを始める開始開く閉じるクラス、オブジェクト、再利用可能な構造を使ってコードを整理する方法を学ぶ56 レッスン49 チャレンジ304 問題3 プロジェクト
オブジェクトと 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スマートホームデバイス・システムチャレンジ

JavaScriptのコース

ブラウザで無料で始められる、実践的なJavaScriptコース。

面接対策データ構造グラフアルゴリズム講座

初心者向けチャレンジ - 基本概念の練習

Learn by Doing

Write real code, query databases, build websites, and master AI prompts. Our interactive lessons cover every skill modern developers need.

playground.js

Code Editor

1const greeting = "Hello, Coddy!"

2function sayHi(name) {

3 return greeting + " " + name

Test #1

Test #2

Test #3

Input

"Alex"

Output

"Hello, Coddy! Alex"

Build Your Coding Streak

Stay consistent and watch your progress grow! Track your daily coding habit, protect your streak with freeze days, and earn rewards for showing up every day.

12 days streak

Return tomorrow to keep your streak!

January 2026

Double or Nothing

Day 5 of 7

Streak Freeze

2 left

Code Anywhere, Anytime

Take your coding journey on the go! No setup, no downloads - just open and start coding. Available on iOS, Android and Web with 4.9 star ratings.

250

Variables

CONTINUE

4.9

Rating

You're Not Alone in This

Compete on global leaderboards, invite friends to earn rewards, and celebrate each other's wins. Coding is better with friends!

Challenger LeagueTop 7 advance

Alex7+ Days

2840

Jordan7+ Days

2650

Sam7+ Days

2420

Casey

2180

Morgan7+ Days

1950

Promotion zone

Every way to learn

Read, listen, test yourself, ask the AI, or look up anything you've already covered. Every lesson meets you where you are.

Intro to Variables

Audio

A variable is a named container that stores a value you can reference later in your program.

In Python, you create one by writing the name, an equals sign, then the value you want to store.

The value can change over time - reassigning the name simply points it to a new value.

1xSarah

Prove Your Skills

Earn certificates for every course you complete. Add them to your LinkedIn profile and resume to showcase your coding expertise to employers.

Certificate of Completion

This certifies thatJohn Doehas successfully completed

Python Fundamentals

DateJan 2026

Add to LinkedIn

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でシェアしたり、履歴書に記載したりできます。チュートリアル動画を眺めただけではなく、体系的なインタラクティブコースをやり切ったことを示す、検証可能な証拠になります。

Coddy programming languages illustration

CoddyでJavaScriptを学ぼう

始める

JavaScriptを学ぶ

基礎

はじめに

変数

演算子 パート1

演算子 パート2

条件分岐

基本 IO

割り勘計算機

ループ

関数

ひねりを加えた FizzBuzz

配列 パート1

配列 パート2

買い物リスト・トラッカー

最終チャレンジ

論理とフロー

文字列の詳細

多次元配列

JSON パート1

JSON パート2

セット パート1

集合 パート2

図書館管理システム

配列の興味深いトピック

高度な配列メソッド

フェスティバルシステムの管理

Introduction To TypeScript専用ページ

TSを始めよう

基本の型

データ構造：配列とタプル

関数を扱う

型：エイリアス、ユニオン型、インターセクション型

オブジェクトとインターフェースの型定義

プロジェクト：シンプルなタスクリスト

列挙型 (Enum)

ジェネリクス：はじめに

プロジェクト：在庫管理

高度なトピック

オブジェクト指向プログラミング

オブジェクトと this キーワード

コードの整理

クラスとオブジェクト

メソッドと状態管理

カプセル化とアクセス

プロジェクト：シンプルな銀行口座

継承と extends キーワード

OOPコードの整理

静的メソッドとプロパティ

ポリモーフィズム

プロジェクト：図形レンダラー

ゲッターとセッター

コンポジション vs. 継承