JavaScriptNuxt.JS研修ユニバーサルVue.js アプリケーション開発ができるようになる

Nuxt.jsはVue.js、Node.js、Webpack、Babel.jsに基づくオープンソースフレームワークです。インターネット・アカデミーのNuxt.js研修では、サーバーサイドレンダリングやコード分割、ホットリローディング、静的ファイル生成などを備えたVue.js アプリケーションを構築するための知識やノウハウについて、実践演習を交えながら学びます。

期待できる効果

Nuxt.jsを用いてSSR開発ができるようになる
開発技術への理解が深まることでディレクターの企画・設計力が高まる

研修前

新人エンジニアに対して、先輩社員が教育に時間を割くうえでの負担が大きかった
技術知識が足りずに開発していたため、UIや機能が不十分だった

研修後

新人エンジニアの技術理解が進み、開発業務が円滑になり社内教育の負担も軽減された
Nuxt.JSによる機能実装でUIが改善されサイトのパフォーマンスが改善された

さまざまな企業から選ばれています

デジタル人材育成・研修について相談する

Nuxt.JS研修の特徴

特徴1実務に直結するスキルが身につく

研修では、実際にNuxt.jsを利用した基本的な開発演習をするので、研修後も実務に活用することができます。
特徴2研修のカスタマイズができる

貴社の業務上の課題感や目的に合わせて、カリキュラムや研修スケジュールを柔軟にカスタマイズできます。お気軽にご相談ください。
特徴3研修の成果が確認できる

学習管理システム(LMS)での進捗管理はもちろん、日報、理解度テストの結果、開発した成果物など、様々な角度から研修効果を測定できます。

研修カリキュラム

Nuxt.JS研修研修では、JavaScriptの知識がある方に向けてNuxt.jsの基本から学習していきます。

Vue.jsではできなかったサーバサイドレンダリングなど、Nuxt.jsを利用した開発には必要不可欠な知識について演習を通して学んでいきます。

対象者

JavaScriptの基礎知識がある方
フロントエンドエンジニアの業務を担当する方

研修の目的

自社のフロントエンドエンジニアのスキルを高めることで開発力を強化したい
ディレクター職がNuxt.jsへの理解を深めることで円滑な開発ができるようにしたい

デジタル人材育成・研修について相談する

Nuxt.js

項目	内容
Vue.jsの文法	Nuxt.jsとは Vue.jsとは SPAとREST API Vue.jsのインストール方法基本文法マスタッシュ構文 JSONデータの扱い v-bind v-if v-for v-on v-model バージョン２と３の書き方の違い
Nuxt.jsの基本文法	Node.jsのインストール Nuxt.jsのインストール Nuxt.jsのアプリケーション作成と実行フォルダ構成と基本文法文法エラー時の対処(ESLintの利用)
非同期通信	非同期通信とは JSON Placeholder axios
特別な役目を持つファイル	外部ファイルの利用(画像、CSS) 外部サービスの利用(GoogleフォントとFont Awesome) テンプレートとなるvueコンポーネント(components) エラーページの設置
Vuex概要	Vuexとはアクション、ミューテーション、ステート commitとdispatch
登録処理	入力画面からのデータ受け取り APIサーバーへの送付(データ登録)
検索処理	APIサーバーへの問い合わせ取得データの表示(データ検索)
削除処理	APIサーバーへの問い合わせ取得データの表示(データ検索)
更新処理	更新画面の表示更新処理の実行更新の確認

時間数・日程

8時間
※カリキュラム内容や時間数のカスタマイズができますので、お気軽にご相談ください。
※開催日程は貴社のご要望をお伺いしご提案いたします。

料金体系

受講者数や時間数に応じて変動します。また、カリキュラム内容のカスタマイズや講師派遣などのご要望に応じて変動いたします。ご予算にあわせてのご提案もできますので、お気軽にお問い合わせください。

デジタル人材育成・研修について相談する

受講形式

インターネット・アカデミーの研修は、さまざまな形式に対応しています。「基礎はeラーニングで演習は集合研修」「講師派遣とリモートを組み合わせる」など、複数の形式の併用もできますので、お気軽にご相談ください。

リモート集合研修
実地での集合研修
講師派遣
eラーニング

Web開発会社の開発・マネジメントのノウハウをカリキュラム化現場の実務が研修で学べる

インターネット・アカデミーのグループ会社ではWeb開発・Saasサービスを手掛けています。実務で用いられている開発ノウハウをカリキュラム化し、研修で還元しています。

理解度チェック・アセスメントなど学習効果を可視化できる学習管理システム（LMS）

インターネット・アカデミーの学習管理システム（LMS）では「研修後の知識定着度を可視化したい」「社内報告のためのアセスメントがほしい」など、研修担当者の悩みにこたえる機能を搭載。学習の進捗管理から、さまざまな角度からの研修効果測定が行えます。

研修テーマごとに受講した社員の理解度をダッシュボードで確認できます。
テストの結果を元に社員ごとのスコアをグラフで可視化。社内の平均スコアとの比較もできます。
受講態度や理解度といった講師からのフィードバックによる定性評価にも対応しています。

JavaScript系の研修を受けた企業からのコメント

パーソルテクノロジースタッフ株式会社

研修の進め方として、実際にReactを使ったハンズオンを積極的に行ってくださったことや各受講者のスキルや理解度に応じてカリキュラムを進めてくださることがとてもよかったです。またスキルだけでなく、受講者それぞれの性格も考慮して研修してくださっていたので、質の高い研修でした。
インタビューを見る

株式会社エイチ・アイ・エス

研修を経てWeb独自の制作の流れを理解することができたので、現在では明確に役割分担をして、制作の精度を高めつつ、チーム全体のスピードアップを図ることまでできるようになりました。これまで社内の企画担当者の希望に近づけること優先でコンテンツ作成していたのが、Webに対する知識が増えたことで、より良いものを素早く作るための提案やリードができるようになりました。
インタビューを見る

デジタル人材育成・研修について相談する