NuxtによるSPA開発ワークショップ | 研修定型コース

直感的な開発体験と優れたパフォーマンスを兼ね備えたVue.jsベースのフレームワーク「Nuxt」を学ぶ入門コースです。

当コースでは、Vue.jsの基盤上に構築され、サーバーサイドレンダリング（SSR）を手軽に実現できるNuxt.jsを徹底解説します。
Nuxt 3で導入された最新機能を中心に、ファイルベースルーティング、レイアウト、コンポーネント構造、サーバーAPIの作成とデータフェッチを学びます。
プログラム言語としてはTypeScriptを利用します。

※本コースは『Nuxt＆Node.jsによるSPA開発ワークショップ』の改訂版です。

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

受講者の方からの声

■ 次にアサイン予定のプロジェクトの技術の調査のため受講しました。特に、Nuxt.jsがVue.jsからどういった点が異なるのかを中心に興味がありましたが、講師の方の知識や経験が豊富で十分満足のいくものでした。（PM:40代）

開催日程

オンライン

オフライン

対象者
前提条件
研修概要
カリキュラム
オンライン研修環境
開催日程
コースフロー

学習目標

■ Nuxtを使って基礎的なSPAアプリケーションを作成できる

対象者

■ Vue.jsの発展としてNuxtを学びたい方
■ Vue.jsやNode.jsの基礎は学んだが、Webアプリケーションを実際にどう作成していくのか体験したい方

前提条件

■ Vue.jsを使って簡単なアプリケーションを作成できる方
■ Node.jsを使って簡単なアプリケーションを作成できる方
■ ECMAScript2015以降の文法でJavaScriptのコーディングを行ったことのある方

研修概要

※5名様以上同時にお申込の場合には割引サービスがございますので、こちらからお問い合わせください

実行環境

■ Nuxt v3.14以上
■ Vue.js v3.3以上
■ Node.js v20以上
■ TypeScript v5.6以上
■ Chrome
■ Visual Studio Code

※ 使用するソフトウェアおよびバージョンについては予告なく変更する可能性がありますのでご了承ください。
配布資料

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

110,000円（税込）/人
お支払い

研修終了後に請求書払いとなります。
請求書は研修終了日の属する月の月末までに送付いたします。
開催日数

2日間
時間

9時30分～17時00分

カリキュラム

■ Nuxtの基礎
　□ Webアプリケーションのパフォーマンスについて
　□ nuxtiで雛形を生成する
　□ ファイルベースルーティング
　□ Vue.jsコンポーネントの作り方復習
　□ Server Side Rendering(SSR)
　□ オートインポート
　□ スタイルシートの扱い方
■ 状態管理
　□ SSRフレンドリーな状態管理
　□ useState
　□ Composable関数
■ サーバーAPIの作成
　□ サーバーAPIの作成とデータ取得
　□ useFetch を使ったデータ取得
　□ キャッシュについて
　□ データベースアクセスの基本
■ フロントエンド・サーバーサイド統合演習
■ 付録：TypeScript要点速習

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

オンライン研修環境

使用ツール

動画配信：Zoom
質疑応答：オンラインチャットシステム（Mattermost）
演習環境：仮想デスクトップ

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

・インターネットに常時接続できること
　（アクセス制限のないネットワーク環境をご利用ください）
・Webカメラおよびマイク
※PC本体の他に、モニターやiPad等の拡張ディスプレイをご用意いただくことを推奨いたします。
　（1台：Zoom、オンラインチャットシステム用、1台：演習環境用）
※事前にアクセス確認をご希望される方はお問い合わせください
対応OS

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

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

事前にアクセス確認をご希望される方は以下のフォームからお問い合わせください。
接続確認をする

開催日程

※お申し込み状況により、受付期限よりも前に受付終了となる場合がございますので、お早めにお申し込みください。

申込受付終了

2026年8月13日～2026年8月14日（2日間）【中止】
【会場】オンライン
【価格】110,000円（税込）/人
申込受付終了

2026年9月10日～2026年9月11日（2日間）【中止】
【会場】オンライン
【価格】110,000円（税込）/人
申込受付終了

2026年9月28日～2026年9月29日（2日間）【中止】
【会場】オンライン
【価格】110,000円（税込）/人

対象者
前提条件
研修概要
カリキュラム
開催日程
コースフロー

学習目標

■ Nuxtを使って基礎的なSPAアプリケーションを作成できる

対象者

■ Vue.jsの発展としてNuxtを学びたい方
■ Vue.jsやNode.jsの基礎は学んだが、Webアプリケーションを実際にどう作成していくのか体験したい方

前提条件

研修概要

※5名様以上同時にお申込の場合には割引サービスがございますので、こちらからお問い合わせください

実行環境

■ Nuxt v3.14以上
■ Vue.js v3.3以上
■ Node.js v20以上
■ TypeScript v5.6以上
■ Chrome
■ Visual Studio Code

※ 使用するソフトウェアおよびバージョンについては予告なく変更する可能性がありますのでご了承ください。
配布資料

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

110,000円（税込）/人
お支払い

研修終了後に請求書払いとなります。
請求書は研修終了日の属する月の月末までに送付いたします。
持ち物

特にございません
開催日数

2日間
時間

9時30分～17時00分

カリキュラム

開催日程

現在は開催の予定がございません。ご受講をご希望の方はお問い合わせください。

コースフロー

お申し込みはこちら（開催日程から選択）