ホーム > Next.js入門 -React応用、TypeScript、tRPC、Prisma-

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


対応チケット/ポイント等

  • New!
    新規コース(過去6ヶ月)
期間  2日間 時間  9:30~17:00
価格(税込)  121,000円(税込) 主催  株式会社カサレアル
コース種別  集合研修  
形式  講義+実機演習 コースコード  PRC0165R
日程 会場 空席状況 実施状況 選択

2024年4月25日(木) ~ 2024年4月26日(金)

カサレアル東京(品川)

  お問い合わせください

2024年5月30日(木) ~ 2024年5月31日(金)

カサレアル(オンライン)

  お申し込み後確認

2024年7月4日(木) ~ 2024年7月5日(金)

カサレアル(オンライン)

  お申し込み後確認

2024年8月1日(木) ~ 2024年8月2日(金)

カサレアル(オンライン)

  お申し込み後確認

2024年9月26日(木) ~ 2024年9月27日(金)

カサレアル(オンライン)

  お申し込み後確認

※「キャンセル待ち」でお申し込みの方には、別途メールにてご連絡いたします。
※「実施確定」表示のない日程は、お申し込み状況により開催中止になる場合がございます。
※ お申込期日が過ぎた日程は、「お問い合わせください」と表示されます。
※ トレノケート主催コース以外の空席状況は、残席数に関わらず「お申し込み後確認」と表示されます。
※ トレノケート主催コース以外では、主催会社のお席を確保した後に受付確定となります。
お申込みに関するお問い合わせはこちらから

ワンポイントアドバイス

・弊社経由で他社主催研修へお申込みの場合、弊社が「訓練の実施機関」ではないため、人材開発支援助成金の申請書類にトレノケートは署名できません。「主催」欄をご確認ください。本研修コースはトレノケート経由のお申込では人材開発支援助成金の申請ができない旨を予めご了承のうえ、お申込みください。

重要なご連絡・ご確認事項

オンラインでのご受講の際には、以下の環境で問題ないことをご確認のうえお申し込みください。

<オンライン研修環境>
■使用ツール
動画配信:Zoom
質疑応答:オンラインチャットシステム (ご利用になれない場合は、Zoomのチャット機能で代替可能です)
遠隔操作:仮想デスクトップ

※業務用PCに追加アプリをインストールできない場合は、ブラウザからのご参加をお願いします。
※Zoomのシステム要件について、より詳細な情報は、こちらをご参照ください。

■システム要件
・インターネットに常時接続できること
(10Mbps~15Mbps程度の帯域があるインターネット接続を推奨いたします)
・Webカメラおよびマイク
※PC本体の他に、モニターやiPad等、画面表示できるものがあると便利です。

■OS
・Windows10(64bit版)

■Webブラウザ
・Google Chrome(最新版)

対象者情報

対象者
・Reactの発展としてNext.jsを学びたい方
・ReactやNode.jsの基礎は学んだがWebアプリケーションを実際にどう作成していくのか体験したい方
前提条件
□Reactを使って簡単なアプリケーションを作成できる方
□Node.jsを使って簡単なアプリケーションを作成できる方
□弊社オープンコース『React入門』『Node.js入門』『TypeScriptイントロダクション』をご受講いただいた方もしくは、同等の技術を習得している方
□ECMAScript2015以降の文法でJavaScriptのコーディングを行ったことのある方

学習内容の詳細

コース概要
フロントエンド/バックエンド双方を備えた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アプリケーションを作成できる
学習内容
1. Next.jsの基礎
  - Next.jsの基礎
  - Reactとの違い
  - Server Side Rendering
  - ファイルベースルーティング
  - データフェッチ
  - CSSの適用

2. サーバサイドtRPC Routerの作成
  - tRPCとは
  - tRPCによるサーバーサイド処理の実装
  - エラーハンドリング
  - クライアントからの型安全なWeb APIコール

3. Prismaによるデータベースアクセス
  - Prismaとは
  - Prismaを使ったデータベース操作
  - データベースマイグレーション
  - Next.js、tRPC、Prismaを統合したアプリケーションの作成

<付録>:TypeScript要点速習

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

実習/演習内容詳細

ソフトウェア
ハードウェア
■ Next.js v13以上
■ React v18以上
■ Node.js v18以上
■ TypeScript v5以上
■ Chrome
■ Visual Studio Code
※使用するソフトウェアおよびバージョンについては予告なく変更する可能性がありますのでご了承ください。

コース関連付加情報

ご注意・ご連絡事項

・本コースは株式会社カサレアルが開催いたします。
・株式会社カサレアル開催コースのキャンセル・日程変更・受講者変更は9営業日前までとさせていただきます。
※受講に関する注意点※
進行の都合上、研修開始時間を過ぎてからのご参加はご遠慮いただいております。
大変恐れ入りますが、研修開始時間までにご参加いただけていない場合、当日キャンセル扱いをさせていただく場合がございますのでご注意ください。