Menu
CoddyTech
人気ジャーニー

JavaScriptを学ぶ

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

307,822+ 人のcoddersが登録中

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

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

シラバス

4 セクション7 プロジェクト271 レッスン227 チャレンジ1,457 クイズの問題
  1. セクションを始める開始開く閉じる基本的な概念と基本スキルを学び、強固な基盤を築く

    はじめに

    4 レッスン323

    変数

    7 レッスン1246

    演算子 パート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. セクションを始める開始開く閉じる問題解決スキルを養い、動的でインタラクティブなプログラムを作成する

    文字列の詳細

    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. セクションを始める開始開く閉じるJavaScript を学んだ後の TypeScript の紹介

    TSを始めよう

    5 レッスン332

    基本の型

    7 レッスン1248

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

    9 レッスン862

    関数を扱う

    8 レッスン855

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

    7 レッスン751

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

    8 レッスン757

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

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

    列挙型 (Enum)

    6 レッスン638

    ジェネリクス:はじめに

    6 レッスン537

    プロジェクト:在庫管理

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

    高度なトピック

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

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

    6 レッスン1142

    コードの整理

    4 レッスン534

    クラスとオブジェクト

    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

JavaScriptのコース

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

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

人気

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

certificate icon

修了証あり

  • 20
  • 20

コーディング問題集

人気

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

certificate icon

修了証あり

  • 32
  • 31

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

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

データ構造
  • 13
  • 6
  • 1

AVL Tree - データ構造シリーズ #10

このコースでは、AVL Treeデータ構造について学び、お好みの言語で自己平衡二分探索木をゼロから構築し、コーディング課題で実践演習を行います!

データ構造
certificate icon

修了証あり

  • 16
  • 6
  • 1

コーディング面接チャレンジ - パック I

次のコーディング面接の準備はできていますか?これらのチャレンジで知識とスキルをテストし、本番に備えましょう。頑張ってください!

面接対策
  • 3
  • 3

星型パターン・ブートキャンプ

プログラミングの問題解決スキルを駆使して、単純なものから複雑なものまで、さまざまな星型パターンの出力方法を学びましょう。多重ループ、条件分岐、数学的な計算を組み合わせた、さまざまな難易度の課題に挑戦します。

  • 30
  • 28
使える機能
コーディングを学ぶために使うすべて

実践で学ぶ

実際のコードを書き、データベースをクエリし、ウェブサイトを構築し、AIプロンプトをマスターしましょう。インタラクティブなレッスンで現代の開発者に必要なすべてのスキルを網羅しています。

playground.js
コードエディタ
1const greeting = "Hello, Coddy!"
2function sayHi(name) {
3    return greeting + " " + name
4}
5
bottombar Collapse icon
テスト #1test Case Success icon
テスト #2test Case Success icon
テスト #3test Case Failure icon
入力
"Alex"
出力
"Hello, Coddy! Alex"

連続記録を築こう

継続して進捗を見守りましょう!毎日のコーディング習慣を追跡し、フリーズ日で連続記録を守り、毎日参加することで報酬を獲得しましょう。

12 日連続

明日も戻ってきて連続記録を維持しましょう!

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

ダブル・オア・ナッシング

7日中5日目

fire Freeze icon

連続記録フリーズ

2 left

どこでも学べる

コーディングの旅を持ち歩こう!セットアップ不要、ダウンロード不要 - 開いてすぐにコーディング開始。iOS、Android、Webで4.9星評価で利用可能。

Python
7ストリーク
250スコア
5エネルギー
変数
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
続ける
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
ジャーニー
目標
リーダーボード
プロフィール
4.9
星星星星星
評価

あなたは一人じゃない

グローバルリーダーボードで競い、友達を招待して報酬を獲得し、お互いの成功を祝いましょう。プログラミングは友達と一緒の方が楽しい!

チャレンジャーリーグ
チャレンジャーリーグ上位7名が昇格
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 icon昇格ゾーンleaderboard Arrow Up icon

あらゆる学び方に対応

読む・聴く・自分を試す・AIに聞く・学んだことを調べる。どんな学び方にも対応したレッスンです。

変数の入門
音声

変数は、後でプログラム内で参照できる値を格納する、名前のついた入れ物です。

Pythonでは、名前、イコール記号、格納したい値の順で書くことで作成します。

値は後から変えられます。再代入すると、名前は新しい値を指すようになります。

1xSarah

修了証を取得

完了したすべてのコースで証明書を獲得しましょう。LinkedInプロフィールや履歴書に追加して、雇用主にプログラミングスキルをアピールしましょう。

Coddy修了証明書
これは以下を証明します山田 太郎が正常に完了しました
python iconPythonの基礎
認証済み
日付2026年1月
LinkedInLinkedInに追加

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

このコースを含む学習パス

このコースは、より長いパスの1ステップです。メンターが教える順番で並んだ複数のコースで、それぞれに無料の修了証があります。

Coddyのプログラミング言語のイラスト

CoddyでJavaScriptを学ぼう

始める