IT・技術研修ならCTC教育サービス

コース内容

コース概要

SPAアプリケーションおよび対応するWeb APIの開発を一気通貫で体験できるワークショップコースです。

当コースは、Vue.jsをベースとしたフレームワークとして人気のNuxtと、Web APIのフレームワークとして定評のあるExpressを利用したアプリケーション開発を学習します。

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

進め方として、まずはNuxtやExpressの基本を学習し、その後に、それらの技術を使った小規模な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の基礎
　・Nuxtの基礎
　・Vue.jsとの違い
　・TypeScript要点速習
　・Server Side Rendering
　・ファイルベースルーティング
　・オートインポート
　・状態管理
　・コンポーネント設計の基礎的な考え方
　・Nuxtで見るプロジェクト内フォルダの構成例
●Expressを簡単におさらい
　・REST API設計の基礎的な考え方
　・WebAPIのURL
　・ロギング
　・プロジェクト内フォルダの構成例
●SPA 開発ワークショプ
●付録：コンポーネント単体テスト
　・Jestによる単体テスト実装
※最新でより良い内容をお届けするため、一部の学習項目を予告なく変更する可能性がありますのでご了承ください。

備考

※オンラインでのご受講の方は【オンライン研修環境】をご確認ください。

【オンライン研修環境】
　■使用ツール
　動画配信：Zoom
　質疑応答：オンラインチャットシステム（Mattermost）
　演習環境：仮想デスクトップ

　※業務用PCにZoomアプリをインストールできない場合は、ブラウザからのご参加をお願いします。
　※Zoomのシステム要件について、より詳細な情報は、こちらをご参照ください。
　（https://support.zoom.us/hc/ja/articles/201362023-System-Requirements-for-PC-Mac-and-Linux）
　※Mattermostおよび演習環境はカサレアル社にてご用意いたします。

　■システム要件
　・インターネットに常時接続できること
　　（アクセス制限のないネットワーク環境をご利用ください）
　・Webカメラおよびマイク
　※PC本体の他に、モニターやiPad等の拡張ディスプレイをご用意いただくことを推奨いたします。
　　（1台：Zoom、オンラインチャットシステム用、1台：演習環境用）
　D3※事前にアクセス確認をご希望される方はお問い合わせください

　■OS/ブラウザ
　・OS：Windows　/　ブラウザ：Google Chrome
　上記以外の環境でもご受講いただくことが可能ですが、操作感が異なる可能性がある点をご了承ください。

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