JavaScriptで実務に近い開発を体験したい方に最適なEラーニングです。
map / filter / reduce といった配列操作、フォーム入力・バリデーション、LocalStorage を使ったデータ永続化、そして ES Modules によるファイル分割までを一気に学びます。
データを扱い、保存し、構成を整理する「アプリの基本」が詰まった4回構成となっています。
▼ご購入前に確認ください
※当Eラーニングの対象・レベル・環境などの注意点です。
・HTML、CSSの基礎知識があることを前提に講義を進めます。
・JavaScript入門編の続編にあたる内容です。JavaScriptについても入門レベルを理解されていることを前提に講義を進めます
・ご自宅にインターネット環境があること
・VisualStudioCode時点最新版と機能拡張・Node.jsのLTS版時点最新版・GoogleChromeがインストールされているパソコンがあること
（PCは、Windows10以上、macOS バージョン11以上が推奨です）
・2026年４月に実施したウェビナーのアーカイブ動画です。
・各回、完成データおよびスライド資料のダウンロードが可能です。データを見ながら実習、復習が可能です。
JavaScript講座基礎編 Eラーニング 受講価格・視聴可能期間
33,000円（税込）
※購入後90日間視聴可能
JavaScript講座基礎編 Eラーニング 購入はこちら
▼JavaScript講座【レベル2:基礎編】Eラーニング（2026年度版） 内容(7:26:28)
【1回目】配列操作（map/filter/find/reduce）（1:46:51)
- 破壊的／非破壊的操作
- map / filter / find の使いどころ
- reduceの基本
- 三項演算子
【2回目】フォーム要素／バリデーション／イベント委譲（1:51:34)
- input/select/textarea の値取得
- フォームでのイベントの扱い
- バリデーション（必須、文字数、メール形式など）
- 動的リストでのイベント委譲
- data-からのデータ取得
【3回目】LocalStorage／JSON／状態管理の基礎（1:56:29)
- LocalStorageの読み書き
- JSONの扱い
- JSON.stringify / JSON.parse
- 状態（state）の扱い方
【4回目】ES Modulesとビルド入門：Viteでファイル分割→バンドルまで（1:51:34)
- ES Modulesとは（type=”module”）
- export/import（defaultとnamed）
- 分割することのメリット、デメリット
- なぜバンドルするのか
- package.json / scripts の読み方
登壇者
取締役 CTO
関口 和真（せきぐち・かずま）氏
サイトデザイン、HTMLのコーディング、JavaScript・PHP等を利用したプログラム開発、iOS・Android向けアプリの作成、ウェブサーバーの実装、運用などトータルでウェブサイトの作成を行う。テクノロジーを理解し、デザインやコーディング、サーバー運用やサービス運用のアドバイスをトータルで行える点が強み。
株式会社コムセント(Web制作会社)のCTOとしてWebサイト作成、システム開発及びプログラム開発に従事。ECサイトのカスタマイズ、フルスクラッチによるWebシステム開発、映像配信システムや映像配信、配信用スマートフォンアプリ作成を主に手がける。
大学・専門学校にて、Web制作の授業を担当（非常勤）。イベントやセミナーの登壇経験も豊富。 Dreamweaver等の著書も。
※複数名でのお申込みや、研修での使用等 お問い合わせは以下のフォームからお願いいたします。
JavaScript講座 Eラーニングに関するお問い合わせ
▼関口 和真氏に研修や講師を依頼されたい企業の方はこちらからお問い合わせください。
関口 和真氏：研修サービスお問い合わせフォーム
社内クリエイター向け研修の企画・実施をお手伝いします！
クリエイター向けに展開しているオンライン講座コンテンツや、御社向けに開発するオリジナルカリキュラムに基づいて、対面／オンライン／オンデマンドにて研修をご提供します。
＞＞＞研修サービスのご案内
資料請求・お問い合わせはこちら>>
