SPA研修

個人開発を通してTypeScript・Vue.jsでのSPAの実践を学ぶ、経験者向けオプション研修

人材開発支援助成金で研修コストを9割削減

人材開発支援助成金で研修コストを9割削減

専属スタッフが助成金申請を無料でサポート。
助成金活用の手間・研修コストを削減できます

ご満足いただけなかった場合は全額返金

ご満足いただけなかった場合は全額返金

全額返金保証付きだから安心してご利用いただけます。
まずはお気軽にご相談ください

  1. HOME
  2. 研修サービス
  3. プログラミング研修
  4. SPA研修

Java研修と組み合わせられるSPA研修です。TypeScriptとVue.jsを活用したSPA開発を網羅的に理解し、実践で活用できることを目標としています。

Webプログラミングスキルを習得されていることを前提に、モダンなSPAの開発に特化した講義と個人開発演習を行います。前半9日間でTypeScriptの入門から、非同期通信やDOM操作、イベントハンドラーなど応用知識まで習得。研修後半の9日間ではVue.jsを活用したSPA開発を学びます。1ヶ月間の短期研修ですが、SPA開発の基本を凝縮し、ハンズオンで学べるよう実装演習を多く取り入れています。

この研修では1教室あたりの受講数を20名程度に限定。日々の講義と個人開発でのコードレビューを通して即戦力人材として、先輩社員の指導の下で実装を担えるレベルへと育成します。

対象者 ・プログラミング経験者の方
・これからプログラマーとしてWebアプリケーション開発を担当される方
・これからWebシステム/サービス開発プロジェクトに配属される方
研修ゴール ・非同期処理などSPAの概念を理解し、プログラムを実装できる
・TypeScriptを理解し、プログラムを実装できる
・Vue.jsを理解し、プログラムを実装できる
・HTML/CSS+Bootstrapを用いて基本的なコーディングができる
・Webシステム開発の全体フローを理解し、チームの中で主体的にタスクを担える
・GitやSourceTree、Eclipse、Backlogなど開発ツールを使ったプログラミングができる
ポイント ・TypeScript・Vue.jsを基礎から学べる
・個人開発で画面設計から実装・テストまで全工程を体験

開催スケジュール

対象者 新卒エンジニア研修 未経験エンジニア研修
開催日程 2025年07月01日(火)~07月29日(火)
研修日数 1ヶ月間(20日間)
開催時間帯 平日9:00~18:00
中間報告会
成果発表会 研修最終日
申込締切 研修開始1週間前まで
助成金申請 研修開始前日まで ※新規雇用者の場合
ITCOLLEGEの新卒エンジニア研修が1冊で分かる最新資料を無料ダウンロード

ITCOLLEGEの新卒エンジニア研修が
1冊で分かる最新資料を無料ダウンロード

プログラミング・インフラの実践から社会人スキルまで、
新卒社員に必要なエンジニア研修を1名様からご受講いただけます。

お客様の研修目的やご希望の研修期間、新卒社員のレベルに合わせて
最適なプランをご提案させていただきますので、お気軽にご相談ください。

助成金活用シミュレーション

simulation

人材開発支援助成金 人材育成支援コースで、研修料金の90%以上を削減できます

研修料金
1名様あたり(税込)
¥ 242,000-
助成金額 最大助成金額 ¥ 230,500-
うち経費助成
=研修料金(税込)×45%
¥ 108,900-
うち賃金助成
=760円×研修時間数
¥ 121,600-
うちOJT経費助成
実質負担額
1名様あたり(税込)

研修カリキュラム

TypeScript入門

  • TypeScript概要
  • TypeScriptとJavaScriptの関係
  • 環境構築
  • 基本文法
  • 変数とプリミティブ型
  • 演算子
  • 制御構文
  • 配列
  • オブジェクト
  • 関数
  • モジュール
  • クラス

TypeScript活用

  • 非同期処理
  • HTML
  • DOM操作
  • イベントハンドラー
  • TypeScript実装
  • CSS概要
  • CSS基礎
  • Bootstrap

SPA開発

  • SPA概要
  • 基本実装
  • SPA実装

Vue.jsプログラミング

  • メソッド
  • 算出プロパティ
  • レンダリング
  • ハンドリング
  • バインディング
  • ライフライクル
  • 監視プロパティ
  • コンポーネント
  • 単一ファイルコンポーネント
  • props
  • $emit
  • Vue.jsプログラミング

SPA個人開発演習

  • SPA設計書確認
  • 設計
  • Vue.js+TypeScriptでの実装
  • プログラムテスト
  • リリース作業

※カリキュラムは予告なく一部が変更になる可能性があります。詳細はお問い合わせください。

研修環境

基本機材 研修用PC(Windows機)
配布書籍 ・オリジナルテキスト
・プロを目指す人のためのTypeScript入門
言語等 TypeScript4、HTML/CSS、Bootstrap、JavaScript、Node.js 16、Vue.js 3
OS Windows
ミドル等
ツール等 Git、Visual Studio Code、SourceTree、Backlog、Slack、Zoom

lineup

組み合わせできる研修メニューから
効果的な研修を設計

プログラミングの実践研修からインフラ資格対策まで、若手エンジニアの育成に最適な研修ラインナップをご用意。研修ゴールに合わせて、最短2ヶ月間から効果的な研修プランをご提案させていただきます。

01 新卒エンジニア研修

ITの実践スキルとビジネススキルを同時に学ぶ研修プログラム

  • 無料適性診断

IT基礎からWebシステムの要件定義~テストまでじっくり学ぶ、初心者向けJava研修

  • JavaEE
  • 無料適性診断

Java/Springを活用したWebシステムの要件定義~テストの実践を学ぶ、経験者向けJava研修

  • JavaEE
  • Spring
  • 無料適性診断

Java/SpringでのハイレベルなWebサービス開発の実践を学ぶ、経験者向けJava研修

  • 経験者
  • JavaEE
  • Spring
  • 無料適性診断

個人開発とチーム開発を通してJavaSEでの実装+テストスキルを学ぶ、初心者向けJava研修

  • JavaSE
  • 無料適性診断

IT基礎からWebシステムの要件定義~テストまで短期間で学ぶ、経験者向けJava研修

  • 経験者
  • JavaEE
  • 無料適性診断

新人プログラマーに欠かせないWeb開発・インフラ知識を網羅した、プログラミング経験者向けIT総合研修

  • 経験者
  • JavaEE
  • Cisco
  • Linux
  • 無料適性診断

新人プログラマーに欠かせない開発・インフラ知識を網羅した、初心者向けIT総合研修

  • JavaSE
  • Cisco
  • Linux

C#.NET+Azureを活用したWebシステムの要件定義~テストまでじっくり学ぶ、初心者向けC#研修

  • C#.NET
  • Azure

座学と実機演習を通してCiscoルーター・スイッチ、Linux / Windowsサーバーの実践を学ぶインフラ研修

  • Cisco
  • Linux
  • Windows

実機演習と独自の対策講座を通して、3ヶ月間でCCNA・LPIC Lv1を取得するインフラ資格研修

  • Cisco
  • Linux
  • CCNA
  • LPIC

02 未経験エンジニア研修

未経験の中途社員・第二新卒向けの毎月開講プログラム

個人開発とチーム開発を通して実務レベルの実装スキルを習得する、未経験者向けJava研修

  • JavaEE

実践的なWebプログラミングを学んでOCJP Silverを取得する、未経験者向けJava研修

  • JavaEE
  • OCJP Silver

Java/Springを活用した実践的なWeb開発を学ぶ、未経験者向けJava研修

  • JavaEE
  • Spring

個人開発とチーム開発を通して実務レベルの実装スキルを習得する、未経験者向けC#研修

  • C#.NET
  • Azure

個人開発とチーム開発を通して実務レベルの実装スキルを習得する、未経験者向けPHP研修

  • PHP
  • Laravel
  • Docker

個人開発とチーム開発を通して実務レベルの実装スキルを習得する、未経験者向けPython研修

  • Python
  • Django
  • Docker

豊富な実機演習でCiscoルーター・Linuxサーバーでのインフラ構築・運用を学ぶ、未経験者向けインフラ実践研修

  • Cisco
  • Linux
  • Windows
  • AWS

累計合格率99.9%を達成。ネットワークの基礎を実機で学んでCCNAを取得する、ネットワーク実践研修

  • Cisco
  • Linux
  • CCNA

オンプレミス・クラウドを基礎から実機で学び、AWS認定ソリューションアーキテクト-アソシエイト資格合格を目指すクラウド実践研修

  • Cisco
  • Linux
  • AWS SAA

03 オプション研修

新卒エンジニア研修と組み合わせて知識を補完できる短期研修プログラム

チーム開発演習を通してSpringを活用したWebシステムの実践を学ぶ、経験者向けオプション研修

  • 経験者
  • Spring

個人開発を通してTypeScript・Vue.jsでのSPAの実践を学ぶ、経験者向けオプション研修

  • 経験者
  • TypeScript
  • Vue.js

実機演習を通して1ヶ月間でCisco・Linuxでのオンプレミス環境構築を学ぶ、初心者向けオプション研修

  • Cisco
  • Linux

独自の対策講座を通してネットワーク基礎を網羅しCCNA合格を目指す、初心者向けオプション研修

  • Cisco
  • CCNA

1ヶ月以内のAWS認定ソリューションアーキテクト-アソシエイト合格を目指す、初心者向けオプション研修

  • AWS SAA

lineup

組み合わせできる研修メニューから
効果的な研修を設計

プログラミングの実践研修からインフラ資格対策まで、若手エンジニアの育成に最適な研修ラインナップをご用意。研修ゴールに合わせて、最短2ヶ月間から効果的な研修プランをご提案させていただきます。

01 新卒エンジニア研修

ITの実践スキルとビジネススキルを同時に学ぶ研修プログラム

C#.NET+Azureを活用したWebシステムの要件定義~テストまでじっくり学ぶ、初心者向けC#研修

  • C#.NET
  • Azure

02 未経験エンジニア研修

未経験の中途社員・第二新卒向けの毎月開講プログラム

個人開発とチーム開発を通して実務レベルの実装スキルを習得する、未経験者向けC#研修

  • C#.NET
  • Azure

個人開発とチーム開発を通して実務レベルの実装スキルを習得する、未経験者向けPHP研修

  • PHP
  • Laravel
  • Docker

個人開発とチーム開発を通して実務レベルの実装スキルを習得する、未経験者向けPython研修

  • Python
  • Django
  • Docker

03 オプション研修

新卒エンジニア研修と組み合わせて知識を補完できる短期研修プログラム

個人開発を通してTypeScript・Vue.jsでのSPAの実践を学ぶ、経験者向けオプション研修

  • 経験者
  • TypeScript
  • Vue.js