これからプログラミングを始める方向けの“最初の一歩”を丁寧に解説するJavaScript入門Eラーニングです。

プログラミングの基本的な考え方から、JavaScriptの文法・エラーの読み方・DOMの操作までを体系的に学び、ブラウザ上で“自分のコードが動く”体験を作ります。
「変数や条件分岐は聞いたことがあるけど、実際にどう使うのか分からない」
「JavaScriptのコードを読めるようになりたい」
そんな方に向けて、JavaScriptを“読める・少し書ける”確かな基礎力を身につけます。

▼ご購入前に確認ください

※当Eラーニングの対象・レベル・環境などの注意点です。
・HTMLとCSSをある程度理解していること(プログラミング経験の有無は問いません)
・ご自宅にインターネット環境があること
・VisualStudioCode時点最新版と機能拡張・GoogleChromeがインストールされているパソコンがあること
(PCは、Windows10以上、macOS バージョン11以上が推奨です)
2026年3月に実施したウェビナーのアーカイブ動画です。
・各回、完成データおよびスライド資料のダウンロードが可能です。データを見ながら実習、復習が可能です。

JavaScript講座入門編 Eラーニング 受講価格・視聴可能期間

33,000円(税込)
※購入後90日間視聴可能
JavaScript講座入門編 Eラーニング 購入はこちら

▼JavaScript講座【レベル1:入門編】Eラーニング(2026年度版) 内容(7:26:38)

【1回目】プログラミングとは/JSの書き方/エラーの見方(1:52:40)

  • プログラミングとは何か(入力→処理→出力、状態と副作用)
  • JavaScriptの特徴(ブラウザ、動的型付け、イベント駆動)
  • JSの記述方法(script、defer、Consoleで試す)
  • DevToolsの基本(Console/Sources、エラーの読み方:行番号・スタック)
  • 変数・数値・文字列、テンプレート文字列、演算子、比較

【2回目】制御文/配列の基本/繰り返し(1:52:17)

  • if / else、truthy/falsy、論理演算子
  • for / for…of / while
  • 配列:作成・参照・length・push/pop
  • “反復”の考え方

【3回目】オブジェクト/関数(アロー)/スコープ(1:51:50)

  • オブジェクト:key/value、ネスト、参照の考え方
  • 関数:引数・戻り値、アロー関数、関数=値
  • var / let / const の違い
  • 分割代入とスプレッド構文

【4回目】DOM/イベント処理/class操作(1:49:51)

  • DOMとは
  • 取得(querySelector/All)、生成(createElement)
  • イベントの扱い方
  • classListでのクラス操作

登壇者

株式会社コムセント
取締役 CTO
関口 和真(せきぐち・かずま)氏

サイトデザイン、HTMLのコーディング、JavaScript・PHP等を利用したプログラム開発、iOS・Android向けアプリの作成、ウェブサーバーの実装、運用などトータルでウェブサイトの作成を行う。テクノロジーを理解し、デザインやコーディング、サーバー運用やサービス運用のアドバイスをトータルで行える点が強み。
株式会社コムセント(Web制作会社)のCTOとしてWebサイト作成、システム開発及びプログラム開発に従事。ECサイトのカスタマイズ、フルスクラッチによるWebシステム開発、映像配信システムや映像配信、配信用スマートフォンアプリ作成を主に手がける。
大学・専門学校にて、Web制作の授業を担当(非常勤)。イベントやセミナーの登壇経験も豊富。 Dreamweaver等の著書も。

関口 和真(せきぐち・かずま)写真

※複数名でのお申込みや、研修での使用等 お問い合わせは以下のフォームからお願いいたします。
JavaScript講座 Eラーニングに関するお問い合わせ

▼関口 和真氏に研修や講師を依頼されたい企業の方はこちらからお問い合わせください。
関口 和真氏:研修サービスお問い合わせフォーム

「このイベントは参加できないけど、今後のイベント情報は欲しい」
そんなあなたは、下記よりイベント情報メールマガジンにご登録ください。
メールマガジンご登録はこちら
▼研修をお考えの企業の方へ
社内クリエイター向け研修の企画・実施をお手伝いします!
クリエイター向けに展開しているオンライン講座コンテンツや、御社向けに開発するオリジナルカリキュラムに基づいて、対面/オンライン/オンデマンドにて研修をご提供します。
>>>研修サービスのご案内
資料請求・お問い合わせはこちら>>

お問い合わせ

株式会社クリーク・アンド・リバー社
PEC事務局
お問い合わせはこちら