- トップページ
- アプリケーション開発
- Next.js入門 -App Router、Server Actions、Prisma、TypeScript・React応用-
Next.js入門 -App Router、Server Actions、Prisma、TypeScript・React応用-
- コースコードMBJ19
- 受講形態オンラインもしくは対面
- 日数2日間
- 受講時間9時30分 ～ 17時00分（昼休憩：60分）
- 受講料121,000円 (税別価格110,000円)
人気のReactベースのフレームワークであり、高い生産性や効率的な実行性能を実現できる仕組みを持つ「Next.js」の入門コースです。
当コースは、ReactをベースとしたフレームワークであるNext.jsの特徴や利用方法を学ぶコースです。
バージョン13から導入されたApp Routerを基本とし、ファイルベースルーティングやレイアウト、ルートハンドラーによるサーバサイドの作成、Server Actionsやキャッシュの活用など幅広く取り上げます。
また、上記の他に、Prismaも取り上げます。
PrismaはTypeScriptライブラリで、データベースへのアクセスを行うアプリケーションを素早く型安全に記述することができます。
当コースでは、ハンズオン形式の体験を通じて、フロントエンドとバックエンドの両方を統合したWebアプリケーションを構築するスキルを習得できます。
開催情報
※開催情報欄の「空席状況」が「×空席なし(お問い合わせ)」の場合は、右下の「問合せ」ボタンよりお問い合わせください。
開催日程・場所
| 開催日 | 場所 | 受付状況 | 空席状況 | 受付締切 |
|---|---|---|---|---|
| 9月10日(木) 〜 9月11日(金) | オンラインオープン研修(カサレアル社) | 受付中 | △残席わずか | 8月28日(金) |
| 9月28日(月) 〜 9月29日(火) | オンラインオープン研修(カサレアル社) | 受付中 | △残席わずか | 9月15日(火) |
| 11月5日(木) 〜 11月6日(金) | オンラインオープン研修(カサレアル社) | 受付中 | △残席わずか | 10月23日(金) |
| 1月28日(木) 〜 1月29日(金) | オンラインオープン研修(カサレアル社) | 受付中 | △残席わずか | 1月15日(金) |
| 3月8日(月) 〜 3月9日(火) | カサレアル品川トレーニングセンター | 受付中 | △残席わずか | 2月23日(火) |
詳細情報
対象者
■ Reactの発展としてNext.jsを学びたい方
■ ReactやNode.jsの基礎は学んだがWebアプリケーションを実際にどう作成していくのか体験したい方
前提知識
■ Reactを使って簡単なアプリケーションを作成できる方
■ Node.jsを使って簡単なアプリケーションを作成できる方
■ ECMAScript2015以降の文法でJavaScriptのコーディングを行ったことのある方
学習目標
当コースを修了した時点で、次のことができることを目標とします。
■ Next.jsを使ってWebアプリケーションを作成できる
研修の内容
■ 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要点速習
※最新でより良い内容をお届けするため、一部の学習項目を予告なく変更する可能性がありますのでご了承ください。
備考
当コースは株式会社カサレアルが提供します。
重要事項
キャンセル規定
テキスト
オンライン参加の方は、研修当日にPDFのテキストを配布いたします。
オフライン（対面）参加の方は、研修当日に紙媒体のテキストを配布いたします。
オンラインクラス
オンライン開催の場合は、以下の注意事項をご確認の上、事前にご準備ください。
■使用ツール
動画配信：Zoom
質疑応答：オンラインチャットシステム（Mattermost）
演習環境：仮想デスクトップ
※業務用PCにZoomアプリをインストールできない場合は、ブラウザからのご参加をお願いします。
※Zoomのシステム要件について、より詳細な情報は、こちらをご参照ください。
※Mattermostおよび演習環境は弊社にてご用意いたします。
■システム要件
・インターネットに常時接続できること
（アクセス制限のないネットワーク環境をご利用ください）
・Webカメラおよびマイク
※PC本体の他に、モニターやiPad等の拡張ディスプレイをご用意いただくことを推奨いたします。
（1台：Zoom、オンラインチャットシステム用、1台：演習環境用）
※事前にアクセス確認をご希望される方はお問い合わせください
■対応OS
Windows
上記以外の環境でもご受講いただくことが可能ですが、操作感が異なる可能性がある点をご了承ください。
■WEBブラウザ
Google Chrome
上記以外の環境でもご受講いただくことが可能ですが、操作感が異なる可能性がある点をご了承ください。
演習環境
実行環境
■ Next.js v15以上
■ React v19以上
■ Node.js v20以上
■ TypeScript v5以上
■ Chrome
■ Visual Studio Code
※ 使用するソフトウェアおよびバージョンについては予告なく変更する可能性がありますのでご了承ください。
その他
※受講に関する注意点※
進行の都合上、研修開始時間を過ぎてからのご参加はご遠慮いただいております。
大変恐れ入りますが、研修開始時間までにご参加いただけていない場合、
当日キャンセル扱いをさせていただく場合がございますのでご注意ください。
