Vueエンジニア研修
Vueによる軽量で直感的な開発手法を習得し、実務で求められる迅速なUI構築力を身につけます。
このような課題を抱えていませんか?
スキルがなくて、
案件にアサインできない…
社員が自発的に学習をしてくれない…
ロースキルで契約更新ができない…
基礎から現場ベースのカリキュラムを通して
実務に確実に結びつく研修をご案内します。
カリキュラム概要
Vue.jsの基礎から実務開発までを学べる研修
TypeScript：型定義、安全性の高い実装
Vue.js：テンプレート構文、リアクティブデータ、コンポーネント設計
外部ライブラリ：Vue Routerによるルーティング設計、Piniaを用いた状態管理
アプリケーション開発の実践課題を通して、即戦力のフロントエンドエンジニアを育成します。
この研修がおすすめな方
マークアップ領域からスキルアップしたい
フロントエンドエンジニアとして、現場で即戦力として活躍したい
チーム開発やコードレビューに対応できる力を伸ばしたい
基礎的な内容からアプリケーション開発までを順番に取り組むため、着実に実装力を身につけることができます。
取り扱う言語・技術
TypeScript
TypeScriptの基礎を学びます。JavaScriptの課題をベースに行うため、効率よく学習を進めることが可能です。
Vue.js
TypeScriptを用いて、Vue.jsを学びます。React.jsと並行して学ぶことも可能で、React.jsとVue.jsの違いを理解しやすいです。
Git
Gitを使ってソースコードのバージョン管理を学びます。基本操作から、開発フロー、pull request によるコードレビューまで、チーム開発を想定した実践的なGitの使い方を身につけます。
講義内容
第1回
Vue.jsの概要を理解し、環境構築と基本構文を学ぶ。
第2回
リアクティブデータの仕組みと動的なデータ更新を理解する。
第3回
イベントリスナーを使ってユーザー操作に反応させる。
第4回
算出プロパティを用いた効率的な値の算出方法を学ぶ。
第5回
クラスやスタイルを動的にバインディングする方法を学ぶ。
第6回
条件分岐を使った柔軟な表示制御を実装する。
第7回
リストレンダリングで配列データを動的に描画する。
第8回
フォーム入力とデータの双方向バインディングを理解する。
第9回
ウォッチャーを活用してデータ変化に応じた処理を行う。
第10回
コンポーネント設計を理解し、再利用可能なUIを作る。
第11回
Vueのライフサイクルを理解し、適切なタイミングで処理を行う。
第12回
テンプレート参照を使用してDOM要素へ直接アクセスする。
第13回
コンポーザブルを活用し、機能の分離と再利用を実現する。
第14回
プラグイン導入とVue Routerでページ遷移を実装する。
第15回
Axiosを用いて外部APIとの通信やデータ取得を行う。
第16回
状態管理ライブラリPiniaを使い、グローバル状態を管理する。
最終課題
Vueを活用して実践的なWebアプリを開発する。
講義内容
第1回
Vue.jsの概要を理解し、環境構築と基本構文を学ぶ。
第2回
リアクティブデータの仕組みと動的なデータ更新を理解する。
第3回
イベントリスナーを使ってユーザー操作に反応させる。
第4回
算出プロパティを用いた効率的な値の算出方法を学ぶ。
第5回
クラスやスタイルを動的にバインディングする方法を学ぶ。
第6回
条件分岐を使った柔軟な表示制御を実装する。
第7回
リストレンダリングで配列データを動的に描画する。
第8回
フォーム入力とデータの双方向バインディングを理解する。
第9回
ウォッチャーを活用してデータ変化に応じた処理を行う。
第10回
コンポーネント設計を理解し、再利用可能なUIを作る。
第11回
Vueのライフサイクルを理解し、適切なタイミングで処理を行う。
第12回
テンプレート参照を使用してDOM要素へ直接アクセスする。
第13回
コンポーザブルを活用し、機能の分離と再利用を実現する。
第14回
プラグイン導入とVue Routerでページ遷移を実装する。
第15回
Axiosを用いて外部APIとの通信やデータ取得を行う。
第16回
状態管理ライブラリPiniaを使い、グローバル状態を管理する。
最終課題
Vueを活用して実践的なWebアプリを開発する。
成果物の例
POINT
現場を想定したフローでwebアプリケーションを開発
01 要件定義書を確認
開発の前段階として要件定義書、画面設計書、API仕様書を確認します
02 Figmaでデザインを確認
Figmaでレイアウトを確認し、画像の書き出しなどを行います
03 学んだことを活かして開発
デザインを基に、Vue.jsとTypeScriptを用いて実装します
04 テスト
開発したアプリケーションが要件通りに漏れなく動くか自身でテストを行います
研修の進み方
STEP01
現在の案件やスキルをベースに、目標を設定します。Web開発やアプリケーション開発に精通した現役エンジニアの講師と一緒に考え、具体的な目標の設定を行います。
STEP02
学習進捗に合わせて、課題のレビューをハンズオン形式で行います。受講者がコーディングしたデータを画面共有しながらレビューすることで、問題点をすぐに改善することが可能です。
料金形態
パーソナルコース
講師が個々の習熟度に合わせて行う個別学習コースです。講師とマンツーマンで実施するため、疑問点を細かく解消でき、理解度を高めながら効率的にスキルを習得できます。
料金
330,000 円（税込）
期間
3 ヶ月
講義回数
12 回
料金
594,000 円（税込）
期間
6 ヶ月
講義回数
24 回
グループコース
同一内容を複数名で受講する集合型の学習コースです。講師の解説だけでなく、他受講者との質疑応答を通して理解を深め、実務への応用力を養います。※受講人数3名〜
料金（3名）
792,000 円（税込）
期間
3 ヶ月
講義回数
12 回
料金（3名）
1,386,000 円（税込）
期間
6 ヶ月
講義回数
24 回
MATERIAL
資料ダウンロード
提供サービスの内容や実績/事例についてご紹介します。
CONTACT
お問い合わせ
まずはお気軽にご相談ください。