JavaScriptJavaScript+TypeScript研修次世代JavaScriptと呼ばれる言語を学習

期待できる効果
  • JavaScript開発との違いについて理解できる
  • JavaScriptのコードをTypeScriptに書き換えられるようになる
  • TypeScriptでのアプリケーション開発力が身につく

TypeScriptはJavaScriptを拡張して作られたプログラミング言語で、JavaScriptとの互換性があり、プログラム開発段階でエラーの検知がしやすく、コードの可読性も高いなどの特徴があります。

JavaScript+TypeScript研修では、TypeScriptを学ぶうえで基本となるJavaScriptについて学習後、TypeScriptの概要やデータ型、クラスの機能などを学習します。演習をしながらプログラミングを学習するため実践力が身につきます。

※JavaScriptの知識がある方はTypeScript研修をご利用ください。

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

Before

  • 新人Webフロントエンドエンジニアに対して、先輩社員が教育に時間を割くうえでの負担が大きかった
  • フロントエンドエンジニアが新しい技術を学ぶ余裕がなかった

After

  • 研修で新人フロントエンドエンジニアの技術理解が進んだことで社内教育の負担が軽減された
  • フロントエンドエンジニアが新しい技術を学んだことで開発の幅が広がった
デジタル人材育成・研修について相談する

JavaScript+TypeScript研修の特徴

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

    研修では、実際にTypeScriptを利用した開発演習をするので、研修後も実務に活用することができます。

  • 特徴2研修のカスタマイズができる

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

  • 特徴3研修の成果が確認できる

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

研修カリキュラム

JavaScript+TypeScript研修

JavaScript+TypeScript研修では、JavaScriptの基本文法からjQueryを活用したプログラミングについて学習後、TypeScriptの特徴やメリット、JavaScriptとの違いのひとつであるデータ型や、クラスなどの仕組みについて理解を深めていきます。

研修の中では、JavaScriptのコードを書き換える演習や、クラスや継承などを用いたアプリ開発の演習を行うため、実践的なスキルを身につけることができます。

JavaScriptの基本から学習していくため、それぞれの言語の共通点と異なる部分を把握し、プロジェクトに合わせて使い分けができるようになります。

対象者

  • JavaScriptの基本から学習したい方
  • 次世代JavaScriptとして注目されている言語に興味がある方
  • JavaScriptで中規模・大規模開発を行いたい方

研修の目的

  • JavaScriptから学習し、JavaScriptとTypeScriptの使い分けができるようにしたい
  • デファクトスタンダードとなりつつあるTypeScriptについて理解したい
  • JavaScriptでは難しかった中規模~大規模のシステム開発をできるようにしたい
デジタル人材育成・研修について相談する
JavaScript応用
項目 内容
開発環境の設定と最新の記法
  • Visual Studio Code のインストールと操作方法
  • ECMAScript5,6(ES5, ES6)の記法
  • 【開発演習】 最新のJS記法へ書きかえ
デバッグとオブジェクト
  • バグの直し方
  • ビルトインオブジェクト
  • ブラウザオブジェクト
  • 【開発演習】 宿泊サイト料金計算アプリ
制御構文・正規表現・例外処理
  • 制御構文を使った複雑な処理
  • 表現
  • 例外処理
  • 【開発演習】 フォームの入力内容を確かめる
  • 【開発演習】 占い風アプリを作る
イベント・JavaScriptのクラスとオブジェクト
  • イベント
  • 配列とオブジェクト
  • クラス
  • 【開発演習】 簡易的なRPGの戦闘処理
jQueryによるアニメーション作成
  • クラスの切りかえによる動き
  • パララックスを作る
  • ローディングアニメーションの作成
Ajaxの基本
  • Ajaxとはなにか
  • JSONとJSONP
  • AjaxとPromise
  • 【開発演習】 OpenWetherAPIを用いた固定の気象情報の取得
制作実践2
  • 制作実践2
  • JavaScriptのプラグイン
jQueryを用いたAjax
  • Ajaxメソッド
  • 住所自動入力フォームの読解
  • 【開発演習】 ユーザーの入力に応じて気象情報を取得するアプリ
HTML5とCanvas
  • Canvas
  • 【開発演習】 背景アニメ
  • Webアプリを作る
TypeScript
項目 内容
TypeScript1
  • TypeScriptの概要とメリット
  • TypeScript実行環境の用意
  • データ型1
TypeScript2
  • データ型2
  • functionで関数定義
  • 無名関数による関数定義
  • アロー関数(ラムダ式)による関数定義
  • 実践:JavaScriptのコードを書き換える
TypeScript3
  • クラスの基本構造の作成
  • コンストラクタ
  • アクセス修飾子
  • getter と setter
  • 静的メンバの定義
  • 実践:クラスを用いた簡単なRPGアプリを作成
TypeScript4
  • 継承
  • 抽象クラスと抽象メソッド
  • インターフェイス
  • ジェネリクス
  • 実践:継承を用いて簡単なRPGアプリを作成

時間数・日程

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

料金体系

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

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

受講形式

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

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

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

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

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

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

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

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

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

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

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

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

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

助成金で費用負担を軽減

インターネット・アカデミーのIT研修では、要件を満たすことで厚生労働省の人材開発支援助成金が利用できます。研修費用に対する経費助成と、受講中の賃金に対する賃金助成の両方が支給されます。

この助成金制度ではいくつかのコースが用意されており、研修目的に合わせて使用できる制度をご提案いたします。

経費助成+賃金助成
※eラーニングの場合、賃金助成は支給されません。
DX人材育成の研修で使える
事業展開等リスキリング支援コース
  経費助成 賃金助成 年間限度額
中小企業 75% 960(1人1時間) 1億
大企業 60% 480(1人1時間) 1億
新卒研修など幅広いテーマの研修で使える
人材育成支援コース
  経費助成 賃金助成 年間限度額
中小企業 45% 760(1人1時間) 1000万
大企業 30% 380(1人1時間) 1000万円

助成金を使った研修の事例紹介や、貴社が研修を行った場合に支給される助成額シミュレーションも承っています。お気軽にご相談ください。

助成金について相談する

IT研修・DX人材育成についてのご相談

法人サービスの電話お問合せ窓口
03-3341-3781
受付時間(平日・土日) 10時-21時

IT人材育成に精通したコンサルタントに無料でさまざまな相談をしていただけます。お気軽にご相談ください。

たとえばこんな相談ができます
  • 人材育成計画を立てるために人材育成の事例などをとりあえず聞きたい
  • 助成金の使い方や、支給額のシミュレーションを知りたい
  • 自社の業務や受講者のレベルにあったカリキュラムを提案してほしい
会社名必須
部署名必須
お名前必須
電話番号必須
メールアドレス必須
受講人数
開始時期
対象者
       
ご相談内容
個人情報の取扱いについて

個人情報の利用目的についてご同意いただいた場合のみ、「同意して進む」を押してください。

このページの上へ