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アプリケーションを構築するスキルを習得できます。

機械演習
他社提携

開催日を選択

ユーザー登録はこちら

※他社提携コースは、お申し込み後に空席確認を行います。お席を確保できない状況の場合はご連絡させていただきます。
なお、「残席数」はリアルタイムに反映されていない場合がございます。また、残席数表示に関わらず申込可能な場合がございますので、正確な「残席数」については、お問い合わせください。

開催情報
詳細情報

開催情報

開催日程・場所

開催日	場所	状況	締切日
10月23日(木) 〜 10月24日(金)	オンラインオープン研修(カサレアル社)	受付中	10月10日(金)
11月10日(月) 〜 11月11日(火)	カサレアル品川トレーニングセンター	受付中	10月28日(火)
12月11日(木) 〜 12月12日(金)	オンラインオープン研修(カサレアル社)	受付中	11月28日(金)
1月13日(火) 〜 1月14日(水)	オンラインオープン研修(カサレアル社)	受付中	12月31日(水)
2月26日(木) 〜 2月27日(金)	カサレアル品川トレーニングセンター	受付中	2月13日(金)
3月16日(月) 〜 3月17日(火)	オンラインオープン研修(カサレアル社)	受付中	3月3日(火)

詳細情報

対象者

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

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

重要事項

キャンセル規定	受講開始10営業日前から受講料(購入価格)の100%のキャンセル料がかかります。
テキスト	オンライン参加の方は、研修当日に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 ※ 使用するソフトウェアおよびバージョンについては予告なく変更する可能性がありますのでご了承ください。
その他	※受講に関する注意点※ 進行の都合上、研修開始時間を過ぎてからのご参加はご遠慮いただいております。大変恐れ入りますが、研修開始時間までにご参加いただけていない場合、当日キャンセル扱いをさせていただく場合がございますのでご注意ください。

備考

当コースは株式会社カサレアルが提供します。

他のコースを探す