Menu
Coddy logo textTech
学習を始める
flag Ja icon日本語down icon
人気ジャーニー

JavaScriptを学ぶ

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

学習を始める(無料)
シラバスを見るJavaScriptプレイグラウンド

276,895+ 人のcoddersが登録中

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

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

シラバス

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

    基礎

    セクションを始める開始開く閉じる    基本的な概念と基本スキルを学び、強固な基盤を築く77 レッスン102 チャレンジ391 問題3 プロジェクト

    はじめに

    4 レッスン323

    変数

    7 レッスン1247

    演算子 パート1

    6 レッスン1037

    演算子 パート2

    5 レッスン831

    条件分岐

    5 レッスン729

    基本 IO

    6 レッスン931

    割り勘計算機

    プロジェクト4 レッスン1

    ループ

    7 レッスン1345

    関数

    8 レッスン1250

    ひねりを加えた FizzBuzz

    プロジェクト4 レッスン1

    配列 パート1

    6 レッスン1037

    配列 パート2

    8 レッスン1254

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

    プロジェクト4 レッスン1

    最終チャレンジ

    3 レッスン37
  2. セクション 2

    論理とフロー

    セクションを始める開始開く閉じる    問題解決スキルを養い、動的でインタラクティブなプログラムを作成する65 レッスン60 チャレンジ325 問題2 プロジェクト

    文字列の詳細

    5 レッスン630

    多次元配列

    9 レッスン1452

    JSON パート1

    7 レッスン944

    JSON パート2

    6 レッスン530

    セット パート1

    8 レッスン749

    集合 パート2

    6 レッスン637

    図書館管理システム

    プロジェクト5 レッスン1

    配列の興味深いトピック

    4 レッスン422

    高度な配列メソッド

    9 レッスン761

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

    プロジェクト6 レッスン1
  3. セクション 3

    Introduction To TypeScript専用ページ

    セクションを始める開始開く閉じる    JavaScript を学んだ後の TypeScript の紹介73 レッスン58 チャレンジ438 問題2 プロジェクト

    TSを始めよう

    5 レッスン232

    基本の型

    7 レッスン748

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

    9 レッスン862

    関数を扱う

    8 レッスン855

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

    7 レッスン751

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

    8 レッスン757

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

    プロジェクト6 レッスン18

    列挙型 (Enum)

    6 レッスン638

    ジェネリクス：はじめに

    6 レッスン537

    プロジェクト：在庫管理

    プロジェクト5 レッスン18

    高度なトピック

    6 レッスン642
  4. セクション 4

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

    セクションを始める開始開く閉じる    クラス、オブジェクト、再利用可能な構造を使ってコードを整理する方法を学ぶ56 レッスン56 チャレンジ304 問題

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

    6 レッスン642

    コードの整理

    4 レッスン434

    クラスとオブジェクト

    4 レッスン426

    メソッドと状態管理

    2 レッスン218

    カプセル化とアクセス

    4 レッスン426

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

    3 レッスン3

    継承と extends キーワード

    6 レッスン645

    OOPコードの整理

    1 レッスン19

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

    4 レッスン425

    ポリモーフィズム

    4 レッスン425

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

    4 レッスン4

    ゲッターとセッター

    4 レッスン426

    コンポジション vs. 継承

    3 レッスン328

    図書館管理システム

    3 レッスン3

    最終課題

    4 レッスン4

JavaScriptのコース

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

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

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

人気

初心者向けのコーディング知識を試してみましょう。好きな言語を使って、これらのプログラミング・チャレンジに挑戦してください。ハッピー・コーディング！

certificate icon

修了証あり

  • 20
  • 20

コーディング問題集

人気

さまざまな難易度の演習問題に挑戦し、プログラミングの問題解決スキルを試しましょう。いずれかのプログラミング言語で基本構文の知識をお持ちの方を対象としています。

certificate icon

修了証あり

  • 32
  • 31

スタック - データ構造シリーズ #1

このコースでは、スタック（Stack）データ構造について学び、好みのプログラミング言語を使ってゼロからスタックを作成し、それを使ったコーディング課題に挑戦します！

データ構造
  • 13
  • 6
  • 1

ハッシュテーブル - データ構造シリーズ #4

このコースでは、データ構造のハッシュテーブルについて学び、お好みの言語を使ってハッシュテーブルをゼロから作成し、それを使ったコーディング課題に挑戦します！

データ構造
certificate icon

修了証あり

  • 14
  • 12

ヒープと優先度付きキュー - データ構造シリーズ #7

このコースでは、優先度付きキューの基盤となるデータ構造であるヒープについて学び、お好みの言語で MinHeap をゼロから作成し、それを使ったコーディング課題に挑戦します！

データ構造
certificate icon

修了証あり

  • 14
  • 6
  • 1

コーディング問題集：Vol. 2

さまざまな難易度の演習問題を通して、プログラミングの問題解決能力を試してみましょう。いずれかのプログラミング言語で基本構文の知識をお持ちの方向けに設計されています。本コースは「コーディング問題集」の続編です。

certificate icon

修了証あり

  • 25
  • 24
47件のすべての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
4}
5
bottombar Collapse icon
Test #1test Case Success icon
Test #2test Case Success icon
Test #3test Case Failure icon
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!

fire Filled icon
left icon

January 2026

right icon

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

21

22

23

24

25

26

27

28

29

30

product Double Or Nothing icon

Double or Nothing

Day 5 of 7

fire Freeze icon

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.

Python
7Streak
250Score
5Energy
Variables
journey Hex Done Base iconjourney Hex Done Shadow iconjourney Hex Done Top iconjourney Lesson Done icon
journey Path Right Done icon
journey Hex Done Base iconjourney Hex Done Shadow iconjourney Hex Done Top iconjourney Lesson Done icon
journey Path Left Done icon
journey Hex Active Base iconjourney Hex Active Shadow iconjourney Hex Active Top iconjourney Lesson Theory Challenge icon
CONTINUE
journey Path Right icon
journey Hex Locked Base iconjourney Hex Locked Shadow iconjourney Hex Locked Top iconjourney Lesson Theory Challenge icon
journey Path Left icon
journey Hex Locked Base iconjourney Hex Locked Shadow iconjourney Hex Locked Top iconjourney Lesson All icon
Journey
Goals
Leaderboard
Profile
4.9
StarStarStarStarStar
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 League
Challenger LeagueTop 7 advance
leaderboard First icon1
avatar 1 icon
fire Filled icon
Alex7+ Days
2840
leaderboard Second icon2
avatar 2 icon
fire Filled icon
Jordan7+ Days
2650
leaderboard Third icon3
avatar 3 icon
fire Filled icon
Sam7+ Days
2420
4
avatar 4 icon
Casey
2180
5
avatar placeholder icon
fire Filled icon
Morgan7+ Days
1950
leaderboard Arrow Up iconPromotion zoneleaderboard Arrow Up icon

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.

CoddyCertificate of Completion
This certifies thatJohn Doehas successfully completed
PythonPython Fundamentals
Verified
DateJan 2026
LinkedInAdd 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を学ぼう

始める