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

＞＞詳細およびお申込は、当社Webサイトからご確認ください。

クリーク･アンド･リバー社（C&R社）では2026年３月31日（火）～全４回でJavaScript入門編を終えた方が “小さなアプリを形にできる” レベルまで到達するための実践的な基礎講座を実施します。

JavaScript【レベル2:基礎編】では、map / filter / reduce といった配列操作、フォーム入力・バリデーション、LocalStorage を使ったデータ永続化、そして ES Modules によるファイル分割までを一気に学びます。

JavaScriptで実務に近い開発を体験したい方に最適です。
データを扱い、保存し、構成を整理する「アプリの基本」が詰まった4回構成です。

▼予定しているカリキュラム

【1回目】配列操作（map/filter/find/reduce）（3月31日（火）19:00～21:00）

• 破壊的／非破壊的操作
• map / filter / find の使いどころ
• reduceの基本
• 三項演算子

【2回目】フォーム要素／バリデーション／イベント委譲（4月7日（火）19:00～21:00）

• input/select/textarea の値取得
• フォームでのイベントの扱い
• バリデーション（必須、文字数、メール形式など）
• 動的リストでのイベント委譲
• data-からのデータ取得

【3回目】LocalStorage／JSON／状態管理の基礎（4月14日（火）19:00～21:00）

• LocalStorageの読み書き
• JSONの扱い
• JSON.stringify / JSON.parse
• 状態（state）の扱い方

【4回目】ES Modulesとビルド入門：Viteでファイル分割→バンドルまで（4月21日（火）19:00～21:00）

• ES Modulesとは（type=”module”）
• export/import（defaultとnamed）
• 分割することのメリット、デメリット
• なぜバンドルするのか
• package.json / scripts の読み方

▼お申込み前にご確認ください

※当オンライン講座の対象・レベル・環境などの注意点です。ご確認の上お申し込みください。

• HTML、CSSの基礎知識があることを前提に講義を進めます。
• **JavaScript入門編**の続編にあたる内容です。JavaScriptについても入門レベルを理解されていることを前提に講義を進めます
• ご自宅にインターネット環境があること
• VisualStudioCode時点最新版と機能拡張・GoogleChromeがインストールされているパソコンがあること
• （PCは、Windows10以上、macOS バージョン11以上が推奨です）
• 講義で作成したプログラムは復習用に配布します。
• アーカイブの配信はございませんので予めご了承ください。

▼こんな方にオススメ！

• JavaScriptで“アプリ”らしいものを作れるようになりたい
• データ処理の書き方をしっかり覚えたい
• フォームや保存機能を実装したい
• ファイルが増えたときの整理の仕方を知りたい

登壇者

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

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

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

参加費

無料

お申込み

こちらのサイトからお申込みください。

▼お申込締切：2026年3月31日（火）21:00

---

▼C&R社で実施しているオンライン講座・ウェビナー　一覧ページ
https://www.c-place.ne.jp/