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

クリーク･アンド･リバー社（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時点最新版と機能拡張・Node.jsのLTS版時点最新版・GoogleChromeがインストールされているパソコンがあること

（PCは、Windows10以上、macOS バージョン11以上が推奨です）

• 講義で作成したプログラムは復習用に配布します。
• アーカイブの配信はございませんので予めご了承ください。

▼こんな人におすすめ

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

開催概要

お問い合わせ