ホーム > Nuxt&Node.jsによるSPA開発ワークショップ -Vue.js応用、サーバーサイド連携、TypeScript-

Nuxt&Node.jsによるSPA開発ワークショップ -Vue.js応用、サーバーサイド連携、TypeScript-


期間  3日間 時間  9:30~17:00
価格(税込)  165,000円(税込) 主催  株式会社カサレアル
コース種別  集合研修  
形式  講義+実機演習 コースコード  WSC0117R
日程 会場 空席状況 実施状況 選択

2024年11月25日(月) ~ 2024年11月27日(水)

カサレアル東京(品川)

  お申し込み後確認

2025年1月20日(月) ~ 2025年1月22日(水)

カサレアル東京(品川)

  お申し込み後確認

2025年3月12日(水) ~ 2025年3月14日(金)

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

  お申し込み後確認

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

ワンポイントアドバイス

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

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

※ オンライン研修へのご参加の場合、以下の環境でご受講可能なことご確認いただいてからお申し込みください。

<オンライン研修環境>
■使用ツール
・動画配信:Zoom
 ※業務用PCにZoomアプリをインストールできない場合は、ブラウザからのご参加をお願いします。
・質疑応答:オンラインチャットシステム (Mattermost)
・演習環境:仮想デスクトップ

■システム要件
・インターネットに常時接続できること
・Webカメラおよびマイク
※PC本体の他に、モニターやiPad等の拡張ディスプレイをご用意いただくことを推奨いたします。
 (1台:Zoom、オンラインチャットシステム用、1台:演習環境用)

■OS
・Windows

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

※Mattermostおよび演習環境は主催会社(株式会社カサレアル)にてご用意いたします。

対象者情報

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

学習内容の詳細

コース概要
SPAアプリケーションおよび対応するWeb APIの開発を一気通貫で体験できるワークショップコースです。
当コースは、Vue.jsをベースとしたフレームワークとして人気のNuxtと、Web APIのフレームワークとして定評のあるExpressを利用したアプリケーション開発を学習します。
プログラム言語としてTypeScriptを利用します。
進め方として、まずはNuxtやExpressの基本を学習し、その後に、それらの技術を使った小規模なSPAアプリケーションを作成するワークショップを実施します。
ワークショップの時間はなるべく多く取る予定ですので、じっくりとアウトプットしながら学習を進めることができます。
もちろん講師からのサポートもご期待ください。
学習目標
● Nuxtを使って基礎的なSPAアプリケーションを作成できる
● SPAアプリケーションを設計/実装する際の"考慮するポイント"を理解できる
学習内容
1. Nuxtの基礎
  - Nuxtの基礎
  - Vue.jsとの違い
  - TypeScript要点速習
  - Server Side Rendering
  - ファイルベースルーティング
  - オートインポート
  - 状態管理
  - コンポーネント設計の基礎的な考え方
  - Nuxtで見るプロジェクト内フォルダの構成例

2. Expressを簡単におさらい
  - REST API設計の基礎的な考え方
  - WebAPIのURL
  - ロギング
  - プロジェクト内フォルダの構成例

3. SPA 開発ワークショプ

<付録>:コンポーネント単体テスト
  - Jestによる単体テスト実装

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

実習/演習内容詳細

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

コース関連付加情報

ご注意・ご連絡事項

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

おすすめのコースフロー図を見る