- トップページ
- アプリケーション開発
- NuxtによるSPA開発ワークショップ -TypeScript・Vue.js応用-
NuxtによるSPA開発ワークショップ -TypeScript・Vue.js応用-
- コースコードMBJ17
- 受講形態オンラインもしくは対面
- 日数2日間
- 受講時間9時30分 ～ 17時00分（昼休憩：60分）
- 受講料110,000円 (税別価格100,000円)
直感的な開発体験と優れたパフォーマンスを兼ね備えたVue.jsベースのフレームワーク「Nuxt」を学ぶ入門コースです。
当コースでは、Vue.jsの基盤上に構築され、サーバーサイドレンダリング（SSR）を手軽に実現できるNuxt.jsを徹底解説します。
Nuxt 3で導入された最新機能を中心に、ファイルベースルーティング、レイアウト、コンポーネント構造、サーバーAPIの作成とデータフェッチを学びます。
プログラム言語としてはTypeScriptを利用します。
※本コースは『Nuxt＆Node.jsによるSPA開発ワークショップ』の改訂版です。
開催情報
※開催情報欄の「空席状況」が「×空席なし(お問い合わせ)」の場合は、右下の「問合せ」ボタンよりお問い合わせください。
開催日程・場所
| 開催日 | 場所 | 受付状況 | 空席状況 | 受付締切 |
|---|---|---|---|---|
| 8月13日(木) 〜 8月14日(金) | オンラインオープン研修(カサレアル社) | 開催中止 | － | 7月31日(金) |
| 9月10日(木) 〜 9月11日(金) | オンラインオープン研修(カサレアル社) | 開催中止 | － | 8月28日(金) |
| 9月28日(月) 〜 9月29日(火) | オンラインオープン研修(カサレアル社) | 開催中止 | － | 9月15日(火) |
詳細情報
対象者
・Vue.jsの発展としてNuxtを学びたい方
・Vue.jsやNode.jsの基礎は学んだが、Webアプリケーションを実際にどう作成していくのか体験したい方
前提知識
・Vue.jsを使って簡単なアプリケーションを作成できる方
・Node.jsを使って簡単なアプリケーションを作成できる方
・ECMAScript2015以降の文法でJavaScriptのコーディングを行ったことのある方
学習目標
当コースを修了した時点で、次のことができることを目標とします。
・Nuxtを使って基礎的なSPAアプリケーションを作成できる
研修の内容
■ Nuxtの基礎
□ Webアプリケーションのパフォーマンスについて
□ nuxtiで雛形を生成する
□ ファイルベースルーティング
□ Vue.jsコンポーネントの作り方復習
□ Server Side Rendering(SSR)
□ オートインポート
□ スタイルシートの扱い方
■ 状態管理
□ SSRフレンドリーな状態管理
□ useState
□ Composable関数
■ サーバーAPIの作成
□ サーバーAPIの作成とデータ取得
□ useFetch を使ったデータ取得
□ キャッシュについて
□ データベースアクセスの基本
■ フロントエンド・サーバーサイド統合演習
■ 付録：TypeScript要点速習
※最新でより良い内容をお届けするため、一部の学習項目を予告なく変更する可能性がありますのでご了承ください。
備考
当コースは株式会社カサレアルが提供します。
※当コースは「MBJ13：Nuxt＆Node.jsによるSPA開発ワークショップ -Vue.js応用、サーバーサイド連携、TypeScript-」の後継コースとなります。
重要事項
キャンセル規定
テキスト
オンライン参加の方は、研修当日にPDFのテキストを配布いたします。
オフライン（対面）参加の方は、研修当日に紙媒体のテキストを配布いたします。
オンラインクラス
オンライン開催の場合は、以下の注意事項をご確認の上、事前にご準備ください。
■使用ツール
動画配信：Zoom
質疑応答：オンラインチャットシステム（Mattermost）
演習環境：仮想デスクトップ
※業務用PCにZoomアプリをインストールできない場合は、ブラウザからのご参加をお願いします。
※Zoomのシステム要件について、より詳細な情報は、こちらをご参照ください。
※Mattermostおよび演習環境は弊社にてご用意いたします。
■システム要件
・インターネットに常時接続できること
（アクセス制限のないネットワーク環境をご利用ください）
・Webカメラおよびマイク
※PC本体の他に、モニターやiPad等の拡張ディスプレイをご用意いただくことを推奨いたします。
（1台：Zoom、オンラインチャットシステム用、1台：演習環境用）
※事前にアクセス確認をご希望される方はお問い合わせください。
■OS/ブラウザ
・OS：Windows / ブラウザ：Google Chrome
上記以外の環境でもご受講いただくことが可能ですが、操作感が異なる可能性がある点をご了承ください。
演習環境
実行環境
■ Nuxt v3.14以上
■ Vue.js v3.3以上
■ Node.js v20以上
■ TypeScript v5.6以上
■ Chrome
■ Visual Studio Code
※ 使用するソフトウェアおよびバージョンについては予告なく変更する可能性がありますのでご了承ください。
その他
※受講に関する注意点※
進行の都合上、研修開始時間を過ぎてからのご参加はご遠慮いただいております。
大変恐れ入りますが、研修開始時間までにご参加いただけていない場合、
当日キャンセル扱いをさせていただく場合がございますのでご注意ください。
メッセージ
当コースでは、Vue.jsの基盤上に構築され、サーバーサイドレンダリング（SSR）を手軽に実現できるNuxt.jsを徹底解説します。
Nuxt 3で導入された最新機能を中心に、ファイルベースルーティング、レイアウト、コンポーネント構造、サーバーAPIの作成とデータフェッチを学びます。
プログラム言語としてはTypeScriptを利用します。
