JavaScript講座【レベル3:実践編】～非同期・API・UI表現・クラス設計をまとめて極める ウェビナー

クリーク･アンド･リバー社（C&R社）では、2026年5月12日（火）より全4回で、JavaScriptの実務スキルを一気に引き上げる「レベル3：実践編」を実施します。

JavaScript講座の最終ステップとなる【レベル3:実践編】では、非同期処理・API連携・UIの動き・クラス設計といった“実務そのもの”の技術を総合的に学びます。

Promise / async-await を使ったデータ取得、Fetch API を用いた外部APIの読み込み、try-catch を使ったエラー処理の組み立てなど、アプリ開発で必須となる基盤をしっかり身につけます。

さらに、タイマー・要素サイズの取得・アニメーションなど UI の表現力を高める技術や、npm によるライブラリ導入も体験し、モダンなJavaScript開発の流れを理解します。

最終回では class（クラス）を使ったオブジェクト指向の基本設計に触れ、“コードを整理して扱えるエンジニア的思考” を身につけます。

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

【1回目】非同期（Promise/then/catch）／Fetchの基本／Networkの見方（5月12日（火）19:00～21:00）

• 同期/非同期の感覚、Promiseの概念
• サーバーとの連携
• fetch → Response → json()
• then/catch とエラーハンドリング
• DevTools Networkで確認（ステータス、レスポンス）

【2回目】async/await／try-catch／データ展開（5月19日（火）19:00～21:00）

• async/awaitの使い方、書き方
• try/catch、throw、finally
• データ展開の方法
• 配列操作との組み合わせ、並び替え処理
• null,undefined安全の処理

【3回目】UI表現の強化（タイマー／サイズ取得／Transition）＋ライブラリ導入（5月26日（火）19:00～21:00）

• setTimeout/setInterval、クリア
• 要素サイズ取得（getBoundinClientRect）、画面サイズ（innerWidth）
• transitionとclass切替の組み合わせ
• ライブラリを使うメリット／npmとは／導入の流れ

【4回目】オブジェクト指向（class）／コンストラクタ／継承（6月2日（火）19:00～21:00）

• クラスとは何か
• class、constructor、インスタンス、メソッド
• “なぜclass？”：データと処理をまとめる、責務の境界
• 継承の紹介と方法

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

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

• HTML、CSSの基礎知識があることを前提に講義を進めます。
• JavaScrip基礎編の続編にあたる内容です。JavaScriptについても基礎レベルを理解されていることを前提に講義を進めます
• ご自宅にインターネット環境があること
• VisualStudioCode時点最新版と機能拡張・Node.jsのLTS版時点最新版・GoogleChromeがインストールされているパソコンがあること

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

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

▼こんな人におすすめ

• JavaScriptで API連携や非同期処理を扱えるようになりたい
• UIの動きをコントロールして表現力を高めたい
• ライブラリやnpmなど 実務に近いツールを触ってみたい
• class を使った 設計・整理の考え方を理解したい

開催概要

お問い合わせ