スキルアップ wpmaster 2026年8月26日 0 コメント

JavaScriptの基礎から実践までを学ぶ！eラーニング「JavaScript講座」が新登場

プロフェッショナルエデュケーションセンター（PEC）は、Webサイトやシステムの開発に広く使われるプログラミング言語「JavaScript」を学べるeラーニング講座「JavaScript講座【レベル2:基礎編】/【レベル3:実践編】」の販売を始めました。

JavaScriptは、Webページに動きをつけたり、複雑な機能を持たせたりするために欠かせない言語です。HTMLやCSSだけでは実現できない高度な機能や、画面を切り替えずにアプリのように動かす仕組みを作る際に活躍します。この講座は、プログラミングをこれから始める方にも分かりやすく、一歩ずつ学べるように作られています。

講座の内容

【レベル2:基礎編】～データ処理とフォーム操作から学ぶ“アプリづくりの基礎”～

この基礎編では、JavaScriptを使って実際にアプリを作るための土台を学びます。データを効率よく扱うための配列操作（map / filter / reduceなど）や、Webサイトの入力フォームの操作、入力内容のチェック（バリデーション）、データを一時的に保存するLocalStorageの利用方法などを習得します。また、プログラムの構成を整理するためのES Modulesによるファイル分割についても学びます。

※JavaScriptの入門レベルの知識があることを前提としています。
※2026年4月に実施されたウェビナーのアーカイブ動画です。

主な内容

1回目：配列操作 (map/filter/find/reduce)
2回目：フォーム要素／バリデーション／イベント委譲
3回目：LocalStorage／JSON／状態管理の基礎
4回目：ES Modulesとビルド入門 (Viteでファイル分割→バンドルまで)

【レベル3:実践編】～非同期・API・UI表現・クラス設計をまとめて極める～

実践編では、より本格的なアプリ開発に必要な技術を総合的に学びます。データ取得の際に使われる非同期処理（Promise / async-await）、外部サービスと連携するためのAPIの読み込み（Fetch API）、エラーが起きたときの処理（try-catch）など、アプリ開発の基本となる技術をしっかりと身につけます。さらに、Webページの見た目を豊かにするタイマー機能やアニメーションの技術、便利なライブラリを導入する方法（npm）も体験できます。最終回では、プログラムをきれいに整理するためのオブジェクト指向の考え方（class）に触れ、効率的なコード設計を学びます。

※JavaScriptの基礎レベルの知識があることを前提としています。
※2026年5月に実施されたウェビナーのアーカイブ動画です。

主な内容

1回目：非同期処理 (Promise/then/catch)／Fetchの基本／Networkの見方
2回目：async/await／try-catch／データ展開
3回目：UI表現の強化 (タイマー／サイズ取得／Transition)＋ライブラリ導入
4回目：オブジェクト指向 (class)／コンストラクタ／継承

ご購入前に確認ください

このeラーニングを受講するには、以下の環境や知識が必要です。

HTML、CSSの基礎知識があること。
インターネットに接続できる環境があること。
VisualStudioCodeの最新版と機能拡張、Node.jsのLTS版最新版、Google Chromeがインストールされたパソコンがあること。
- 推奨パソコン環境：Windows10以上、macOS バージョン11以上。
各回の完成データとスライド資料がダウンロードでき、実習や復習に活用できます。

講師紹介

関口和真（せきぐち・かずま）氏

株式会社コムセント取締役 CTO

Webサイトのデザイン、HTMLコーディングからJavaScriptやPHPを使ったプログラム開発、iOS・Androidアプリの作成、Webサーバーの運用まで、幅広いWebサイト制作を手がけています。テクノロジーの深い理解に基づき、デザインやコーディング、サーバー運用、サービス運用に関するアドバイスを一貫して提供できる点が強みです。大学や専門学校でWeb制作の授業を担当するほか、イベントやセミナーでの登壇経験も豊富です。