03-4361-2290
Seminar

オンライン&集合研修

集合/オンラインNext.js入門 -React応用、TypeScript、tRPC、Prisma-

概要

人気のReactベースのフレームワークであり、高い生産性や効率的な実行性能を実現できる仕組みを持つ「Next.js」の入門コースです。
当コースは、ReactをベースとしたフレームワークであるNext.jsの特徴や利用方法を学ぶコースです。
バージョン13から導入されたApp Routerを基本とし、ファイルベースルーティングやレイアウト、ルートハンドラーによるサーバサイドの作成、Server Actionsやキャッシュの活用など幅広く取り上げます。
また、上記の他に、Prismaも取り上げます。
PrismaはTypeScriptライブラリで、データベースへのアクセスを行うアプリケーションを素早く型安全に記述することができます。
当コースでは、ハンズオン形式の体験を通じて、フロントエンドとバックエンドの両方を統合したWebアプリケーションを構築するスキルを習得できます。
※受講に関する注意点※
進行の都合上、研修開始時間を過ぎてからのご参加はご遠慮いただいております。
大変恐れ入りますが、研修開始時間までにご参加いただけていない場合、
当日キャンセル扱いをさせていただく場合がございますのでご注意ください。

                                                                 
研修の目的 ■ 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要点速習
※最新でより良い内容をお届けするため、一部の学習項目を予告なく変更する可能性がありますのでご了承ください。
対象者 ■ 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
※ 使用するソフトウェアおよびバージョンについては予告なく変更する可能性がありますのでご了承ください。
配布資料 ■ セミナーテキスト
※ソースコード等はオンラインストレージにて配布いたします。
開催日数2日間
開始/終了時刻 9時30分~17時00分
実施会場 【集合】品川会場
【オンライン】Zoomによるオンライン開催
※お申し込み時にご選択ください
受講料金 114,950円 (税込)
※受講料にはテキスト代も含まれます。
開催日程 【集合】
【オンライン】
お問い合わせ 法人様など多人数でのご受講をご検討の場合のお見積り、 サービス内容のカスタマイズのご相談、開催予定のお問い合わせなどは、お問い合わせフォームよりお気軽にお申し付けください。

「Next.js入門 -React応用、TypeScript、tRPC、Prisma-」に関するお申し込み

お申し込みはこちらから

「Next.js入門 -React応用、TypeScript、tRPC、Prisma-」に関するお問い合わせ

お問い合わせフォームを表示する
topへ