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

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

コース概要

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

学習目標

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

対象者

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

前提条件

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

開催日数

2日間

主催団体

本コースは、株式会社カサレアルが主催しております。

カリキュラム

■ Nuxtの基礎　□ Webアプリケーションのパフォーマンスについて　□ nuxtiで雛形を生成する　□ ファイルベースルーティング　□ Vue.jsコンポーネントの作り方復習　□ Server Side Rendering(SSR) 　□ オートインポート　□ スタイルシートの扱い方 ■ 状態管理　□ SSRフレンドリーな状態管理　□ useState 　□ Composable関数 ■ サーバーAPIの作成　□ サーバーAPIの作成とデータ取得　□ useFetch を使ったデータ取得　□ キャッシュについて　□ データベースアクセスの基本 ■ フロントエンド・サーバーサイド統合演習 ■ 付録：TypeScript要点速習 ※最新でより良い内容をお届けするため、一部の学習項目を予告なく変更する可能性がありますのでご了承ください。

実行環境

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

配布資料

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

留意事項・備考

【事前に必ず以下をご確認の上お申込みください】
＊主催団体によりキャンセルポリシーが異なります。
＊お申し込み後のキャンセルにつきましてはこちらをご確認ください。
＊キャンセル期限までは無料にてキャンセルを承ります。
＊キャンセル期限を過ぎた後は、受講料全額をキャンセル料として頂戴いたします。
＊事前のお席の確保は原則承っておりません。
＊お申込み内容は、翌営業日以降に確定いたします。
＊お申込み後、満席などでご受講できない場合がございますので、あらかじめご了承ください。満席の場合は、別途ご連絡申し上げます。

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

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