SlideShare ist ein Scribd-Unternehmen logo
1 von 14
Downloaden Sie, um offline zu lesen
最短2週間でAngularを修得
Angular
モダンWeb開発研修
1
広範囲のスキルをまとめて修得
モダンWeb開発に必要なスキル
HTML5
CSS3
Angular
TypeScript
Angular CLI
Template Syntax
コンポーネント
分散処理デザイン
REST Web API
Material UI
NonSQL
データ暗号化
ステート管理
Node.js
npm
Unitテスト
E2Eテスト
Web APIテスト
デプロイ
デバッグツール
ビルドツール
モバイル対応
トークン認証
外部ライブラリ
2
効果的な研修方式を採用
3
集合研修 ビデオ研修 本研修
受講日程の調整 × ○ ○自由
内容の変更 × × ○可能
講師との直接対話 △ × ○自由
実習環境の提供 △ × ○2週間
メールでの質問サポート × ○ ○あり
質問に直接対話で回答 × × ○あり
自分のペースで学習 × ○ ○可能
学習場所の自由 × ○ ○自由
直接対話による迅速な知識習得
インシデントサポート(別契約)
オンラインの対話を柱とした研修
質問サポート + クラウド実習環境を提供
講師執筆の
書籍で事前学習
(1~2週間)
オンライン
対話型研修
(1日間)
クラウド実習環境で
自己学習
(2週間)
システム開発
研修の流れ
前提知識なし: 3〜4週間程度
前提知識あり: 2週間程度
4
基礎から実践までを体系的に学習
研修の流れ
1. 基礎知識 を習得(1〜2週間)
講師が執筆した2冊の書籍を自己学習
2. オンライン対話型研修 (1日間, 約6時間)
PC画面を共有しながら講師と直接対話
3. 実装手順を習得 (2週間)
クラウド実習環境で課題を自己学習
不明点はサポートで解決
4. システム開発段階
インシデントサポート/コンサルティング契約により課題解決
(研修とは別契約)
基礎 実践
5
オンライン対話型研修で疑問をまとめて解消
対話型研修の内容
第1部 概要
・AngularとモダンWeb
・Why Angular?
第2部 基礎知識
・Angularの構成要素としくみ
・開発ツール, テストツール
第3部 システム開発
・大規模システム対応
・システム実装例
配布教材
・研修テキスト 238ページ
・実習環境インストール手順書 3ページ
・複利計算アプリ実習手順書 21ページ
・顧客管理システム解説書
・フロントエンド 70ページ
・バックエンド 40ページ
計372ページ
※お客様ごとに解説内容を調整
6
集合研修の課題を解決
オンライン対話型研修
集合研修の課題を解決___
• 研修の進⾏が速く, 理解できなかった
• 自分のペースで学習したい
• 興味のあるテーマの説明が少なかった
• 知りたいことだけに集中したい
• 研修日程に合わせて仕事を空けるのは難しい
• 自分の都合に合わせて受講したい
• 研修後に資料を読み返すと不明点が続出
• 疑問点はその場で全部解決したい
教材 通話
共有PC
HTTPS HTTPS
講師受講者
画面共有によるスムーズな対話
7
社内のセキュリティ環境で利用可能な独自の画面共有
ブラウザを使った画面共有
• リンクをクリックするだけで OK
• 設定作業 不要
• アプリのインストール 不要
• ブラウザのプラグイン 不要
• Skypeの使用制限 透過
• ファイアウォール・プロキシー 透過
• HTTPS (TCP443番) 以外のポートブロック 透過
※IE11, Edge, Chrome対応. 事前に動作テストを⾏います.
講師と受講者が
画面操作を共有
講師
受講者
8
豊富な知識と経験をもつ講師
講師
末次 章 (すえつぐ あきら)
スタッフネット株式会社 (技術責任者 兼 代表取締役)
日本IBMを経て, 現職.
米国クアルコムBREW認定トレーナー,
Windows Mobile MCP (マイクロソフト認定プロフェッショナル)保有.
研修開催実績
322社 880名
■講師が執筆したAngular関連書籍
■雑誌 (日経コンピュータ)
連載「業務システムを強化するモダンWeb」
(2016年5月26日〜2016年7月21日)
2017年11月号特別付録
「GoogleeのモダンWebフレームワーク Angularを体験できる本」
■雑誌 (日経ソフトウェア)
9
複数同時受講で最大30%引き
研修費用
■同時受講について
1つの電話と画面をスピーカフォンやプロジェクタを使って複数人で受講します. 受講人数分のテキストと実習環境, お申込みごとにAngular書籍の基礎編と実践
編の各1冊をご提供します.
■集中研修後のサポート
受講料は対話型研修翌日から14日間のサポート (クラウドの実習環境, 5件までの質問対応) を含みます.
受講料(税別) 一人あたり
1名様 115,000円 115,000円/人
2名様同時受講 184,000円
92,000円/人
(20%引き)
3名様同時受講 241,500円
80,500円/人
(30%引き)
4名様同時受講 322,000円
80,500円/人
(30%引き)
■オプション(開発段階でのサポート料⾦:税別)
料⾦ 内訳
インシデント
サポート
2万円〜/回
AngularモダンWeb開発全般の質問に対応
*質問受け付け時に料⾦を確定
*メールの質問に対し, 電話・画面共有・文書で回答
*料⾦の⽬安
・公開情報を元に回答 (2万円〜)
・サンプルコード作成 (5万円〜)
・パフォーマンスなど環境を再現して調査 (10万円〜)
インシデント
チケット
9万円 10万円分のインシデントサポート (6ヶ月間有効)
コンサル
ティング
別途⾒積
プロトタイプ作成, システム設計支援, 開発支援全般, ト
ラブル解決等
10
モダンWeb開発者を最短2週間で育成
AngularモダンWeb開発研修
お申し込みお待ちしております
https://www.staffnet.co.jp/modern/
11
補⾜資料
12
モダンWebで高機能アプリを開発
実習アプリ概要 (顧客管理システム)
13
開発時のサンプルコードとして活用可能
実習アプリで実装するサービス
サービス名 機能
暗号サービス AESによるデータの暗号化と復号
暗号ストレージサービス データを暗号化してlocalStorageに保存暗号
データベースサービス async/awaitが使えるようにオブジェクトDB (NeDB) APIの戻り値をPromiseに変換
グローバルエラーサービス システム全体の想定外エラーを集中捕捉して通知と保存
グローバルイベントサービス システム全体のタイミング同期のための独自イベントの配信
httpサービス async/awaitが使えるようにAjax通信の戻り値をPromiseに変換
JWTサービス ローカルでJWTトークンに設定された情報を利⽤
ログアウトサービス ユーザー操作によるログアウト処理と、⼀定時間の無操作・トークンの有効期限による強制ログアウト
ナビゲーションサービス 画面遷移時に条件判断を⾏い遷移をキャンセル
アップロードサービス ユーザーにオフライン (ネットワーク圏外) を意識させない自動送信機能
14

Weitere ähnliche Inhalte

Ähnlich wie AngularモダンWeb開発研修の紹介

Net なプロジェクトでも jenkins を使ってみた
Net なプロジェクトでも jenkins を使ってみたNet なプロジェクトでも jenkins を使ってみた
Net なプロジェクトでも jenkins を使ってみた
Oda Shinsuke
 
テストしなイカ? Seleniumで自動ブラウザテスト
テストしなイカ? Seleniumで自動ブラウザテストテストしなイカ? Seleniumで自動ブラウザテスト
テストしなイカ? Seleniumで自動ブラウザテスト
Ohishi Mikage
 
Visual Studio 2012 で実現する HTML5 & マルチ デバイス時代の Web 開発
Visual Studio 2012 で実現する HTML5 & マルチ デバイス時代の Web 開発Visual Studio 2012 で実現する HTML5 & マルチ デバイス時代の Web 開発
Visual Studio 2012 で実現する HTML5 & マルチ デバイス時代の Web 開発
Akira Inoue
 

Ähnlich wie AngularモダンWeb開発研修の紹介 (20)

Angularモダンweb開発セミナー紹介 20170923
Angularモダンweb開発セミナー紹介 20170923Angularモダンweb開発セミナー紹介 20170923
Angularモダンweb開発セミナー紹介 20170923
 
第1回キーワード駆動テスト勉強会
第1回キーワード駆動テスト勉強会第1回キーワード駆動テスト勉強会
第1回キーワード駆動テスト勉強会
 
Azure Antenna AI 概要
Azure Antenna AI 概要Azure Antenna AI 概要
Azure Antenna AI 概要
 
現場で役立つシステム設計の原則
現場で役立つシステム設計の原則現場で役立つシステム設計の原則
現場で役立つシステム設計の原則
 
Azure と Visual Studio で実践するモダナイゼーションとクラウド ネイティブ アプリケーション開発
Azure と Visual Studio で実践するモダナイゼーションとクラウド ネイティブ アプリケーション開発Azure と Visual Studio で実践するモダナイゼーションとクラウド ネイティブ アプリケーション開発
Azure と Visual Studio で実践するモダナイゼーションとクラウド ネイティブ アプリケーション開発
 
Mvc conf session_5_isami
Mvc conf session_5_isamiMvc conf session_5_isami
Mvc conf session_5_isami
 
ChainerMNをDocker containerで動かす
ChainerMNをDocker containerで動かすChainerMNをDocker containerで動かす
ChainerMNをDocker containerで動かす
 
【BS10】Microsoft と GitHub の開発エコシステムで、開発にドライブをかけよう!
【BS10】Microsoft と GitHub の開発エコシステムで、開発にドライブをかけよう!【BS10】Microsoft と GitHub の開発エコシステムで、開発にドライブをかけよう!
【BS10】Microsoft と GitHub の開発エコシステムで、開発にドライブをかけよう!
 
DDD 20121106 SEA Forum November
DDD 20121106 SEA Forum NovemberDDD 20121106 SEA Forum November
DDD 20121106 SEA Forum November
 
Net なプロジェクトでも jenkins を使ってみた
Net なプロジェクトでも jenkins を使ってみたNet なプロジェクトでも jenkins を使ってみた
Net なプロジェクトでも jenkins を使ってみた
 
[Java Festa in 札幌 2012] Windows Azure を活用した Windows 8 アプリケーション開発
[Java Festa in 札幌 2012] Windows Azure を活用した Windows 8 アプリケーション開発[Java Festa in 札幌 2012] Windows Azure を活用した Windows 8 アプリケーション開発
[Java Festa in 札幌 2012] Windows Azure を活用した Windows 8 アプリケーション開発
 
The seminar of asp.net at 201908 sakurug
The seminar of asp.net at 201908 sakurugThe seminar of asp.net at 201908 sakurug
The seminar of asp.net at 201908 sakurug
 
ちゃんとした C# プログラムを書けるようになる実践的な方法~ Visual Studio を使った 高品質・低コスト・保守性の高い開発
ちゃんとした C# プログラムを書けるようになる実践的な方法~ Visual Studio を使った 高品質・低コスト・保守性の高い開発ちゃんとした C# プログラムを書けるようになる実践的な方法~ Visual Studio を使った 高品質・低コスト・保守性の高い開発
ちゃんとした C# プログラムを書けるようになる実践的な方法~ Visual Studio を使った 高品質・低コスト・保守性の高い開発
 
【BS14】Blazor WebAssemblyとJavaScriptのインターオペラビリティ
【BS14】Blazor WebAssemblyとJavaScriptのインターオペラビリティ 【BS14】Blazor WebAssemblyとJavaScriptのインターオペラビリティ
【BS14】Blazor WebAssemblyとJavaScriptのインターオペラビリティ
 
改訂第3版 Jenkins 実践入門 what's newから見るJenkinsのUpdate
改訂第3版 Jenkins 実践入門 what's newから見るJenkinsのUpdate改訂第3版 Jenkins 実践入門 what's newから見るJenkinsのUpdate
改訂第3版 Jenkins 実践入門 what's newから見るJenkinsのUpdate
 
テストしなイカ? Seleniumで自動ブラウザテスト
テストしなイカ? Seleniumで自動ブラウザテストテストしなイカ? Seleniumで自動ブラウザテスト
テストしなイカ? Seleniumで自動ブラウザテスト
 
Visual Studio 2012 で実現する HTML5 & マルチ デバイス時代の Web 開発
Visual Studio 2012 で実現する HTML5 & マルチ デバイス時代の Web 開発Visual Studio 2012 で実現する HTML5 & マルチ デバイス時代の Web 開発
Visual Studio 2012 で実現する HTML5 & マルチ デバイス時代の Web 開発
 
20141222 ふくあず Azure Mobile Services 入門
20141222 ふくあず Azure Mobile Services 入門20141222 ふくあず Azure Mobile Services 入門
20141222 ふくあず Azure Mobile Services 入門
 
Smart Store サーバーレスアーキテクチャ編
Smart Store サーバーレスアーキテクチャ編Smart Store サーバーレスアーキテクチャ編
Smart Store サーバーレスアーキテクチャ編
 
20190514 Smart Store - Azure servlerless architecture
20190514 Smart Store - Azure servlerless architecture20190514 Smart Store - Azure servlerless architecture
20190514 Smart Store - Azure servlerless architecture
 

AngularモダンWeb開発研修の紹介