03-4361-2290
Seminar

オンライン&集合研修

online【オンライン研修】Next.js入門 -React応用、TypeScript、tRPC、Prisma-

概要

フロントエンド/バックエンド双方を備えたWebアプリケーションを高い生産性で開発するためのNext.js入門コースです。
当コースは、Reactをベースとしたフレームワークとして人気のNext.jsを中心に、TypeScriptおよびその静的な型システムを前提としたtRPCやPrismaといったライブラリを活用して、型安全に生産性高くWebアプリケーションを開発するためのコースです。
Next.jsは、Reactを基としてサーバーサイドレンダリングや静的サイトの生成、設定無しでのルーティング(ファイルベースルーティング)、状態管理やキャッシュ管理を兼ね備えたデータフェッチなどなど、昨今のWebアプリケーションをしっかりと作成するための様々な機能を備えたJavaScriptフレームワークです。
tRPCは、TypeScriptで記述されており、TypeScriptの型システムを上手く活用してフロントエンドとバックエンドのやり取りに静的な型を導入する事ができるライブラリです。tRPCを導入することで生産性高く型安全にWeb APIを開発できます。
PrismaはTypeScriptライブラリで、データベースへのアクセスを行うアプリケーションを素早く型安全に記述することができます。Prismaはデータモデルの作成、データ操作、マイグレーションなど様々な機能を提供しています。

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

                                                                 
研修の目的 ■ Next.jsを使ってフロントエンド/バックエンド双方を備えたWebアプリケーションを作成できる
カリキュラム■ Next.jsの基礎
 □ Next.jsの基礎
 □ Reactとの違い
 □ Server Side Rendering
 □ ファイルベースルーティング
 □ データフェッチ
 □ CSSの適用
■ サーバサイドtRPC Routerの作成
 □ tRPCとは
 □ tRPCによるサーバーサイド処理の実装
 □ エラーハンドリング
 □ クライアントからの型安全なWeb APIコール
■ Prismaによるデータベースアクセス
 □ Prismaとは
 □ Prismaを使ったデータベース操作
 □ データベースマイグレーション
 □ Next.js、tRPC、Prismaを統合したアプリケーションの作成

■ 付録:TypeScript要点速習

※最新でより良い内容をお届けするため、一部の学習項目を予告なく変更する可能性がありますのでご了承ください。
対象者 ■ Reactの発展としてNext.jsを学びたい方
■ ReactやNode.jsの基礎は学んだがWebアプリケーションを実際にどう作成していくのか体験したい方
前提条件 ■ 『オンライン研修環境』に記載のツール、機材のご用意が可能な方
■ Reactを使って簡単なアプリケーションを作成できる方
■ Node.jsを使って簡単なアプリケーションを作成できる方
■ 弊社オープンコース『React入門』『Node.js入門』『TypeScriptイントロダクション』をご受講いただいた方もしくは、同等の技術を習得している方
■ ECMAScript2015以降の文法でJavaScriptのコーディングを行ったことのある方
実行環境 ■ Next.js v13以上
■ React v18以上
■ Node.js v18以上
■ TypeScript v5以上
■ Chrome
■ Visual Studio Code

※ 使用するソフトウェアおよびバージョンについては予告なく変更する可能性がありますのでご了承ください。
配布資料 ■ セミナーテキスト
※ソースコード等はオンラインストレージにて配布いたします。
開催日数2日間
開始/終了時刻 9時30分~17時00分
実施会場 Zoomによるオンライン開催
受講料金 121,000円 (税込)
※受講料にはテキスト代も含まれます。
開催日程
お問い合わせ 法人様など多人数でのご受講をご検討の場合のお見積り、 サービス内容のカスタマイズのご相談、開催予定のお問い合わせなどは、お問い合わせフォームよりお気軽にお申し付けください。

「【オンライン研修】Next.js入門 -React応用、TypeScript、tRPC、Prisma-」に関するお申し込み

お申し込みフォームを表示する

「【オンライン研修】Next.js入門 -React応用、TypeScript、tRPC、Prisma-」に関するお問い合わせ

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