全4回で学ぶNext.js入門講座

クリーク･アンド･リバー社（C&R社）では2025年11月４日（火）から全4回でNext.js入門講座を実施します。

Next.jsは、ReactをベースにしたJavaScriptフレームワークです。
効率的に高性能なウェブアプリケーションを構築できるため、企業や個人プロジェクトに広く採用されています。

このウェビナーでは、全4回にわたり、Next.jsの基本からページ作成、データ取得、レンダリング戦略までを実習形式で学びます。
Reactの基礎を押さえながら、Next.jsならではの機能や開発スタイルを体験できる内容です。

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

---

◆１回目：React基礎＋Next.jsのスタート（11月4日（火）19:00-21:00）

• Next.jsの概要
• Reactとの違い
• プロジェクト作成
• JSXの基礎、コンポーネント作成、props
• ページ作成とルーティング
• フォームの基本
• useStateで入力管理

◆２回目：Next.jsらしさを体験（11月11日（火）19:00-21:00）

• CSS Modules または Tailwind でのスタイル
• レイアウト（layout.tsx）の紹介と共通デザイン
• ルーティングの拡張
• 動的ルーティング
• use client の利用

◆３回目：SSRとデータ取得（11月18日（火）19:00-21:00）

• SSRとは？
• サーバーによるレンダリングの仕組み
• サーバーコンポーネントでの fetch
• 外部APIからのデータ取得
• revalidate（キャッシュと再検証）の体験

◆４回目：クライアント側データ取得＋まとめ（11月25日（火）19:00-21:00）

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

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

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

---

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

• ある程度Reactを理解している必要があります。（React入門講座受講レベル）
• JSを理解している方。
• HTMLやCSSの知識は必須です。
• デプロイなどは行いません。TypeScriptを使わずにJavaScriptで行います。
• アーカイブの配信はございませんので予めご了承ください。
• ハンズオン形式で実施します。実習には、以下の環境が必要となります。
  -VisualStudioCode時点最新版と機能拡張
  -Node.jsのLTS版時点最新版
  -GoogleChromeがインストールされているパソコンがあること（PCは、Windows10以上、macOS バージョン11以上が推奨です）
  -ご自宅にインターネット環境があること

※受講初日までに上記のソフトについてインストールマニュアルをお送りしますので、ご自身で準備いただく必要があります。

▼こんな方におすすめ

---

• Reactの基本を学んだことがある方、またはこれから学びたい方
• Next.jsを使った開発に興味がある方
• 実践的なWebアプリ開発を体験したい方

登壇者

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

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

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

参加費

無料

参加対象者

Webデザイナー、Webコーダー、マークアップエンジニア、Webディレクターなど
Web制作者としてご就業されているクリエイター

当ウェビナーについて

• こちらのサイトからもお申込みいただくことができます。

---

▼C&R社で実施しているオンライン講座・ウェビナー　一覧ページ
https://www.c-place.ne.jp/