IT・技術研修ならCTC教育サービス

コース内容

コース概要

人気の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を使って簡単なアプリケーションを作成できる方
・ECMAScript2015以降の文法でJavaScriptのコーディングを行ったことのある方

スクール環境

・実行環境
　■ Next.js v15以上
　■ React v19以上
　■ Node.js v20以上
　■ TypeScript v5以上
　■ Chrome
　■ Visual Studio Code

※使用するソフトウェアおよびバージョンについては予告なく変更する可能性がありますのでご了承ください。

内容

●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要点速習

※最新でより良い内容をお届けするため、一部の学習項目を予告なく変更する可能性がありますのでご了承ください。

備考

※オンラインでのご受講の方は【オンライン研修環境】をご確認ください。

【オンライン研修環境】
　■使用ツール
　動画配信：Zoom
　質疑応答：オンラインチャットシステム（Mattermost）
　演習環境：仮想デスクトップ

　※業務用PCにZoomアプリをインストールできない場合は、ブラウザからのご参加をお願いします。
　※Zoomのシステム要件について、より詳細な情報は、こちら：https://support.zoom.us/hc/ja/articles/201362023-System-Requirements-for-PC-Mac-and-Linuxをご参照ください。
　※Mattermostおよび演習環境はカサレアル社にてご用意いたします

　■システム要件
　・インターネットに常時接続できること
　　（アクセス制限のないネットワーク環境をご利用ください）
　・Webカメラおよびマイク
　※PC本体の他に、モニターやiPad等の拡張ディスプレイをご用意いただくことを推奨いたします。
　　（1台：Zoom、オンラインチャットシステム用、1台：演習環境用）
　※事前にアクセス確認をご希望される方はお問い合わせください

　■対応OS
　Windows
　上記以外の環境でもご受講いただくことが可能ですが、操作感が異なる可能性がある点をご了承ください。
　■WEBブラウザ
　Google Chrome
　上記以外の環境でもご受講いただくことが可能ですが、操作感が異なる可能性がある点をご了承ください。

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