【公開講座】Next.js入門 -React応用、TypeScript、tRPC、Prisma-

Next.js入門 -React応用、TypeScript、tRPC、Prisma-

コース概要

人気の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の基礎　□Webアプリケーションのパフォーマンスについて　□Server Side Rendering 　□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 ※ 使用するソフトウェアおよびバージョンについては予告なく変更する可能性がありますのでご了承ください。

配布資料

オンライン参加の方は、研修当日にPDFのテキストを配布いたします。オフライン（対面）参加の方は、研修当日に紙媒体のテキストを配布いたします。

留意事項・備考

【事前に必ず以下をご確認の上お申込みください】
＊主催団体によりキャンセルポリシーが異なります。
＊お申し込み後のキャンセルにつきましてはこちらをご確認ください。
＊キャンセル期限までは無料にてキャンセルを承ります。
＊キャンセル期限を過ぎた後は、受講料全額をキャンセル料として頂戴いたします。
＊事前のお席の確保は原則承っておりません。
＊お申込み内容は、翌営業日以降に確定いたします。
＊お申込み後、満席などでご受講できない場合がございますので、あらかじめご了承ください。満席の場合は、別途ご連絡申し上げます。

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

◆オンライン研修環境 ※オンラインでご受講の方は以下必ずご確認ください。 【使用ツール】 動画配信：Zoom 質疑応答：オンラインチャットシステム（Mattermost）演習環境：仮想デスクトップ ※業務用PCにZoomアプリをインストールできない場合は、ブラウザからのご参加をお願いします。 ※Zoomのシステム要件について、より詳細な情報は、こちらをご参照ください。 ※Mattermostおよび演習環境は主催会社にてご用意いたします。 【システム要件】 ・インターネットに常時接続できること（アクセス制限のないネットワーク環境をご利用ください）・Webカメラおよびマイク ※PC本体の他に、モニターやiPad等の拡張ディスプレイをご用意いただくことを推奨いたします。　（1台：Zoom、オンラインチャットシステム用、1台：演習環境用） ※事前にアクセス確認をご希望される方はお問い合わせください 【対応OS】 Windows 上記以外の環境でもご受講いただくことが可能ですが、操作感が異なる可能性がある点をご了承ください。 【WEBブラウザ】 Google Chrome 上記以外の環境でもご受講いただくことが可能ですが、操作感が異なる可能性がある点をご了承ください。 【事前環境確認】 事前にアクセス確認をご希望される方は以下のフォームからお問い合わせください。接続確認をする