[オンライン開催]Next.js入門
-React応用、TypeScript、tRPC、Prisma-

本研修は、オンラインでの開催です。オンラインオープン研修を初めてご利用の方は、はじめにこちらをご確認ください。


◆オンライン研修環境

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

質疑応答:オンラインチャットシステム

演習環境:仮想デスクトップ
※研修で使用するオンラインチャットシステムおよび演習環境は、弊社にてご用意し
 当日朝にご案内いたしますため、事前に受講者様にてご用意いただく必要はございません。
システム要件 ・インターネットに常時接続できること
・Webカメラおよびマイク
※PC本体の他に、モニターやiPad等の拡張ディスプレイをご用意いただくことを推奨いたします。
 (1台:Zoom、オンラインチャットシステム用、1台:演習環境用)
OS/ブラウザ

OS:Windows / ブラウザ:Google Chrome

上記以外の環境でもご受講いただくことが可能ですが、操作感が異なる可能性がある点をご了承ください。



◆コース説明

フロントエンド/バックエンド双方を備えた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日間
  • 受講料
    121,000円
    (税込)※受講料にはテキスト代も含まれます。
  • お支払い
    研修終了後に請求書払いとなります。
    請求書は研修終了日の属する月の月末までに郵送させていただきます。
  • 時間
    9時30分~17時00分

開催日程

  • 申し込む
    2024年5月30日~2024年5月31日(2日間)
    【受付】2024年5月22日まで
    【会場】 オンライン
  • 申し込む
    2024年7月4日~2024年7月5日(2日間)
    【受付】2024年6月26日まで
    【会場】 オンライン
  • 申し込む
    2024年8月1日~2024年8月2日(2日間)
    【受付】2024年7月24日まで
    【会場】 オンライン
  • 申し込む
    2024年9月26日~2024年9月27日(2日間)
    【受付】2024年9月17日まで
    【会場】 オンライン

HTML5・JavaScript研修に関する研修一覧