人気ジャーニー
JavaScriptを学ぶ
JavaScriptをゼロから学べる無料オンライン講座です。変数、条件分岐、ループ、関数、データ構造、プロジェクト構成を、実践課題、実プロジェクト、AIヒント、修了証明書と一緒に身につけます。
238,854+ 人のcoddersが登録中
このジャーニーに含まれるもの
AIによるコーディングサポート
実践的なインタラクティブレッスン
全レッスンに音声ナレーション付き
知識を確かめるクイズ
無料の修了証明書
シラバス
4 セクション271 レッスン219 チャレンジ1,458 クイズの問題01セクション 1
基礎
基本的な概念と基本スキルを学び、強固な基盤を築く学習を始めるはじめに
4 レッスン223- 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何を買う？チャレンジ
02セクション 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上映のキャンセルプロジェクト
03セクション 3
Introduction To TypeScript
JavaScript を学んだ後の TypeScript の紹介学習を始める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復習: 型の微調整チャレンジ
04セクション 4
オブジェクト指向プログラミング
クラス、オブジェクト、再利用可能な構造を使ってコードを整理する方法を学ぶ学習を始めるオブジェクトと 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スマートホームデバイス・システムチャレンジ
CoddyでJavaScriptを学ぶ理由
- JavaScriptの無料オンライン講座です。インストールも環境構築も不要で、ブラウザを開いて最初のレッスンから実践できます。
- 単なるチュートリアルではなく、各トピックにコードを書く課題があり、手を動かしながらJavaScriptを理解できます。
- JavaScriptの演習でつまずいたときは、AIヒントが答えを丸ごと渡さずに次の考え方を示します。
- 講座を修了すると、LinkedInや履歴書に追加できるJavaScriptの無料修了証明書を受け取れます。
JavaScript学習についてのよくある質問
JavaScriptは初心者でも学びやすいですか？
はい。未経験でもJavaScriptを始められます。Coddyでは短い演習に分けて、構文を理解し、変数、条件分岐、ループ、関数、データ構造、プロジェクト構成を練習しながら少しずつ自信をつけられます。
JavaScriptの習得にはどのくらい時間がかかりますか？
JavaScriptの基礎は、毎日練習すれば1〜2週間でつかめます。実際のプロジェクトを作れる手応えを得るには、ペースに応じて1〜3か月ほど見るとよいでしょう。
JavaScriptをオンラインで無料学習できますか？
CoddyではJavaScriptの無料オンライン講座を提供しています。レッスン、コード課題、クイズ、プロジェクトがあり、すべてブラウザで動きます。
JavaScriptを早く学ぶには？
最短ルートは毎日コードを書くことです。Coddyでは短い説明のあとすぐ演習し、必要に応じてAIヒントを使えるため、長い動画を見るより実践時間を増やせます。
修了後にJavaScriptの証明書はもらえますか？
はい。CoddyでJavaScript講座を完了すると、LinkedInや履歴書に追加できる無料の修了証明書を受け取れます。
JavaScriptを学んだ後に何を作れますか？
講座の後は、便利なスクリプト、小さなアプリ、自動化、簡単なゲーム、ポートフォリオに載せられるプロジェクトを作れるようになります。さらに高度なテーマへ進むための土台もできます。
