JavaScriptJavaScriptフレームワーク研修人気のJavaScriptフレームワークによる開発演習
- React.jsやVue.jsを用いてSPAの開発ができるようになる
- JavaScriptフレームワークを活用し、UIに優れたWebアプリケーションの実装ができるようになる
- SPA開発への理解が深まることでディレクターの企画・設計力が高まる
JavaScriptフレームワーク研修では、jQuery、React.js＋Next.js、Vue.js＋Nuxt.jsなどのJavaScriptライブラリやフレームワークを学習し、UIに優れたWebサイトやWebアプリ開発を行うためのスキルを身につけます。
本研修では、HTMLやCSSの基本的な知識を有している前提で学習を進めるため、初心者の方はHTML・CSS・JavaScript研修とセットでの受講をお勧めしています。
Before
- 新人Webフロントエンドエンジニアに対して、先輩社員が教育に時間を割くうえでの負担が大きかった
- JavaScriptフレームワークの知識が足りずにサイト制作・更新していたため、UIや機能が不十分だった
After
- 研修で新人フロントエンドエンジニアの技術理解が進んだことで社内教育の負担が軽減された
- JavaScriptフレームワークを用いて機能の実装ができるようになりUIが改善された
JavaScriptフレームワーク研修の特徴
-
特徴1実務に直結するスキルが身につく
研修では、実際にJavaScriptのフレームワークを利用した開発演習をするので、研修後も実務に活用することができます。
-
特徴2研修のカスタマイズができる
貴社の業務上の課題感や目的に合わせて、カリキュラムや研修スケジュールを柔軟にカスタマイズできます。お気軽にご相談ください。
-
特徴3研修の成果が確認できる
学習管理システム(LMS)での進捗管理はもちろん、日報、理解度テストの結果、開発した成果物など、様々な角度から研修効果を測定できます。
研修カリキュラム
JavaScriptフレームワーク研修では、jQueryを用いてWebサイトに様々な機能を実装する方法や、React.jsとNext.js、Vue.jsとNuxt.jsを組み合わせてWebアプリを開発する演習を通じて、JavaScriptとフレームワークへの理解を深めます。
React.jsとNext.jsでは、SPA(Single Page Application)の開発はもちろん、ページ遷移を伴うアプリケーションや、Firebaseを用いてデータベースを利用するアプリケーションの開発を行います。Vue.jsとNuxt.jsでも同様に、Webアプリケーション開発で必要な機能の実装方法について学習します。
対象者
- フロントエンドエンジニアの業務を担当する方
- UIの優れたアプリケーション開発を行いたい方
研修の目的
- 自社のフロントエンドエンジニアのスキルを高めることで、開発力を強化したい
- JavaScriptのライブラリやフレームワークを使いこなし、開発効率を高めたい
- ディレクター職がJavaScript関連技術への理解を深めることで、円滑な開発ができるようにしたい
| 項目 | 内容 |
|---|---|
| 開発環境の設定と最新の記法 |
|
| デバッグとオブジェクト |
|
| 制御構文・正規表現・例外処理 |
|
| イベント・JavaScriptのクラスとオブジェクト |
|
| jQueryによるアニメーション作成 |
|
| Ajaxの基本 |
|
| 制作実践２ |
|
| jQueryを用いたAjax |
|
| HTML5とCanvas |
|
| 項目 | 内容 |
|---|---|
| Reactの基本を理解する |
|
| クラスコンポーネントとJSX |
|
| 関数コンポーネントとフック |
|
| Next.jsによる機能拡張 |
|
| API利用とネットワークアクセス |
|
| Firebaseとの連携 |
|
| 項目 | 内容 |
|---|---|
| Vue.jsの基礎知識 |
|
| データの登録と更新 |
|
| データの監視と加工 |
|
| コンポーネントでUI部品を作る |
|
| ERPを知る |
|
| トランジションとアニメーション |
|
| より大規模な開発に向けて |
|
| 項目 | 内容 |
|---|---|
| Vue.jsの文法 |
|
| Nuxt.jsの基本文法 |
|
| 非同期通信 |
|
| 特別な役目を持つファイル |
|
| Vuex概要 |
|
| 登録処理 |
|
| 検索処理 |
|
| 削除処理 |
|
| 更新処理 |
|
時間数・日程
48時間
※カリキュラム内容や時間数のカスタマイズができますので、お気軽にご相談ください。
※開催日程は貴社のご要望をお伺いしご提案いたします。
料金体系
受講者数や時間数に応じて変動します。また、カリキュラム内容のカスタマイズや講師派遣などのご要望に応じて変動いたします。ご予算にあわせてのご提案もできますので、お気軽にお問い合わせください。
デジタル人材育成・研修について相談する受講形式
インターネット・アカデミーの研修は、さまざまな形式に対応しています。「基礎はeラーニングで演習は集合研修」「講師派遣とリモートを組み合わせる」など、複数の形式の併用もできますので、お気軽にご相談ください。
リモート集合研修 
実地での集合研修 
講師派遣 
eラーニング
Web開発会社の開発・マネジメントのノウハウをカリキュラム化現場の実務が研修で学べる
インターネット・アカデミーのグループ会社ではWeb開発・Saasサービスを手掛けています。実務で用いられている開発ノウハウをカリキュラム化し、研修で還元しています。
理解度チェック・アセスメントなど学習効果を可視化できる学習管理システム（LMS）
インターネット・アカデミーの学習管理システム（LMS）では「研修後の知識定着度を可視化したい」「社内報告のためのアセスメントがほしい」など、研修担当者の悩みにこたえる機能を搭載。学習の進捗管理から、さまざまな角度からの研修効果測定が行えます。
研修テーマごとに受講した社員の理解度をダッシュボードで確認できます。 
テストの結果を元に社員ごとのスコアをグラフで可視化。社内の平均スコアとの比較もできます。 
受講態度や理解度といった講師からのフィードバックによる定性評価にも対応しています。
JavaScript系の研修を受けた企業からのコメント
研修の進め方として、実際にReactを使ったハンズオンを積極的に行ってくださったことや各受講者のスキルや理解度に応じてカリキュラムを進めてくださることがとてもよかったです。またスキルだけでなく、受講者それぞれの性格も考慮して研修してくださっていたので、質の高い研修でした。
インタビューを見る
研修を経てWeb独自の制作の流れを理解することができたので、現在では明確に役割分担をして、制作の精度を高めつつ、チーム全体のスピードアップを図ることまでできるようになりました。これまで社内の企画担当者の希望に近づけること優先でコンテンツ作成していたのが、Webに対する知識が増えたことで、より良いものを素早く作るための提案やリードができるようになりました。
インタビューを見る
助成金で費用負担を軽減
インターネット・アカデミーのIT研修では、要件を満たすことで厚生労働省の人材開発支援助成金が利用できます。研修費用に対する経費助成と、受講中の賃金に対する賃金助成の両方が支給されます。
この助成金制度ではいくつかのコースが用意されており、研修目的に合わせて使用できる制度をご提案いたします。
| 経費助成 | 賃金助成 | 年間限度額 | |
|---|---|---|---|
| 中小企業 | 75% | 960円（1人1時間） | 1億円 |
| 大企業 | 60% | 480円（1人1時間） | 1億円 |
| 経費助成 | 賃金助成 | 年間限度額 | |
|---|---|---|---|
| 中小企業 | 45% | 760円（1人1時間） | 1000万円 |
| 大企業 | 30% | 380円（1人1時間） | 1000万円円 |
助成金を使った研修の事例紹介や、貴社が研修を行った場合に支給される助成額シミュレーションも承っています。お気軽にご相談ください。
助成金について相談するIT研修・DX人材育成についてのご相談
IT人材育成に精通したコンサルタントに無料でさまざまな相談をしていただけます。お気軽にご相談ください。
- 人材育成計画を立てるために人材育成の事例などをとりあえず聞きたい
- 助成金の使い方や、支給額のシミュレーションを知りたい
- 自社の業務や受講者のレベルにあったカリキュラムを提案してほしい
