JavaScriptを学ぶならコレ！基礎から実践的な知識まで幅広く身につく!!　eラーニング「JavaScript講座【レベル2:基礎編】/【レベル3:実践編」

株式会社クリーク・アンド・リバー社（C&R社）の教育部門であるプロフェッショナルエデュケーションセンター（PEC）はこのたび、eラーニング「JavaScript講座【リンク ») ">レベル2:基礎編】/【リンク ») ">レベル3:実践編】」の販売をスタートいたしました。

JavaScriptとは、Webサイトやシステムの開発に用いられ、ページやシステムに複雑な機能を持たせるようにすることができるプログラミング言語です。高度なインタラクションやユーザビリティを高めるための仕組みを作成するには、どうしても既存のHTMLやCSSだけでは実現できない部分があり、それを補うのがJavaScriptです。他にも画面遷移することなくアプリケーションと同じように動作させる場合や、ブラウザが持っている機能を最大限に利用するときにもJavaScriptの力は欠かせません。C&R社では今回、これからプログラミングを始める方向けの“最初の一歩”を丁寧に解説するJavaScript入門eラーニング「JavaScript講座【レベル2:基礎編】/【レベル3:実践編】」を提供することとなりました。ご興味をお持ちの方はぜひご受講ください。

＜内容＞
■【レベル2:基礎編】～データ処理とフォーム操作から学ぶ“アプリづくりの基礎”～
JavaScriptで実務に近い開発を体験したい方に最適なeラーニングです。map / filter / reduce といった配列操作、フォーム入力・バリデーション、LocalStorage を使ったデータ永続化、そして ES Modules によるファイル分割までを一気に学びます。データを扱い、保存し、構成を整理する「アプリの基本」が詰まった4回構成となっています。


※JavaScript入門編の続編にあたる内容です。JavaScriptについても入門レベルを理解されていることを前提に講義を進めます。
※2026年4月に実施したウェビナーのアーカイブ動画です。

■【レベル3:実践編】～非同期・API・UI表現・クラス設計をまとめて極める～
本eラーニングでは、非同期処理・API連携・UIの動き・クラス設計といった“実務そのもの”の技術を総合的に学びます。Promise / async-await を使ったデータ取得、Fetch API を用いた外部APIの読み込み、try-catch を使ったエラー処理の組み立てなど、アプリ開発で必須となる基盤をしっかり身につけます。さらに、タイマー・要素サイズの取得・アニメーションなど UI の表現力を高める技術や、npm によるライブラリ導入も体験し、モダンなJavaScript開発の流れを理解します。最終回では class（クラス）を使ったオブジェクト指向の基本設計に触れ、“コードを整理して扱えるエンジニア的思考” を身につけます。

※JavaScript基礎編の続編にあたる内容です。JavaScriptについても基礎レベルを理解されていることを前提に講義を進めます。
※2026年5月に実施したウェビナーのアーカイブ動画です。

＜ご購入前に確認ください＞
※当eラーニングの対象・レベル・環境などの注意点です。
・HTML、CSSの基礎知識があることを前提に講義を進めます。
・ご自宅にインターネット環境があること
・VisualStudioCode時点最新版と機能拡張・Node.jsのLTS版時点最新版・Google Chromeがインストールされているパソコンがあること
（PCは、Windows10以上、macOS バージョン11以上が推奨です）
・各回、完成データおよびスライド資料のダウンロードが可能です。データを見ながら実習、復習が可能です。

eラーニング　JavaScript講座
【レベル2:基礎編】～データ処理とフォーム操作から学ぶ“アプリづくりの基礎”～
【レベル3:実践編】～非同期・API・UI表現・クラス設計をまとめて極める～
■主な内容
【レベル2:基礎編】～データ処理とフォーム操作から学ぶ“アプリづくりの基礎”～
【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 の読み方


【レベル3:実践編】～非同期・API・UI表現・クラス設計をまとめて極める～
【1回目】非同期（Promise/then/catch）／Fetchの基本／Networkの見方（1：48：25)
・同期/非同期の感覚、Promiseの概念
・サーバーとの連携
・fetch → Response → json()
・then/catch とエラーハンドリング
・DevTools Networkで確認（ステータス、レスポンス）

【2回目】async/await／try-catch／データ展開（1：47：29）
・async/awaitの使い方、書き方
・try/catch、throw、finally
・データ展開の方法
・配列操作との組み合わせ、並び替え処理
・null,undefined安全の処理

【3回目】UI表現の強化（タイマー／サイズ取得／Transition）＋ライブラリ導入（1：51：40）
・setTimeout/setInterval、クリア
・要素サイズ取得（getBoundinClientRect）、画面サイズ（innerWidth）
・transitionとclass切替の組み合わせ
・ライブラリを使うメリット／npmとは／導入の流れ

【4回目】オブジェクト指向（class）／コンストラクタ／継承（1：46：23）
・クラスとは何か
・class、constructor、インスタンス、メソッド
・“なぜclass？”：データと処理をまとめる、責務の境界
・継承の紹介と方法


■講師
リンク ») " title="">




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

■価格
33,000円（税込）

■視聴可能期間
購入後90日間

▼詳細・お申し込み
【レベル2:基礎編】～データ処理とフォーム操作から学ぶ“アプリづくりの基礎”～
リンク ») "> (リンク »)

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

▼複数名受講・研修使用に関するお問い合わせはこちらから
(リンク »)

▼PECのクリエイター向け研修サービス詳細
(リンク »)


【eラーニングに関するお問い合わせ】
株式会社クリーク・アンド・リバー社　PEC事務局
eラーニング「JavaScript講座」担当
TEL：03-4565-9875
Email：pec_seminar@pr.cri.co.jp

＜IT・プログラミング関連セミナー＞
▼eラーニング「ノンプログラマーのためのPython入門」
(リンク »)

▼eラーニング「Python基礎講座」
(リンク »)

▼eラーニング「Python入門講座」
(リンク »)

▼eラーニング「Flask入門講座」
(リンク »)

▼eラーニング「JavaScript基礎/実践講座」
(リンク »)

▼その他のIT・プログラミング関連セミナーはこちらから
(リンク »)

イベント情報は、クリエイターのための情報サイト「CREATIVE VILLAGE」でご覧いただけるほか、メールマガジンでも配信中です。ご興味をお持ちの方は、ぜひご登録ください！

▼「C&R社イベント情報メルマガ」のご登録はこちらから
(リンク »)

▼クリエイターのための情報サイト「CREATIVE VILLAGE」はこちらから
(リンク »)

▼「CREATIVE VILLAGE」アプリのダウンロードはこちらから
iOS： (リンク »)
Android： (リンク »)

＼＼オンライン研修サービス「PECスタ」開始！／／
1990年創業のクリエイター・エージェンシーのパイオニアであるC&R社の教育部門「PEC（Professional Education Center）」が企画・開催したウェビナー550本以上のアーカイブコンテンツを法人向けにパッケージ化したオンライン研修サービスがついに始動。IT・デジタル・クリエイティブ領域に強みを持つほか、デザインやプログラミング、AIなどの最新技術・トレンドをカバーするコンテンツを日々拡充していきます。社員や職員の方々の研修やリスキリング、教育訓練にぜひご活用ください。

▼詳細はこちらから
(リンク »)

【クリーク・アンド・リバー社とは】
クリーク・アンド・リバー社は、1990年に設立し、「プロフェッショナルの生涯価値の向上」と「クライアントの価値創造への貢献」をミッションに、映像、ゲーム、Web、広告・出版、作家、舞台芸術、建築、AI/DX、アスリート分野のプロフェッショナルに特化したエージェンシー事業（派遣・紹介）、プロデュース事業（開発・請負）、ライツマネジメント事業（知的財産の企画開発・流通）を展開しています。C&Rグループとして医療、IT、会計、法曹、ファッション、食、ライフサイエンス、CXO、アグリカルチャー分野で同事業を展開しており、その分野は合わせて18にまで拡大しています。

Webサイト： (リンク »)
X： (リンク »)
Facebook： (リンク »)
note： (リンク »)
LinkedIn： (リンク »)
YouTube: (リンク »)

▼5分でわかる会社紹介映像を公開中！
(リンク »)

(リンク »)

▼C&R社の原点とは…？ブランドサイト「Go Beyond the Limit」
(リンク »)


企業プレスリリース詳細へ (リンク »)
PRTIMESトップへ (リンク »)