2018年度新入社員研修
実績紹介
2018年8月24日
株式会社カサレアル
技術部ラーニングサービス技術課
山本 薫
アジェンダ
本研修のコンセプト
2018年度の実施内容
実施してみて
Copyright 2018 CASAREAL,Inc. All rights reserved. 2
Copyright 2018 CASAREAL,Inc. All rights reserved.
本研修のコンセプト
3
この研修を開発したきっかけ
Copyright 2018 CASAREAL,Inc. All rights reserved. 4
IT業界は絶えず進化しているのに
多くの企業は15年以上前に開発された
カリキュラムで新入社員研修を実施している
このままでいいはずがない!
「15年前」のシステムといえば…
シンプルなユーザー・インターフェイス
サーバーサイドMVC、etc.
Windowsを前提としたクライアント環境
Windows XP/IE6、ActiveX、Flash、etc.
”自前”のサーバー環境
オンプレミス、スケールアップ、etc.
工程別の分業体制
ウォーターフォール、納品物としてのドキュメント、
運用・保守チームへの引継ぎ、etc.
Copyright 2018 CASAREAL,Inc. All rights reserved. 5
「いまどき」のシステムは…
リッチなユーザー・インターフェイス
SPA、クライアントサイドMVC、etc.
スマートフォン対応(Android、iOS)
ネイティブアプリ、ハイブリッドアプリ、PWA、etc.
クラウドサービスの活用
サーバーレス、コンテナ化、マイクロサービス、etc.
DevOps
アジャイル、継続的統合/デプロイ、SRE、etc.
大規模データ活用
NoSQL、ディープラーニング、IoT、etc.
Copyright 2018 CASAREAL,Inc. All rights reserved. 6
15年間で変化したこと(テクノロジー)
Copyright 2018 CASAREAL,Inc. All rights reserved. 7
2018201320082003
J2SE1.4 J2SE5.0 Java SE 6 Java SE 7 Java SE 8 9 10 11
J2EE1.41.3 Java EE 5 Java EE 6 Java EE 7 Java EE 8
Struts 1.x
Struts 2.x
Seasar2
Spring Boot 1.x 2.x
HTML 5.xHTML 4.x
ECMAScript 3 ECMAScript 5.x 2015 2016 2017 2018
CSS2 CSS3※
Angular 2+
AngularJS 1.x
React
Vue.js
jQuery
Spring 1.x Spring 2.x Spring 3.x Spring 4.x Spring 5.x
15年間で変化したこと(テクノロジー)
Copyright 2018 CASAREAL,Inc. All rights reserved. 8
2018201320082003
J2SE1.4 J2SE5.0 Java SE 6 Java SE 7 Java SE 8 9 10 11
J2EE1.41.3 Java EE 5 Java EE 6 Java EE 7 Java EE 8
Struts 1.x
Struts 2.x
Seasar2
Spring Boot 1.x 2.x
HTML 5.xHTML 4.x
ECMAScript 3 ECMAScript 5.x 2015 2016 2017 2018
CSS2 CSS3※
Angular 2+
AngularJS 1.x
React
Vue.js
jQuery
Spring 1.x Spring 2.x Spring 3.x Spring 4.x Spring 5.x
EoD
Dependency Injection
Server Side MVC
Single Page Application
Ajax
Responsive Web Design
Progressive
Web Apps
Web
Components
Object Oriented Programming
RESTful
Web Services
Microservices
Architecture
Functional
Programming
Reactive
Programming
15年間で変化したこと(テクノロジー)
Copyright 2018 CASAREAL,Inc. All rights reserved. 9
2018201320082003
J2SE1.4 J2SE5.0 Java SE 6 Java SE 7 Java SE 8 9 10 11
J2EE1.41.3 Java EE 5 Java EE 6 Java EE 7 Java EE 8
Struts 1.x
Struts 2.x
Seasar2
Spring Boot 1.x 2.x
HTML 5.xHTML 4.x
ECMAScript 3 ECMAScript 5.x
CSS2 CSS3※
jQuery
Spring 1.x Spring 2.x Spring 3.x Spring 4.x Spring 5.x
2015 2016 2017 2018
Angular 2+
AngularJS 1.x
React
Vue.js
クライアントサイドの開発が
大規模・複雑化し
エンジニアの育成・調達が急務になっている
15年間で変化したこと(テクノロジー)
Copyright 2018 CASAREAL,Inc. All rights reserved. 10
2018201320082003
J2SE1.4 J2SE5.0 Java SE 6 Java SE 7 Java SE 8 9 10 11
J2EE1.41.3 Java EE 5 Java EE 6 Java EE 7 Java EE 8
Struts 2.x
Spring Boot 1.x 2.x
HTML 5.xHTML 4.x
ECMAScript 3 ECMAScript 5.x 2015 2016 2017 2018
CSS2 CSS3※
Angular 2+
AngularJS 1.x
React
Vue.js
jQuery
Spring 1.x Spring 2.x Spring 3.x Spring 4.x Spring 5.x
Struts 1.x
Seasar2
広く普及していたフレームワークも
サポートを終了し
使い続けられなくなっている
15年間で変化したこと(テクノロジー)
Copyright 2018 CASAREAL,Inc. All rights reserved. 11
2018201320082003
Struts 1.x
Struts 2.x
Seasar2
HTML 5.xHTML 4.x
CSS2 CSS3※
Angular 2+
AngularJS 1.x
React
Vue.js
jQuery
ECMAScript 3 ECMAScript 5.x 2015 2016 2017 2018
J2EE1.41.3 Java EE 5 Java EE 6 Java EE 7 Java EE 8
Spring Boot 1.x 2.x
Spring 1.x Spring 2.x Spring 3.x Spring 4.x Spring 5.x
J2SE1.4 J2SE5.0 Java SE 6 Java SE 7 Java SE 8 9 10 11
同じJavaScriptでも
全くの別言語と
いえるくらい変化している
同じフレームワークでも
提供している機能が
大幅に変わっている
15年間で変化したこと(テクノロジー)
Copyright 2018 CASAREAL,Inc. All rights reserved. 12
2018201320082003
J2SE1.4 J2SE5.0 Java SE 6 Java SE 7 Java SE 8
J2EE1.41.3 Java EE 5 Java EE 6 Java EE 7 Java EE 8
Struts 1.x
Struts 2.x
Seasar2
Spring Boot 1.x 2.x
HTML 5.xHTML 4.x
ECMAScript 3 ECMAScript 5.x
CSS2 CSS3※
Angular 2+
AngularJS 1.x
React
Vue.js
jQuery
Spring 1.x Spring 2.x Spring 3.x Spring 4.x Spring 5.x
9 10 11
2015 2016 2017 2018
変化に適応するため
プログラミング言語自体も
進化の速度を加速させている
15年間で変化したこと(開発環境)
Copyright 2018 CASAREAL,Inc. All rights reserved. 13
2018201320082003
Software LifeCycle Process
Unified Process
eXtreme Programming
Feature Driven Development
SCRUM
5.x
Apach Ant
Apach Ivy
Apach Maven
Hudson
Jenkins
JUnit 4.x
Gradle
JUnit 3.x
CVS
Subversion
Git
15年間で変化したこと(開発環境)
Copyright 2018 CASAREAL,Inc. All rights reserved. 14
2018201320082003
Software LifeCycle Process
Unified Process
eXtreme Programming
Feature Driven Development
SCRUM
5.x
Apach Ant
Apach Ivy
Apach Maven
Hudson
Jenkins
JUnit 4.x
Gradle
JUnit 3.x
CVS
Subversion
Git
Continuous Integration
/ Continuous Deployment
Software Version Control
Test Automation / Test Driven Development
Build Automation
Dependency Management
Water Fall Model
Agile Software Development
15年間で変化したこと(開発環境)
Copyright 2018 CASAREAL,Inc. All rights reserved. 15
2018201320082003
Software LifeCycle Process
Unified Process
Feature Driven Development
Apach Ant
Apach Ivy
Hudson
JUnit 3.x
CVS
Subversion
eXtreme Programming
SCRUM
5.x
Apach Maven
Jenkins
JUnit 4.x
Gradle
Git
ビルド・パイプラインを構築して
テストからリリースまでを自動化し
頻繁な変更に耐えうる
開発体制を築いている
つまり何をお伝えしたいのかというと…
テクノロジーは進化・多様化している
プログラミング言語だけでは何もできない
昔の知識・経験が通用しない
エンジニアの働き方も変化している
様々なツールを使いこなして作業を自動化
「安定」の時代は終わった
あの「Java」でさえ半年に1度メジャーバージョ
アップを実施、Java EEもJakarta EEに
「ゆるぎないシステム」より「変化に適応できるシ
ステム」へ
Copyright 2018 CASAREAL,Inc. All rights reserved. 16
15年前
プログラミング言語
アルゴリズム
実装力
自己完結
仕様通りの成果物
「完成」させる
現在
テクノロジー
アーキテクチャー
活用力
コラボレーション
ユーザー価値
「変化へ対応」する
Copyright 2018 CASAREAL,Inc. All rights reserved.
ITエンジニアへのニーズも変化している
17
新入社員に限らず先輩社員も同様
新入社員研修のコンセプト
Copyright 2018 CASAREAL,Inc. All rights reserved. 18
近年主流のアーキテクチャーで
幅広いテクノロジーを学ぶ
その1
開発支援ツールを活用して
アジャイル開発プロセスを実践する
その2
自ら調べ、考え、試行錯誤しならが
学び取る力を身につける
その3
2018年度の実施内容
Copyright 2018 CASAREAL,Inc. All rights reserved. 19
2018年度 実施概要
Copyright 2018 CASAREAL,Inc. All rights reserved. 20
期間 開始 2018年4月16日(月) 5月1日(火)、2日(水)
は実施なし終了 2018年6月15日(金)
日数 40日間
時間 9:00~17:30(7.5時間)
(昼休み12:00~13:00)
会場 カサレアル泉岳寺セミナー・ルーム
受講者数 13名(3社合同)
1チームあたり4~5名×3チーム
※途中、チーム替えを2回実施
学習対象のシステム・アーキテクチャー
Copyright 2018 CASAREAL,Inc. All rights reserved. 21
Webブラウザー APサーバー DBサーバー
DB
DBMS
Single Page
Application
React/Redux
JavaScript
RESTful
Web Services
Spring Boot
Java
SQLHTTP
JSON
参考:一般的な新人研修では…
Copyright 2018 CASAREAL,Inc. All rights reserved. 22
Webブラウザー APサーバー DBサーバー
DB
DBMS
Web Application
Servlet/JSP
Java
SQLHTTP
HTML
開発用PC チーム開発用サーバー
(GitLab/GitLab Runner)
本番環境
(Docker)
ビルド・パイプライン
研修で利用したチーム開発環境
Copyright 2018 CASAREAL,Inc. All rights reserved. 23
ビルド
リリース
テスト
チケット管理
チケット
バージョン管理
リポジトリ
(リモート)
疑似クラウド
Docker
コンテナ
統合開発環境
リポジトリ
(ローカル)
アジャイル開発プロセス(SCRUM)
Copyright 2018 CASAREAL,Inc. All rights reserved. 24
プロダクトオーナー 自己組織化されたチーム スクラムマスター
スプリント
プロダクト
バックログ
スプリント
バックログ
計
画
振
り
返
り
レ
ビ
ュ
ー
スプリント計
画
振
り
返
り
レ
ビ
ュ
ー
スプリント計
画
振
り
返
り
レ
ビ
ュ
ー
スプリント1 スプリント2 スプリント3
スプリント
バックログ
スプリント
バックログ
2018年度 カリキュラム概要
オリエンテーション
システム開発概要
Git/GitLab、IntelliJ IDEA、etc.
クライアント・サイド編
JavaScript、React/Redux、Material-UI、etc.
サーバー・サイド編
Spring Boot、MyBatis、PostgreSQL、etc.
Webシステム構築ワークショップ
SCRUM、etc.
成果発表会
Copyright 2018 CASAREAL,Inc. All rights reserved. 25
2018年度 実施スケジュール
Copyright 2018 CASAREAL,Inc. All rights reserved. 26
4月
0
1
0
2
0
3
0
4
0
5
0
6
0
7
0
8
0
9
1
0
1
1
1
2
1
3
1
4
1
5
1
6
1
7
1
8
1
9
2
0
2
1
2
2
2
3
2
4
2
5
2
6
2
7
2
8
2
9
3
0
5月
0
1
0
2
0
3
0
4
0
5
0
6
0
7
0
8
0
9
1
0
1
1
1
2
1
3
1
4
1
5
1
6
1
7
1
8
1
9
2
0
2
1
2
2
2
3
2
4
2
5
2
6
2
7
2
8
2
9
3
0
3
1
6月
0
1
0
2
0
3
0
4
0
5
0
6
0
7
0
8
0
9
1
0
1
1
1
2
1
3
1
4
1
5
1
6
1
7
1
8
1
9
2
0
2
1
2
2
2
3
2
4
2
5
2
6
2
7
2
8
2
9
3
0
シス
テム
開発
概要
クライアント・サイド編
サーバー・サイド編
イテレーション1
Webシステム構築ワークショップ
イテレーション2 イテレーション3
Webシステム構築ワークショップ 発
表
会
HT
ML
Java
Script
React
DBJava
Spring Boot
+ REST
Spring Boot
+ MyBatis
REST + SPA
Redux
カリキュラムのポイント
初日からチーム開発環境に触れ、以降、
日常的に使い続ける
チケット管理、バージョン管理、自動テスト、etc.
ハンズオンによる最小限のインプットと
チームorペア演習によるアウトプット
イメージをつかみやすいクライアント側
(JavaScript)から学習を開始
「Webシステム構築ワークショップ」でSCRUM
を体験
Copyright 2018 CASAREAL,Inc. All rights reserved. 27
Copyright 2018 CASAREAL,Inc. All rights reserved.
実施してみて
28
研修を実施する前は…
Copyright 2018 CASAREAL,Inc. All rights reserved. 29
プログラミング未経験者は
ついていけなくなるのでは?
新入社員にはハードルが
高すぎるのでは?
細かい部分で改善すべき点が見られたものの
概ね狙い通りの成果を残すことができました
具体的には…
Copyright 2018 CASAREAL,Inc. All rights reserved. 30
プログラミング未経験者を含め全員が
簡単なWebアプリケーションを
作成できるようになりました
開発支援ツールの基本的な使い方を身につけ
日常的な開発サイクルを実践できるようになりました
リファレンスやインターネット上の情報源を調べ
実装やトラブルシューティングに
取り組むことができるようになりました
etc.
そして何よりも…
モチベーションが高い
今、学んでいることがどこに活かされるかを
理解しながら学んでいる
主体的に研修に取り組んでいる
演習が多くアウトプット中心なので受け身に
なる暇がない
「モノづくり」の楽しさ(そして苦しさ)を知った
ワークショップにて自分たちで顧客提供価値を
定義しそれを形にすることができた
Copyright 2018 CASAREAL,Inc. All rights reserved. 31
ただし、課題も…
テクノロジー/アーキテクチャー
Reduxや非同期処理など難しい内容があった
⇒ アーキテクチャーを再選定する
開発支援ツール
Git競合時の対処やマージなど応用的な操作が
十分に身についていない
⇒ 補足講義を追加
開発プロセス
立ち上がりの遅いチームがあった
⇒ チームへの介入のバランスを考慮、
役割・ルールの明確化など
Copyright 2018 CASAREAL,Inc. All rights reserved. 32
次年度に向けて
Copyright 2018 CASAREAL,Inc. All rights reserved. 33
今年度ご受講いただいた新入社員の方々や
受け入れ側の上司・先輩方からの
フィードバックをベースにして
次年度はより良い研修になるよう改善していきます
Copyright 2018 CASAREAL,Inc. All rights reserved. 34
ご清聴ありがとうございました。

2018年度新入社員研修実績紹介