Menu
Coddy logo textTech
学習パス

JavaScriptエンジニアのロードマップ

JavaScriptエンジニアとして働くために学ぶことを、順番に:言語そのものとTypeScript、コマンドライン、GitとSQL、次に面接で試されるデータ構造とアルゴリズム、そして最後にチームで保守できるコード。この土台は、フロントエンド、バックエンド、フルスタックのどの仕事にも通用します。無料、手を動かしながら、ブラウザだけで。

503,064+ 人のcoddersがこれらのコースに登録中

651 レッスン577 チャレンジ2,785 クイズの問題

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

JavaScriptエンジニアのロードマップ、ステップごとに

17 コース7 セクション651 レッスン577 チャレンジ2,785 クイズの問題

各ステップはCoddyの既存のコースでできていて、どの「開始」ボタンもコースをJavaScriptで開きます。順番に進んでも、足りないところから始めても構いません。進捗はコースごとに保存されます。

  1. 1
    このステップを始める開始4つのセクションです。「基礎」では変数、厳密な等価と緩い等価、型強制、関数とアロー関数、配列を扱います。「論理とフロー」では文字列、JSONとオブジェクト、スプレッド演算子、Set、そして配列メソッドのmapfilterreducesortを扱います。「Introduction To TypeScript」(TypeScript入門)では基本の型、タプル、ユニオン型、インターフェース、列挙型、ジェネリクス、型ガードを扱います。「オブジェクト指向プログラミング」ではthis、モジュール、クラス、プライベートフィールド、継承とコンポジションを扱います。深く学んでください。このあと出会うどのフレームワークも中身はJavaScriptで、===の横に==があることや、黙って行われる型変換といった緩いルールも、知ってしまえば罠ではなくなります。開始専用ページ
  2. 2
    このステップを始める開始パスとファイル、ワイルドカード、grep、パイプとリダイレクト、パーミッション、環境変数、シェルスクリプト。JavaScriptのツールはターミナルの中にあります:npm installnpx、開発サーバー、ビルド、テストランナーはどれもコマンドで、package.jsonのスクリプトはシェルコマンドです。そして秘密情報は、process.envを通じて環境変数としてNode.jsアプリに届きます。開始専用ページ
  3. 3
    このステップを始める開始ステージング、コミット、.gitignore、ブランチ、マージとコンフリクト、ミスの取り消し、リモート。JavaScriptのプロジェクトでは、node_modules/を最初のコミットから無視し、package-lock.jsonはコミットします。更新の多いロックファイルは、並行するブランチがよくコンフリクトする場所です。VercelやNetlifyのようなホスティングサービスはプッシュのたびにデプロイするので、多くのWebチームではmainへのマージがそのままリリースになります。開始専用ページ
  4. 4
    このステップを始める開始本物のテーブルを相手に、絞り込み、並べ替え、結合、グループ化、集計、サブクエリ、WITH句、ウィンドウ関数。フルスタックのJavaScriptとは、APIの裏にデータベースがあるということで、多くはPostgreSQLかMySQLを、PrismaのようなORMやクエリビルダーを通じて使います。それが送っているSQLを読むことが、エンドポイントが遅い理由を突き止める方法です。開始専用ページ
  5. 5
    このステップを始める開始スタック、キュー、連結リスト、二分木、ハッシュテーブル。それぞれをJavaScriptでゼロから作り、実際の問題に使います。どれも、JavaScriptのアプリケーションがすでに使っている形です:元に戻す操作の履歴はスタック、イベントループはキューを順に処理し、入れ子のメニューやJSONドキュメントは木です。開始
  6. 6
    このステップを始める開始再帰のチャレンジ問題、続いてバブル、選択、挿入、マージ、クイックソートをJavaScriptで。どのソートもCoddyのアルゴリズム可視化ツールとセットです。入れ子のオブジェクトやコンポーネントツリーをたどる再帰はJavaScriptでは日常的ですが、上限があります。深くなりすぎると、ChromeとNode.jsのエンジンであるV8がRangeError: Maximum call stack size exceededを投げます。このステップで、それを事前に見抜けるようになります。開始
  7. 7
    このステップを始める開始最初から最後まで作り上げるオブジェクト指向のプロジェクトと、コーディング問題集。どちらもJavaScriptです。フォーマットはPrettierが決め、ESLintは一部のミスを指摘してくれますが、命名、関数の大きさ、責務をどこに置くかはあなたに任されていて、レビュアーがコメントするのはまさにそこです。開始
使える機能
コーディングを学ぶために使うすべて

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
python iconPython Fundamentals
Verified
DateJan 2026
LinkedInAdd to LinkedIn

このJavaScriptロードマップをCoddyで進める理由

  • Webのすべてを一つの言語で。JavaScriptはあらゆるブラウザで動き、Node.jsがあればサーバー、ビルドツール、スクリプトも動かせます。だからフロントエンド、バックエンド、フルスタックの仕事はどれも、枝分かれする前に、このロードマップが築く土台から始まります。
  • 最初のステップの中にTypeScript。JavaScriptコースにはTypeScriptのセクションが丸ごとあり、基本の型やユニオン型から、インターフェース、列挙型、ジェネリクスまでを扱います。だから多くのプロのチームが書いている型付きのJavaScriptは、最初の職場で驚かされるものではなく、学ぶ言語の一部になります。
  • JavaScriptで面接対策。データ構造、再帰のチャレンジ問題、5つのソートはすべてJavaScriptで教えるので、実際に使うよう求められる言語で面接の練習ができます。
  • 採点付き、ヒント付き、インストール不要。どのレッスンもテストケースで採点されるJavaScriptのチャレンジで終わり、AIチューターのBugsyが、修正を書くことなく、どこが間違っているかを指し示します。ほとんどのコースで最後に無料の修了証が発行され、Node.jsやエディタのセットアップも要りません。すべてブラウザで動きます。

JavaScriptエンジニアになることについてのよくある質問

JavaScriptエンジニアになるにはどれくらいかかりますか?

1日1時間ほどのペースで、ゼロからジュニア職の面接に臨めるところまで、6〜12か月が妥当な目安です。このロードマップでは、TypeScriptのセクションを含むJavaScriptコースに8〜10週間、コマンドライン、Git、SQLを合わせて約1か月、データ構造とソートのステップでさらに2か月。その後に専門分野が来ます。ReactのようなフレームワークかNode.jsのバックエンドを、人に見せられる1つか2つのプロジェクトとして形にします。

JavaScriptはソフトウェアエンジニアの最初の言語として適していますか?

はい。ただし注意点が一つあります。JavaScriptはどこでも動き、ブラウザですぐに結果が見え、報酬の出るWebの仕事に直結します。注意点は、他の言語なら拒否するミスを、JavaScriptは許してしまうことです:==は比較の前に型を変換し、存在しないプロパティはエラーではなくundefinedになります。このロードマップの最初のステップにTypeScriptが含まれているのも、データ構造のステップで各構造を自分で作るのも、そのためです。

JavaScriptエンジニアはJavaScript以外に何を知っておく必要がありますか?

このロードマップで扱うコマンドライン、Git、SQL、そしてこのロードマップでは扱わない、コードを書く対象のプラットフォームです:ブラウザならHTML、CSS、DOM、そしてReactのようなフレームワーク、サーバーならNode.js、npm、HTTP。Coddyのフロントエンドのパスが、Reactを含むブラウザ側をカバーし、このページが終わるところから続きます。

TypeScriptとJavaScript、どちらを先に学ぶべきですか?

JavaScriptが先で、TypeScriptはそのすぐあとです。TypeScriptはJavaScriptに型を加えたもので、そのエラーは、下で動いているJavaScriptが何をしているかを知って初めて意味がわかります。JavaScriptコースもその順番です:素のJavaScriptの2つのセクション、次にTypeScriptのセクション、そしてオブジェクト指向プログラミング。

このロードマップで、JavaScriptで教えていないコースはどれですか?

1つです。クリーンコードは今のところPythonでしか教えていないため、ステップ7の中ではなく、ステップのあとに載せています。扱うテーマ、つまり命名、関数の大きさ、構造は、どの言語でも同じように読め、ESLintのようなリンターが捉えられるのはそのごく一部です。オブジェクト指向のプロジェクトとコーディング問題を含め、すべてのステップがJavaScriptです。

このJavaScriptロードマップは無料ですか?

はい。このロードマップのコースはすべて無料です:レッスン、ブラウザで使えるエディタとLinuxターミナル、テストで採点されるチャレンジ、Bugsyのヒント、そして修了証まで。Proは1日のエネルギー上限をなくし、AIの利用を無制限にしますが、このロードマップに、Proがなければ進めないものはありません。

他の学習パス

同じコースを別の職種向けに並べたものです。進捗は引き継がれ、あるパスで修了したコースは、それを含むすべてのパスで修了扱いになります。

すべての学習パス
Coddy programming languages illustration

ソフトウェアエンジニアパスを無料で始める

学習を始める