Menu
CoddyTech
学習パス

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

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

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

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

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

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

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

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

  1. 1
    このステップを始める開始4つのセクションです。「基礎」では変数、厳密な等価と緩い等価、型強制、関数とアロー関数、配列を扱います。「論理とフロー」では文字列、JSONとオブジェクト、スプレッド演算子、Set、そして配列メソッドのmap、filter、reduce、sortを扱います。「Introduction To TypeScript」(TypeScript入門)では基本の型、タプル、ユニオン型、インターフェース、列挙型、ジェネリクス、型ガードを扱います。「オブジェクト指向プログラミング」ではthis、モジュール、クラス、プライベートフィールド、継承とコンポジションを扱います。深く学んでください。このあと出会うどのフレームワークも中身はJavaScriptで、===の横に==があることや、黙って行われる型変換といった緩いルールも、知ってしまえば罠ではなくなります。開始専用ページ
  2. 2
    このステップを始める開始パスとファイル、ワイルドカード、grep、パイプとリダイレクト、パーミッション、環境変数、シェルスクリプト。JavaScriptのツールはターミナルの中にあります:npm install、npx、開発サーバー、ビルド、テストランナーはどれもコマンドで、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は一部のミスを指摘してくれますが、命名、関数の大きさ、責務をどこに置くかはあなたに任されていて、レビュアーがコメントするのはまさにそこです。開始
使える機能
コーディングを学ぶために使うすべて

実践で学ぶ

実際のコードを書き、データベースをクエリし、ウェブサイトを構築し、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に追加

この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のプログラミング言語のイラスト

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

学習を始める