5/12開始｜実務で使えるJavaScript講座（全4回・無料）

実務で使えるJavaScriptスキルを体系的に仕上げる4回講座の趣旨

株式会社クリーク･アンド･リバー社は、Web制作におけるJavaScriptの実務力を短期で高めることを目的とした、全4回のオンライン講座「JavaScript講座【レベル3：実践編】～非同期・API・UI表現・クラス設計をまとめて極める」を、2026年5月12日（火）から開催します。開催発表は2026年4月20日19時30分付のプレスリリースにて行われています。

本講座は、非同期処理や外部API連携、UIの高度な表現、オブジェクト指向の基本設計など、現場で頻出するテーマを実践的に学べるよう設計されています。Webデザイナー、コーダー、マークアップエンジニア、Webディレクターなど、実務に携わるクリエイターを想定した内容です。

対象となる受講者と前提条件

講義はHTML/CSSの基礎知識を前提とし、JavaScriptの基礎編（別途用意された講座）の理解があることを前提に進行します。従って、未経験者向けの入門ではなく、基礎を踏まえた応用・実践を目的とした構成です。

受講前に確認が必要な環境や前提条件は以下のとおりです。これらを満たすことで講義中のハンズオンや復習がスムーズになります。

• HTML、CSSの基礎知識があること
• 「JavaScript基礎編」を理解していること（参照URL：https://www.creativevillage.ne.jp/category/crv_event/172111/）
• インターネット接続環境があること
• パソコンに以下がインストールされていること：Visual Studio Code（最新版相当）と拡張機能、Node.js（LTS版相当）、Google Chrome
• 推奨OS：Windows 10以上、macOS バージョン11以上
• 講義で作成したプログラムは復習用に配布されるが、アーカイブ配信は行われない

全4回の講義構成と各回の詳細

講座は毎回19:00～21:00の2時間で実施され、非同期処理やAPI連携、UI表現の強化、クラス設計といった実務要素を段階的に学びます。適宜休憩を挟み、受講者の進捗に応じて内容が調整される場合があります。

以下に各回の開催日と想定する学習項目を明記します。各回ともZoomを利用したオンライン開催です。

第1回（5月12日）: 非同期の基本とFetch、Networkの確認

日時：2026年5月12日（火）19:00～21:00。ここでは同期／非同期の概念整理とPromiseの基本を扱います。Promiseのthen/catchを用いたフローや、サーバーとデータをやり取りする流れを学びます。

主なトピックは以下です。DevToolsのNetworkタブを用いたステータスやレスポンス確認も含まれ、実務的なトラブルシューティング能力を養います。

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

第2回（5月19日）: async/await・エラー制御・データ展開

日時：2026年5月19日（火）19:00～21:00。Promiseの次に扱うのはasync/awaitによる非同期コードの書き方と、例外処理（try/catch/throw/finally）です。より読みやすく、扱いやすい非同期コードの実装方法を学びます。

配列操作や並べ替え処理との組み合わせ、nullやundefinedに対する安全な処理方法についても取り扱い、実務でのデータ整形・表示の基盤を整えます。

• async/awaitの書き方と使い所
• try/catch、throw、finallyによるエラー処理
• データ展開の手法、配列操作との組み合わせ
• null / undefined 安全の処理

第3回（5月26日）: UI表現の強化とライブラリ導入体験

日時：2026年5月26日（火）19:00～21:00。ここではユーザインタフェースの表現力を高めるための具体的な手法を扱います。タイマー処理や要素サイズの取得、CSSトランジションとクラス切替の組み合わせなど、動きのあるUIを実装する技術が中心です。

さらに、npmを使ったライブラリ導入の流れ及びライブラリを活用するメリットを体験的に学び、モダンなJavaScript開発ワークフローの理解を深めます。

• setTimeout / setInterval の基本とクリア処理
• 要素サイズ取得（getBoundingClientRect）や画面サイズ（innerWidth）取得
• transition と class 切替を組み合わせたアニメーション表現
• npmによるライブラリ導入と導入の流れ、メリット

第4回（6月2日）: オブジェクト指向（class）と設計の基礎

日時：2026年6月2日（火）19:00～21:00。最終回はclassを使ったオブジェクト指向の基本設計です。クラス、constructor、インスタンス、メソッドの概念を整理し、コードの責務分割やデータと処理のまとめ方を学びます。

継承の紹介やその実装方法を通じて、扱いやすく拡張性あるコード設計の基礎に触れます。これにより、単体のスクリプトから再利用性の高いモジュール設計へと視点を広げます。

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

講師・運営・申込方法の詳細

講師は株式会社コムセント取締役 CTOの関口和真氏が務めます。関口氏はサイトデザイン、HTMLコーディング、JavaScript/PHP等を利用した開発、モバイルアプリ作成、サーバー実装・運用まで幅広く手がけており、大学・専門学校での教育やイベント登壇経験、技術書の執筆経験もあります（参考：著書リンク https://amzn.to/3rjqqTT）。

主催は株式会社クリーク･アンド･リバー社（C&R社）。同社は1990年設立のクリエイター支援を行うエージェンシーで、クリエイターのキャリアアップ支援や各種セミナーを長年にわたり提供しています。企業概要や活動は以下の公式サイトやSNSで確認できます。

C&R社 公式サイト

https://www.cri.co.jp/

ニュース（本講座の掲載ページ）

https://www.cri.co.jp/news/006223.html?prt

CREATIVE VILLAGE（イベント情報）

https://www.creativevillage.ne.jp/

登壇者の研修依頼窓口（企業向け）

https://go2.creativevillage.ne.jp/l/924702/2023-02-20/qqyjk

申込方法・参加費・定員・締切

本講座はオンライン（Zoom）開催で、参加費は無料です。各回の定員は60名となっており、参加には事前申込が必要です。申込ページのURLは運営による詳細ページにて案内されています（https://www.creativevillage.ne.jp/category/crv_event/173315/）。

申込の締切は初回開催日当日である2026年5月12日（火）21:00となっています。アーカイブの配信は行われないため、参加登録・受講は事前のスケジュール調整が必要です。

• 参加費：無料
• 定員：各回60名
• 開催方法：オンライン（Zoom）
• 申込締切：2026年5月12日（火）21:00
• 詳細・申込ページ：https://www.creativevillage.ne.jp/category/crv_event/173315/

問い合わせ窓口と配布物について

講座に関する問い合わせはC&R社 PEC事務局「JavaScript講座」担当までメールで受け付けられます。連絡先は以下です。

Email：pec_seminar@pr.cri.co.jp

講義で作成したプログラムは復習用に配布されますが、講義のアーカイブ配信は実施されません。受講の際は当日参加できる環境を準備することが重要です。

講座内容と関連情報の要点整理

ここまでの情報を表形式で整理し、講座参加を検討する際に確認すべき主要項目を一覧にしました。講義日程、時間、会場（オンライン）、対象、必要環境、申込情報、連絡先など、重要な要素を漏れなく記載しています。

以下の表は本プレスリリースの全情報を元にした整理です。参加判断や社内申請書類作成の際などに参照してください。

上記はプレスリリースの内容を基に整理した講座の全体像と必要情報です。講座は実務で求められる非同期処理やAPI連携、UI表現、クラス設計といったスキルを短期間で体系的に学べる構成となっており、受講希望者は参加条件や環境を事前に確認のうえ、申込ページより登録してください。