コース概要

人気のReactベースのフレームワークであり、高い生産性や効率的な実行性能を実現できる仕組みを持つ「Next.js」の入門コースです。

当コースは、ReactをベースとしたフレームワークであるNext.jsの特徴や利用方法を学ぶコースです。
バージョン13から導入されたApp Routerを基本とし、ファイルベースルーティングやレイアウト、ルートハンドラーによるサーバサイドの作成、Server Actionsやキャッシュの活用など幅広く取り上げます。
また、上記の他に、Prismaも取り上げます。
PrismaはTypeScriptライブラリで、データベースへのアクセスを行うアプリケーションを素早く型安全に記述することができます。

当コースでは、ハンズオン形式の体験を通じて、フロントエンドとバックエンドの両方を統合したWebアプリケーションを構築するスキルを習得できます。

※ 本コースは2025年4月より改訂版にて実施いたします。
※ このコースは株式会社カサレアルが開催いたします。

到達目標

Next.jsを使ってWebアプリケーションを作成できる

前提条件

• Reactを使って簡単なアプリケーションを作成できる方
• Node.jsを使って簡単なアプリケーションを作成できる方
• ECMAScript2015以降の文法でJavaScriptのコーディングを行ったことのある方

対象者

• Reactの発展としてNext.jsを学びたい方
• ReactやNode.jsの基礎は学んだがWebアプリケーションを実際にどう作成していくのか
  体験したい方

コース内容

■ Next.jsの基礎
　□ Webアプリケーションのパフォーマンスについて
　□ Server Side Renderin
　□ Reactコンポーネントの作成方法を復習
　□ AppRouterについて
　□ ファイルベースルーティング
　□ レイアウト
　□ 組み込みコンポーネント
　□ React Server Components
　□ サーバーコンポーネントとクライアントコンポーネントの違い
■ サーバサイドの作成と呼び出し
　□ ルートハンドラー
　□ fetchを使ったデータ取得
　□ キャッシュについて
■ Prismaによるデータベースアクセス
　□ Prismaとは
　□ Prismaを使ったデータベース操作
　□ データベースマイグレーション
　□ ルートハンドラーとPrismaを組み合わせる
■ Server Actions
　□ Server Actionsとは
　□ "use server"
　□ ルートハンドラーとの違い
■ 付録：Tailwind CSS要点速習
■ 付録：TypeScript要点速習
※最新でより良い内容をお届けするため、一部の学習項目を予告なく変更する可能性がありますので
　ご了承ください。

【実行環境】

■ Next.js v15以上
■ React v19以上
■ Node.js v20以上
■ TypeScript v5以上
■ Chrome
■ Visual Studio Code
※ 使用するソフトウェアおよびバージョンについては予告なく変更する可能性がありますので
　ご了承ください。

注意事項

※受講に関する注意点※
進行の都合上、研修開始時間を過ぎてからのご参加はご遠慮いただいております。
大変恐れ入りますが、研修開始時間までにご参加いただけていない場合、
当日キャンセル扱いをさせていただく場合がございますのでご注意ください。