2026/05/12(火)19:00 〜 20:00

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

Name: JavaScript講座【レベル3:実践編】～非同期・API・UI表現・クラス設計をまとめて極める
Start: 2026-05-12T10:00:00+00:00
End: 2026-05-12T11:00:00+00:00

オンライン

JavaScript

#CR社, #JavaScript, #アプリづくり

基本情報

日時: 2026/05/12(火) 19:00〜20:00
開催形式: オンライン
主催: PEC事務局

イベント内容

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

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

クリーク･アンド･リバー社（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時点最新版と機能拡張・GoogleChromeがインストールされているパソコンがあること
（PCは、Windows10以上、macOS バージョン11以上が推奨です）
講義で作成したプログラムは復習用に配布します。
アーカイブの配信はございませんので予めご了承ください。

▼こんな方にオススメ！

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

登壇者

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

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

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