i-Learning 株式会社アイ・ラーニング
i-Learning 株式会社アイ・ラーニング

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開発ワークショップ』の改訂版です。

  • 機械演習
  • 他社提携
※他社提携コースは、お申し込み後に空席確認を行います。お席を確保できない状況の場合はご連絡させていただきます。
なお、「残席数」はリアルタイムに反映されていない場合がございます。また、残席数表示に関わらず申込可能な場合がございますので、正確な「残席数」については、お問い合わせください。

開催情報

開催日程・場所

日時 場所 状況 締切日
9月1日(月) 〜 9月2日(火) オンラインオープン研修(カサレアル社) 受付開始前 8月19日(火)
9月18日(木) 〜 9月19日(金) オンラインオープン研修(カサレアル社) 受付開始前 9月5日(金)

詳細情報

対象者

・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要点速習

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

重要事項

キャンセル規定
受講開始10営業日前から受講料(購入価格)の100%のキャンセル料がかかります。
テキスト

オンライン参加の方は、研修当日に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
※ 使用するソフトウェアおよびバージョンについては予告なく変更する可能性がありますのでご了承ください。

その他

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

備考

当コースは株式会社カサレアルが提供します。

※当コースは「MBJ13:Nuxt&Node.jsによるSPA開発ワークショップ -Vue.js応用、サーバーサイド連携、TypeScript-」の後継コースとなります。


メッセージ

当コースでは、Vue.jsの基盤上に構築され、サーバーサイドレンダリング(SSR)を手軽に実現できるNuxt.jsを徹底解説します。

Nuxt 3で導入された最新機能を中心に、ファイルベースルーティング、レイアウト、コンポーネント構造、サーバーAPIの作成とデータフェッチを学びます。

プログラム言語としてはTypeScriptを利用します。

NuxtによるSPA開発ワークショップ -TypeScript・Vue.js応用-
条件を指定してコース検索


コース
検索
問合せ