Nuxt&Node.jsによるSPA開発ワークショップ
-Vue.js応用、サーバーサイド連携、TypeScript-
SPAアプリケーションおよび対応するWeb APIの開発を一気通貫で体験できるワークショップコースです。

当コースは、Vue.jsをベースとしたフレームワークとして人気のNuxtと、Web APIのフレームワークとして定評のあるExpressを利用したアプリケーション開発を学習します。
プログラム言語としてTypeScriptを利用します。
進め方として、まずはNuxtやExpressの基本を学習し、その後に、それらの技術を使った小規模なSPAアプリケーションを作成するワークショップを実施します。
ワークショップの時間はなるべく多く取る予定ですので、じっくりとアウトプットしながら学習を進めることができます。
もちろん講師からのサポートもご期待ください。

※本コースは2025年4月より『NuxtによるSPA開発ワークショップ』に改訂いたします。


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

開催日程

オンライン研修を希望される方は、必ずお申し込み前に「オンライン研修環境」を確認してください。
オンライン
オフライン

学習目標

■Nuxtを使って基礎的なSPAアプリケーションを作成できる
■SPAアプリケーションを設計/実装する際の"考慮するポイント"を理解できる

対象者

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

前提条件

■Vue.jsを使って簡単なアプリケーションを作成できる方
■Expressを使って簡単なアプリケーションを作成できる方
■弊社オープンコース『Vue.js入門』『Node.js入門 -Expressを使ったWebAPI開発-』『TypeScriptイントロダクション -JavaScript応用-』をご受講いただいた方もしくは、同等の技術を習得している方
■ECMAScript2015以降の文法でJavaScriptのコーディングを行ったことのある方

研修概要

  • 実行環境
    ■Nuxt v3以降
    ■Vue.js v3以降
    ■Node.js v16以上
    ■TypeScript v4.6以上
    ■Chrome
    ■Visual Studio Code
    ※ 使用するソフトウェアおよびバージョンについては予告なく変更する可能性がありますのでご了承ください。
  • 配布資料
    オンライン参加の方は、研修当日にPDFのテキストを配布いたします。
    オフライン(対面)参加の方は、研修当日に紙媒体のテキストを配布いたします。
  • 受講料
    165,000円(税込)/人
  • お支払い
    研修終了後に請求書払いとなります。
    請求書は研修終了日の属する月の月末までに送付いたします。
  • 開催日数
    3日間
  • 時間
    9時30分~17時00分

カリキュラム

■Nuxtの基礎
 □Nuxtの基礎
 □Vue.jsとの違い
 □TypeScript要点速習
 □Server Side Rendering
 □ファイルベースルーティング
 □オートインポート
 □状態管理
 □コンポーネント設計の基礎的な考え方
 □Nuxtで見るプロジェクト内フォルダの構成例
■Expressを簡単におさらい
 □REST API設計の基礎的な考え方
 □WebAPIのURL
 □ロギング
 □プロジェクト内フォルダの構成例
■SPA 開発ワークショプ
■付録:コンポーネント単体テスト
 □Jestによる単体テスト実装
※最新でより良い内容をお届けするため、一部の学習項目を予告なく変更する可能性がありますのでご了承ください。

オンライン研修環境

  • 使用ツール
    動画配信:Zoom
    質疑応答:オンラインチャットシステム(Mattermost)
    演習環境:仮想デスクトップ

    ※業務用PCにZoomアプリをインストールできない場合は、ブラウザからのご参加をお願いします。
    ※Zoomのシステム要件について、より詳細な情報は、こちらをご参照ください。
    ※Mattermostおよび演習環境は弊社にてご用意いたします。
  • システム要件
    ・インターネットに常時接続できること
     (アクセス制限のないネットワーク環境をご利用ください)
    ・Webカメラおよびマイク
    ※PC本体の他に、モニターやiPad等の拡張ディスプレイをご用意いただくことを推奨いたします。
     (1台:Zoom、オンラインチャットシステム用、1台:演習環境用)
    ※事前にアクセス確認をご希望される方はお問い合わせください
  • 対応OS
    Windows
    上記以外の環境でもご受講いただくことが可能ですが、操作感が異なる可能性がある点をご了承ください。
  • WEBブラウザ
    Google Chrome
    上記以外の環境でもご受講いただくことが可能ですが、操作感が異なる可能性がある点をご了承ください。
  • 事前環境確認
    事前にアクセス確認をご希望される方は以下のフォームからお問い合わせください。

開催日程

  • 申し込む
    2025年3月12日〜2025年3月14日 (3日間) 【開催未定】
    【受付】2025年3月4日まで
    【会場】オンライン
    【価格】165,000円 (税込)/人

学習目標

■Nuxtを使って基礎的なSPAアプリケーションを作成できる
■SPAアプリケーションを設計/実装する際の"考慮するポイント"を理解できる

対象者

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

前提条件

■Vue.jsを使って簡単なアプリケーションを作成できる方
■Expressを使って簡単なアプリケーションを作成できる方
■弊社オープンコース『Vue.js入門』『Node.js入門 -Expressを使ったWebAPI開発-』『TypeScriptイントロダクション -JavaScript応用-』をご受講いただいた方もしくは、同等の技術を習得している方
■ECMAScript2015以降の文法でJavaScriptのコーディングを行ったことのある方

研修概要

  • 実行環境
    ■Nuxt v3以降
    ■Vue.js v3以降
    ■Node.js v16以上
    ■TypeScript v4.6以上
    ■Chrome
    ■Visual Studio Code
    ※ 使用するソフトウェアおよびバージョンについては予告なく変更する可能性がありますのでご了承ください。
  • 配布資料
    オンライン参加の方は、研修当日にPDFのテキストを配布いたします。
    オフライン(対面)参加の方は、研修当日に紙媒体のテキストを配布いたします。
  • 受講料
    165,000円(税込)/人
  • お支払い
    研修終了後に請求書払いとなります。
    請求書は研修終了日の属する月の月末までに送付いたします。
  • 持ち物
    特にございません
  • 開催日数
    3日間
  • 時間
    9時30分~17時00分

カリキュラム

■Nuxtの基礎
 □Nuxtの基礎
 □Vue.jsとの違い
 □TypeScript要点速習
 □Server Side Rendering
 □ファイルベースルーティング
 □オートインポート
 □状態管理
 □コンポーネント設計の基礎的な考え方
 □Nuxtで見るプロジェクト内フォルダの構成例
■Expressを簡単におさらい
 □REST API設計の基礎的な考え方
 □WebAPIのURL
 □ロギング
 □プロジェクト内フォルダの構成例
■SPA 開発ワークショプ
■付録:コンポーネント単体テスト
 □Jestによる単体テスト実装
※最新でより良い内容をお届けするため、一部の学習項目を予告なく変更する可能性がありますのでご了承ください。

開催日程

この研修を見ている方はこちらの研修も見ています

コースフロー

フロントエンド開発を学ぶ JavaScriptで学ぶ初めてのプログラミング HTML/CSS入門 モダンJavaScript入門 TypeScriptイントロダクション JavaScript応用 SvelteKit入門 React入門 Angular入門 Vue.js入門 jQueryによるAjaxアプリケーション開発 Node.js入門 Next.js入門 Reduxワークショップ JavaScriptテスト入門 Nuxt&Node.jsによるSPA開発ワークショップ
フロントエンド開発を学ぶ