11/4スタート｜Next.js入門オンライン講座（全4回・無料）

ベストカレンダー編集部

2025年10月21日 11:11

Next.js入門講座

開催期間：11月4日〜11月25日
Next.js入門講座
この講座って初心者でも参加できる？
Reactの基礎が前提で、完全な初心者向けではありません。受講にはJavaScript・HTML・CSSの基礎が必要で、React入門レベルの知識が目安です。
どうやって申し込むの？定員や締切は？
CREATIVE VILLAGEのイベントページから申し込む。参加は無料で定員60名、申込締切は2025年11月4日21:00。オンライン開催でアーカイブ配信はありません。

Next.js入門オンライン講座の全体像と申込情報

株式会社クリーク･アンド･リバー社（C&R社）は、フロントエンド開発者やフロント開発に携わるバックエンドエンジニア向けに、「Next.js入門オンライン講座」全4回（参加費無料）を2025年11月に開催します。プレスリリースは2025年10月20日20時00分に公開され、本講座はハンズオン形式で実施されます。

申込は所定のWebページから行います。定員は60名で、申込締切は2025年11月4日（火）21：00です。参加はオンラインのため全国どこからでも受講可能ですが、アーカイブ配信はありませんのでリアルタイム参加が前提です。

【エンジニア向け】世界中で需要が高まりつつあるNext.jsをイチから学ぼう！11/4（火）～ 「Next.js入門オンライン講座」（無料・全4回） 画像 2

開催日時・形式・参加費

講座は全4回、各回とも19:00から21:00の2時間で行われます。実施日は以下の通りです。オンライン開催のため参加費は無料です。

具体的な開催日程は以下のとおりです。各回は適宜休憩を挟み、進捗状況によって内容が変更になる場合があります。

  • 第1回：2025年11月4日（火）19：00〜21：00
  • 第2回：2025年11月11日（火）19：00〜21：00
  • 第3回：2025年11月18日（火）19：00〜21：00
  • 第4回：2025年11月25日（火）19：00〜21：00

申込方法・定員・問い合わせ

申込はC&R社が運営する「CREATIVE VILLAGE」のイベントページから行います。申込ページのURLは次の通りです。

申込ページ（イベント詳細・お申し込み）：https://www.creativevillage.ne.jp/category/crv_event/166750/ 。定員は60名で、締切は2025年11月4日（火）21：00です。定員に達し次第、受付は終了します。

講座に関するお問い合わせはPEC事務局「React入門オンライン講座」担当まで。Email：pec_seminar@pr.cri.co.jp。運営元は株式会社クリーク･アンド･リバー社です。

講師プロフィールと4回分のカリキュラム詳細

本講座の講師は、株式会社コムセント取締役 CTOの関口 和真（せきぐち・かずま）氏です。関口氏はサイトデザイン、HTMLコーディング、JavaScript・PHP等を用いたプログラム開発、iOS／Androidアプリの作成、ウェブサーバの実装・運用まで幅広く携わってきた技術者で、大学や専門学校での非常勤講師やイベント登壇、著書の執筆など教育や発信経験も豊富です。

講師の経験に基づき、Next.jsの基本から実務で役立つレンダリング戦略まで体系的に学べるカリキュラムが組まれています。ハンズオン中心のため、実際に手を動かして学ぶ構成です。

講師：関口 和真氏の経歴・強み

関口氏はWeb制作会社でCTOを務め、ECサイトのカスタマイズやフルスクラッチのWebシステム開発、映像配信システムなど多岐にわたるプロジェクトに携わってきました。テクノロジーの理解に基づいたデザイン、コーディング、サーバ運用のトータルアドバイスが可能です。

教育面では大学・専門学校での実務的な授業やセミナー登壇、著書（例：Dreamweaver等）による知見の蓄積があり、初心者から実務者まで幅広い受講者層に対応できる点が特徴です。

各回の詳細カリキュラム（全4回、ハンズオン）

講座はReactの基礎を押さえつつ、Next.jsならではの機能や開発パターンを実践的に学ぶ構成です。以下に各回のテーマと主な学習項目を丁寧に列挙します。

  1. 第1回（11/4）：「React基礎＋Next.jsのスタート」 19:00-21:00

    • Next.jsの概要
    • Reactとの違い
    • プロジェクトの作成
    • JSXの基礎、コンポーネント作成、props
    • ページ作成とルーティング
    • フォームの基本、useStateで入力管理
  2. 第2回（11/11）：「Next.jsらしさを体験」 19:00-21:00

    • CSS Modules または Tailwind でのスタイル
    • レイアウト（layout.tsx）の紹介と共通デザイン
    • ルーティングの拡張、動的ルーティング
    • use client の利用
  3. 第3回（11/18）：「SSRとデータ取得」 19:00-21:00

    • SSRとは何か
    • サーバーによるレンダリングの仕組み
    • サーバーコンポーネントでの fetch
    • 外部APIからのデータ取得
    • revalidate（キャッシュと再検証）の体験
  4. 第4回（11/25）：「クライアント側データ取得＋まとめ」 19:00-21:00

    • クライアント側データ取得（SWR）
    • SSR＋SWRの組み合わせ
    • レンダリング戦略の整理
    • SSR / SSG / SWR の違いと使い分け

講義内容は予定であり、当日の受講者の進捗等により変更される場合があります。適時休憩を挟みながら進行します。

受講対象・注意点と必須環境（ハンズオンのための準備）

本講座の対象は、Reactの基礎を理解している方を前提としています。WebデザイナーやWebコーダー、マークアップエンジニア、Webディレクター、Web制作に従事するクリエイターなど、実践的にNext.jsを学びたい方を想定しています。

以下に受講の注意点と前提条件、実習に必要な環境について具体的に示します。申込前に内容を確認のうえ、事前準備を行ってください。

受講対象と前提知識

受講にはいくつかの前提条件があります。React入門講座を受講したレベルの知識が必要で、JavaScriptの理解、HTML・CSSの基礎は必須です。

対象者の条件は以下のとおりです。

  • ある程度Reactを理解していること（React入門講座受講レベル）
  • JavaScriptの理解があること
  • HTMLやCSSの知識があること
  • Next.jsを使った開発に興味がある方

実習環境と注意事項（インストール等の準備）

ハンズオンに使用する環境は受講者各自で用意する必要があります。受講初日までにインストールマニュアルが配布されますが、事前に環境を準備できるよう下記ソフトウエア等を推奨します。

実習で必要となる主要な環境・注意点は次のとおりです。

  • Visual Studio Code（最新版）と必要な拡張機能
  • Node.jsのLTS版（最新版）
  • Google Chrome がインストールされたPC（Windows10以上、macOS バージョン11以上が推奨）
  • ご自宅にインターネット環境があること
  • TypeScriptは使用せず、JavaScriptで実施します
  • デプロイ作業は行いません
  • アーカイブ配信はありません（リアルタイム参加が前提）

受講初日までに上記ソフトのインストールマニュアルを送付するので、それに沿って各自で準備を行ってください。不明点は事前に問い合わせ窓口へご連絡ください。

関連情報とクリーク･アンド･リバー社について

本講座はクリーク･アンド･リバー社（C&R社）PEC（Professional Education Center）が企画・運営します。C&R社は1990年創業のクリエイター・エージェンシーのパイオニアとして、企業説明会、キャリア相談、セミナーなどを通じてクリエイターのスキルアップとキャリア支援を続けています。

また、C&R社は法人向けオンライン研修サービス「PECスタ」を開始しており、550本以上のウェビナーアーカイブを法人向けにパッケージ化して提供しています。組織のリスキリングや社員研修に活用できるラインナップが整備されています。

関連リンクと研修サービス

関連情報や研修サービスの詳細は次のリンクから確認できます。イベント申込ページ以外にも、PECの研修やC&R社のニュースリリースページが参照可能です。

主な関連リンク：

  • イベント詳細・お申し込み：https://www.creativevillage.ne.jp/category/crv_event/166750/
  • C&R社 ニュースリリース：https://www.cri.co.jp/news/005924.html?prt
  • PECの研修サービス（Webクリエイター関連）：https://www.creativevillage.ne.jp/category/topcreators/web-creator/110965/
  • PECスタ（法人向けオンライン研修サービス）：https://www.cri.co.jp/news/005792.html
  • CREATIVE VILLAGE トップページ：https://www.creativevillage.ne.jp/

ソーシャルメディアと補足情報

C&R社は各種ソーシャルメディアでも情報発信を行っています。イベントやセミナーの案内、関連コンテンツはこれらのチャネルでも確認できます。

主なアカウント・コンテンツ：

  • X（旧Twitter）：https://twitter.com/creekcrv
  • Facebook：https://www.facebook.com/creekandriver
  • note：https://note.com/creek
  • LinkedIn：https://www.linkedin.com/company/cr.creekandriver
  • YouTube（会社紹介等）：https://www.youtube.com/channel/UCS9MHzddqWKsOAgmUnTgxIg
  • ドローン撮影の会社紹介映像：https://youtu.be/2YRqMPcsv3o

講座の要点まとめ（表）と締めくくり

以下の表は本記事で紹介した講座の主要事項を整理したものです。申し込み前に、開催日時・参加条件・必要環境・問い合わせ先などを改めてご確認ください。

項目 内容
講座名 Next.js入門オンライン講座（全4回・ハンズオン）
主催 株式会社クリーク･アンド･リバー社（PEC）
プレス発表日時 2025年10月20日 20時00分
開催日時（各回） 第1回：2025年11月4日（火）19:00-21:00
第2回：2025年11月11日（火）19:00-21:00
第3回：2025年11月18日（火）19:00-21:00
第4回：2025年11月25日（火）19:00-21:00
参加費 無料
定員 60名
申込締切 2025年11月4日（火）21：00
開催形式 オンライン（ハンズオン）／アーカイブ配信なし
対象 Reactの基礎がある方、Webデザイナー、Webコーダー、マークアップエンジニア、Webディレクター等
必要環境 Visual Studio Code（最新版）/ Node.js LTS（最新版） / Google Chrome / Windows10以上またはmacOS 11以上推奨 / インターネット環境
講師 関口 和真（株式会社コムセント取締役 CTO）
問い合わせ Email：pec_seminar@pr.cri.co.jp
申込ページ https://www.creativevillage.ne.jp/category/crv_event/166750/
関連情報 https://www.cri.co.jp/news/005924.html?prt ほか PECサービス情報等

本記事では、C&R社が企画するNext.js入門オンライン講座の開催要項、講師・カリキュラム、受講条件、必要環境、申込方法と関連リソースを網羅して整理しました。受講を検討する場合は、申込ページの案内と受講の注意点を確認のうえ、締切日までに申し込み手続きを行ってください。

参考リンク：

「Next.js 本,Visual Studio Code」 を 今すぐAmazonで探す
【エンジニア向け】世界中で需要が高まりつつあるNext.jsをイチから学ぼう！11/4（火）～ 「Next.js入門オンライン講座」（無料・全4回） 画像 1 【エンジニア向け】世界中で需要が高まりつつあるNext.jsをイチから学ぼう！11/4（火）～ 「Next.js入門オンライン講座」（無料・全4回） 画像 2