JavaScriptを学ぶ
コードを動かし、WebページとAPIへ広げる。
Webページの動きからReact・Node.js・API開発まで。 実際にコードを書きながら、JavaScriptを段階的に学びます。
小さく修了しながら、できることを増やそう
実行と基礎文法、DOM、データ処理、非同期通信を一段ずつ進みます。 目的に合わせて、ReactとNode.jsのどちらにもつなげられます。
STEP 1｜まずは、JavaScriptのコードを動かす
JavaScriptをはじめる
実行・変数・型・演算子
HTMLからJavaScriptを読み込み、変数・データ型・演算子を使います。 エラーを読みながら、値を組み立てて実行できるようになります。
STEP 2｜条件とデータから、処理を組み立てる
JavaScript基礎文法
条件・配列・ループ・関数
条件分岐、配列、繰り返し、関数、オブジェクトを学びます。 複数の考え方を組み合わせて、小さなプログラムを作れるようになります。
STEP 3｜クリックや入力に反応するページをつくる
DOM・イベント
Webページに動きをつける
DOM操作、イベント、フォーム、タイマー、localStorageを使います。 設定を覚え、操作に反応するプロフィールサイトを完成させます。
STEP 4｜データを扱い、読みやすいコードを設計する
モダンJavaScript
データ処理とコード設計
map・filter・reduce、関数、クラス、エラー処理、正規表現を学びます。 データと表示を分け、変更しやすいコードへ整えられるようになります。
STEP 5｜外部サービスのデータで、アプリを動かす
非同期・API
Promise・fetch・モジュール
Promise、async / await、HTTP、fetch、import / exportを学びます。 API通信の成功・待機・失敗を扱い、機能をモジュールへ分けます。
読めるのと、書けるのは別もの
教材があれば読める。でも白紙を前にすると手が止まる。 その差を埋めるために、HTMLとCSSだけ用意された画面を自分で動かします。
チャレンジしてみよう!
JavaScript道場
陽葵「予約ページ、動くようにしてほしいの」
HTMLとCSSは用意してあります。書くのはJavaScriptだけ。 クリックへの応答から始めて、最後は予約ページの一連の流れまで組み上げます。
この知識が出る資格
ここで学ぶ内容は、次の試験でも問われます
あわせて学びたい
同時に進めると、理解が早くなる組み合わせです
人気のコース
いま多くの方が取り組んでいるコースです
エンジニアキャリアの歩き方
フロントエンド、バックエンド、フルスタック、インフラ、AI/ML などエンジニアの主要キャリアパスと、各分野で求められるスキルセットや年収レンジを学べる無料コースです。これからエンジニア転職を考えている方や、自分の方向性を整理したい現役エンジニアを対象としています。全 30 レッスンを修了すると、自分に合った進路を見極めて学習計画を立てられるようになります。
30レッスン
プログラミング学習のはじめ方
プログラミング学習の進め方、言語の選び方、環境構築、つまずきやすいポイントの乗り越え方を、最短ルートで整理した無料の導入コースです。これから学習を始めたい完全初学者や、独学が続かず行き詰まっている方を対象としています。全 5 レッスンを修了すると、迷わず自分に合った学習ロードマップを描いて走り出せるようになります。
5レッスン
はじめての生成AI
ChatGPT、Claude、Gemini など主要な生成 AI の仕組みと使い分け、ハルシネーション対策、業務活用シナリオを手を動かして学べる無料コースです。AI 初学者や、業務効率化を進めたいビジネスパーソンを対象に、技術背景がなくても進められる構成です。全 76 レッスンを修了すると、AI を使った業務自動化や情報整理を自分で設計できるようになります。
42レッスン
AIへの指示の出し方：プロンプト入門
Chain of Thought、Few-shot、ロール指示、構造化出力、制約条件の設計など、生成 AI から狙った成果を引き出すプロンプト技法を体系的に学べるコースです。ChatGPT や Claude を業務で活用したいビジネスパーソンや AI エンジニアを対象としています。全 26 レッスンを修了すると、要件定義から評価まで再現性のあるプロンプトを自分で組めるようになります。
26レッスン
