人気のReactベースのフレームワークであり、高い生産性や効率的な実行性能を実現できる仕組みを持つ「Next.js」の入門コースです。
当コースは、ReactをベースとしたフレームワークであるNext.jsの特徴や利用方法を学ぶコースです。
バージョン13から導入されたApp Routerを基本とし、ファイルベースルーティングやレイアウト、ルートハンドラーによるサーバサイドの作成、Server Actionsやキャッシュの活用など幅広く取り上げます。
また、上記の他に、Prismaも取り上げます。
PrismaはTypeScriptライブラリで、データベースへのアクセスを行うアプリケーションを素早く型安全に記述することができます。
当コースでは、ハンズオン形式の体験を通じて、フロントエンドとバックエンドの両方を統合したWebアプリケーションを構築するスキルを習得できます。
※本コースは2025年4月より改訂版にて実施いたします。
※受講に関する注意点※
進行の都合上、研修開始時間を過ぎてからのご参加はご遠慮いただいております。
大変恐れ入りますが、研修開始時間までにご参加いただけていない場合、
当日キャンセル扱いをさせていただく場合がございますのでご注意ください。
開催日程
オンライン研修を希望される方は、必ずお申し込み前に「オンライン研修環境」を確認してください。
オンライン
オフライン
学習目標
■ Next.jsを使ってWebアプリケーションを作成できる
対象者
■ Reactの発展としてNext.jsを学びたい方
■ ReactやNode.jsの基礎は学んだがWebアプリケーションを実際にどう作成していくのか体験したい方
■ ReactやNode.jsの基礎は学んだがWebアプリケーションを実際にどう作成していくのか体験したい方
前提条件
■ Reactを使って簡単なアプリケーションを作成できる方
■ Node.jsを使って簡単なアプリケーションを作成できる方
■ ECMAScript2015以降の文法でJavaScriptのコーディングを行ったことのある方
■ Node.jsを使って簡単なアプリケーションを作成できる方
■ ECMAScript2015以降の文法でJavaScriptのコーディングを行ったことのある方
研修概要
-
- 実行環境
- ■ Next.js v15以上
■ React v19以上
■ Node.js v20以上
■ TypeScript v5以上
■ Chrome
■ Visual Studio Code
※ 使用するソフトウェアおよびバージョンについては予告なく変更する可能性がありますのでご了承ください。
-
- 配布資料
- オンライン参加の方は、研修当日にPDFのテキストを配布いたします。
オフライン（対面）参加の方は、研修当日に紙媒体のテキストを配布いたします。
-
- 受講料
- 121,000円（税込）/人
-
- お支払い
- 研修終了後に請求書払いとなります。
請求書は研修終了日の属する月の月末までに送付いたします。
-
- 開催日数
- 2日間
-
- 時間
- 9時30分～17時00分
カリキュラム
■ Next.jsの基礎
□Webアプリケーションのパフォーマンスについて
□Server Side Rendering
□Reactコンポーネントの作成方法を復習
□AppRouterについて
□ファイルベースルーティング
□レイアウト
□組み込みコンポーネント
□React Server Components
□サーバーコンポーネントとクライアントコンポーネントの違い
■ サーバサイドの作成と呼び出し
□ルートハンドラー
□fetchを使ったデータ取得
□キャッシュについて
■ Prismaによるデータベースアクセス
□Prismaとは
□Prismaを使ったデータベース操作
□データベースマイグレーション
□ルートハンドラーとPrismaを組み合わせる
■ Server Actions
□Server Actionsとは
□"use server"
□ルートハンドラーとの違い
■ 付録：Tailwind CSS要点速習
■ 付録：TypeScript要点速習
※最新でより良い内容をお届けするため、一部の学習項目を予告なく変更する可能性がありますのでご了承ください。
□Webアプリケーションのパフォーマンスについて
□Server Side Rendering
□Reactコンポーネントの作成方法を復習
□AppRouterについて
□ファイルベースルーティング
□レイアウト
□組み込みコンポーネント
□React Server Components
□サーバーコンポーネントとクライアントコンポーネントの違い
■ サーバサイドの作成と呼び出し
□ルートハンドラー
□fetchを使ったデータ取得
□キャッシュについて
■ Prismaによるデータベースアクセス
□Prismaとは
□Prismaを使ったデータベース操作
□データベースマイグレーション
□ルートハンドラーとPrismaを組み合わせる
■ Server Actions
□Server Actionsとは
□"use server"
□ルートハンドラーとの違い
■ 付録：Tailwind CSS要点速習
■ 付録：TypeScript要点速習
※最新でより良い内容をお届けするため、一部の学習項目を予告なく変更する可能性がありますのでご了承ください。
オンライン研修環境
-
- 使用ツール
- 動画配信：Zoom
質疑応答：オンラインチャットシステム（Mattermost）
演習環境：仮想デスクトップ
※業務用PCにZoomアプリをインストールできない場合は、ブラウザからのご参加をお願いします。
※Zoomのシステム要件について、より詳細な情報は、こちらをご参照ください。
※Mattermostおよび演習環境は弊社にてご用意いたします
-
- システム要件
- ・インターネットに常時接続できること
（アクセス制限のないネットワーク環境をご利用ください）
・Webカメラおよびマイク
※PC本体の他に、モニターやiPad等の拡張ディスプレイをご用意いただくことを推奨いたします。
（1台：Zoom、オンラインチャットシステム用、1台：演習環境用）
※事前にアクセス確認をご希望される方はお問い合わせください
-
- 対応OS
- Windows
上記以外の環境でもご受講いただくことが可能ですが、操作感が異なる可能性がある点をご了承ください。
-
- WEBブラウザ
- Google Chrome
上記以外の環境でもご受講いただくことが可能ですが、操作感が異なる可能性がある点をご了承ください。
-
- 事前環境確認
- 事前にアクセス確認をご希望される方は以下のフォームからお問い合わせください。
開催日程
学習目標
■ Next.jsを使ってWebアプリケーションを作成できる
対象者
■ Reactの発展としてNext.jsを学びたい方
■ ReactやNode.jsの基礎は学んだがWebアプリケーションを実際にどう作成していくのか体験したい方
■ ReactやNode.jsの基礎は学んだがWebアプリケーションを実際にどう作成していくのか体験したい方
前提条件
■ Reactを使って簡単なアプリケーションを作成できる方
■ Node.jsを使って簡単なアプリケーションを作成できる方
■ ECMAScript2015以降の文法でJavaScriptのコーディングを行ったことのある方
■ Node.jsを使って簡単なアプリケーションを作成できる方
■ ECMAScript2015以降の文法でJavaScriptのコーディングを行ったことのある方
研修概要
-
- 実行環境
- ■ Next.js v15以上
■ React v19以上
■ Node.js v20以上
■ TypeScript v5以上
■ Chrome
■ Visual Studio Code
※ 使用するソフトウェアおよびバージョンについては予告なく変更する可能性がありますのでご了承ください。
-
- 配布資料
- オンライン参加の方は、研修当日にPDFのテキストを配布いたします。
オフライン（対面）参加の方は、研修当日に紙媒体のテキストを配布いたします。
-
- 受講料
- 121,000円（税込）/人
-
- お支払い
- 研修終了後に請求書払いとなります。
請求書は研修終了日の属する月の月末までに送付いたします。
-
- 持ち物
- 特にございません
-
- 開催日数
- 2日間
-
- 時間
- 9時30分～17時00分
カリキュラム
■ Next.jsの基礎
□Webアプリケーションのパフォーマンスについて
□Server Side Rendering
□Reactコンポーネントの作成方法を復習
□AppRouterについて
□ファイルベースルーティング
□レイアウト
□組み込みコンポーネント
□React Server Components
□サーバーコンポーネントとクライアントコンポーネントの違い
■ サーバサイドの作成と呼び出し
□ルートハンドラー
□fetchを使ったデータ取得
□キャッシュについて
■ Prismaによるデータベースアクセス
□Prismaとは
□Prismaを使ったデータベース操作
□データベースマイグレーション
□ルートハンドラーとPrismaを組み合わせる
■ Server Actions
□Server Actionsとは
□"use server"
□ルートハンドラーとの違い
■ 付録：Tailwind CSS要点速習
■ 付録：TypeScript要点速習
※最新でより良い内容をお届けするため、一部の学習項目を予告なく変更する可能性がありますのでご了承ください。
□Webアプリケーションのパフォーマンスについて
□Server Side Rendering
□Reactコンポーネントの作成方法を復習
□AppRouterについて
□ファイルベースルーティング
□レイアウト
□組み込みコンポーネント
□React Server Components
□サーバーコンポーネントとクライアントコンポーネントの違い
■ サーバサイドの作成と呼び出し
□ルートハンドラー
□fetchを使ったデータ取得
□キャッシュについて
■ Prismaによるデータベースアクセス
□Prismaとは
□Prismaを使ったデータベース操作
□データベースマイグレーション
□ルートハンドラーとPrismaを組み合わせる
■ Server Actions
□Server Actionsとは
□"use server"
□ルートハンドラーとの違い
■ 付録：Tailwind CSS要点速習
■ 付録：TypeScript要点速習
※最新でより良い内容をお届けするため、一部の学習項目を予告なく変更する可能性がありますのでご了承ください。
開催日程
-
- 申込受付終了
-
2025年6月11日～2025年6月12日
（2日間）
【中止】
【会場】カサレアル品川トレーニングセンター
【価格】121,000円 （税込）/人
-
- 申込受付終了
-
2025年7月30日～2025年7月31日
（2日間）
【中止】
【会場】カサレアル品川トレーニングセンター
【価格】121,000円 （税込）/人
この研修を見ている方はこちらの研修も見ています
- play_arrowTypeScriptイントロダクション
-JavaScript応用- - play_arrowNode.js入門
-Expressを使ったREST Web API開発- - play_arrowReact入門
-Hooks、ContextAPI、MUI対応- - play_arrowReduxワークショップ
-React応用- - play_arrowJavaScriptテスト入門
-Vitest, TypeScript, React応用-
コースフロー
