アジャイル人材を育てるための技術的な研修をフルリモートで実施した話 / Tips for holding technical training on remote

Copyright(C) 2020 Mitsubishi UFJ Information Technology Ltd. All rights reserved.
アジャイル人材を育てるための技術的な研修をフルリモートで実施した話三菱UFJインフォメーションテクノロジー株式会社デジタルプロデュース部町田憲昭 1

町田憲昭まちだのりあき入社：2015年業務：社内の研修、自己啓発推進施策を担当これまでの担当業務社内ポータル・業務システムの基盤メンテナンスアプリケーションフレームワーク開発アプリケーションのコンテナ化 CICD技術支援自己紹介 2

会社紹介三菱ＵＦＪ銀行をはじめとしたＭＵＦＧのＩＴ戦略を支える！三菱ＵＦＪニコス三菱ＵＦＪﾓﾙｶﾞﾝ・ｽﾀﾝﾚｰ証券三菱ＵＦＪ信託銀行三菱ＵＦＪ銀行三菱ＵＦＪインフォメーションテクノロジー（MUIT）三菱ＵＦＪフィナンシャル・グループなどグループ会社を多数サポートシステム開発・保守運用を支援 3

会社紹介１８１百万円（三菱ＵＦＪ銀行８５％、三菱ＵＦＪﾌｨﾅﾝｼｬﾙ･ｸﾞﾙｰﾌﾟ１５％）資本金従業員１,９８２名（2020年4月現在）事業内容主として三菱ＵＦＪ銀行、並びに三菱ＵＦＪフィナンシャル・グループ各社の業務等に関する、システムの企画・設計・開発・保守・運用設立１９８８年６月 ※詳しい沿革は、当社ＨＰをご覧ください本社東京都中央区晴海二丁目１－４０採用担当メール： [email protected] 検索ワード： MUIT 4

1. 実施背景 2. 開催方式・ファシリティ 3. 実施した研修の概要 4. 苦労した点 5. 研修効果 6. まとめ今日お話しすること 5

【新型コロナウイルスに関する当社の動き】 ◼ 2月：研修、社内イベント、出張に関して実施を見合わせ ◼ 3月：政府「不要不急の外出を避ける」→研修取りやめ ◼ 4月：緊急事態宣言以降、当社では在宅勤務が原則化 ◼ 7月：コロナを考慮した勤務ガイドライン制定、研修は対面開催を非推奨 ◼ 新人研修は対面実施からオンラインに全面移行 ◼ 座学系はオンライン開催やe-learningに即移行するも、ハンズオンは実施できず実施背景検討座学研修・e-learning受講 7 非常事態宣言発令ハンズオン研修データ:東京都オープンデータカタログサイト

このような状況下…以下研修を実施することに ①新人向けJava演習（新規開催）対象：MUIT2020年度入社新人（約60名）目的：新人研修で学んだJava・アジャイルの定着、チーム開発の経験を積むこと ②アジャイル開発に必要な技術研修（既存研修のオンライン化）対象：社内で希望制（約30名）目的：アジャイル開発に必要な「技術」を学ぶ研修研修内容：CI/CD、バージョン管理はじめアプリ開発のベーススキル ※研修の詳細カリキュラムは後に説明します実施背景 8

集合形式の研修をそのままオンラインで実施しようとすると… 実施背景受講者のPCや開発環境はどう用意する？つまずいている受講者へのサポートの方法は？なかなかHELPの声をあげない受講者をどう救う？演習の進み具合をどのように管理する？グループワークでどのように意見を共有する？スムーズに研修を開始、進行できない 9

リモートでハンズオン研修・グループワークを開催したノウハウを共有することでリモート研修の検討材料としてもらいたい ◼ どのような環境構成、運営方法をとったか ◼ 集合研修では意識しないオンライン研修のポイントは何か今日お伝えしたいこと 10

開催方式・ファシリティ【ホワイトボード】Miro Miro 【資料格納】GoogleDrive 【研修環境】EclipseChe 【Web会議】AmazonChime 12 【研修開催の環境構成】受講者

【研修環境】 ◼ EclipseChe(ブラウザ上で操作可能なIDE) ◼ AP、DBサーバ内包 ◼ 1人1台EC2を割当ててブラウザからアクセス ◼ CIサーバ、コンテナ実行環境を提供 ◼ KeyCloak+OpenLDAPで認証研修環境の構築負担を軽減受講者はブラウザがあればOK 講師も受講者の環境にアクセス可能認証 EC2 EC2 EclipseChe 開催方式・ファシリティ 13

【研修環境】 ◼ KeyCloak認証ログイン時のユーザ情報から、自分のEC2を表示するSPA ◼ SPAからEC2にアクセス開催方式・ファシリティ 14 自分のユーザ名のEC2のパブリックIP アドレスを表示 EC2起動/停止

【資料格納】 ◼ GoogleDriveを利用 ◼ 研修資料＋運営資料を共有、環境への接続情報や接続手順を記載 ◼ 演習の済入力を受講者に記載してもらうことで進捗状況を管理開催方式・ファシリティ 15

【会議ツール】(AmazonChime) ◼ ルームを複数生成できる、ホストなしで利用可能のため採用 ◼ メインルーム(講義、連絡用)、個別ルーム(チーム作業用、QA対応)を作成 ◼ 講師のPCを画面共有して講義資料を展開 ◼ PCとスマホで接続し使い分け（PCの場合はデスクトップアプリ＋ブラウザ） ◼ 講義中はチャットで質問をリアルタイムに投稿でき、サポートが回答 ◼ ワーク中はメインルームのチャットで講師を呼び、個別ルームで質問開催方式・ファシリティ 16 全体ルームチームAルームチームBルーム

【ホワイトボード】 (Miro) ◼ リアルアイムで共同編集・広さほぼ無制限のオンラインホワイトボード ◼ 豊富なテンプレート、メンバの操作が見える等ディスカッション向き ◼ Miroの操作習得を兼ねたアイスブレイクを実施開催方式・ファシリティ 17

①新人向けミニハッカソン ◼ 目的：新人研修で学んだJava、アジャイルの知識定着を図ること ◼ 研修内容：デザイン思考の手法を取り入れ、ハッカソンを実施実施した研修の概要 # タイトル内容開催日 1 イントロダクション研修概要 1日目 2 ハンズオン研修 HTML、CSS 1日目 3 開発ツール(Git、Gradle） 1日目 4 サンプルアプリ解説 2日目AM 5 チーム運営 2日目AM 6 デザインシンキングデザインシンキング 2日目PM-3日目AM 7 ハッカソン実装 3日目PM-6日目AM 8 発表社内発表・投票 6日目PM 19

【ハンズオン研修】 ◼ Webアプリケーションをチームで開発するため以下の基礎知識をレクチャー  HTML/CSS  Git操作方法 ◼ サンプルアプリ(DB接続、CRUD操作、WebAPI呼出)を提供し機能拡張する形式実施した研修の概要 20

【デザインシンキング】 ◼ テーマ：ポイ活でワクワク◦◦ ◼ デザイン思考の手法を元に、ペルソナ設計、As-Is、課題抽出、アイデア選定 ◼ AmazonChimeの個別ルーム＋Miroでワーク実施実施した研修の概要 21

【ハッカソン】 ◼ チーム運営はアジャイル（スクラム）の手法を採用 ◼ 1日1Sprintとして開発機能の選定、タスクばらし、開発を行う ◼ GitLabのIssueBoardでタスク管理実施した研修の概要 22

【ハッカソン】 ◼ 各Sprint終了時点で開発中ソースをマージして動作確認 ◼ SprintReviewでメンターに振り返り、アプリデモを見せる実施した研修の概要 23

【最終発表】 ◼ デザインシンキングのワーク成果物、アプリのデモを発表 ◼ 投票はMiroのVote機能を利用 ◼ Miroのカーソル自動追跡があるため画面共有の切替えがなくスムーズに実施 ◼ 新しい知識、慣れないIDEながらも短期間で全チームアプリケーションを完成実施した研修の概要 24

②アジャイル開発では必須となる技術研修 ◼ 目的：アジャイル開発に必要な「ライトウイング」を学ぶ研修 ◼ 研修内容：CI/CD、バージョン管理はじめアプリ開発のベーススキルをInput 実施した研修の概要出典：https://blogs.itmedia.co.jp/hiranabe/2012/09/rightwing-and-leftwing-of-agile.html # タイトル内容 1 フロントエンド HTML、CSS、JavaScript 2 開発ツール Git、Gradle、JUnit、Jenkins、 Jacoco、コード解析 3 SpringBoot SpringBoot、Mybatis 4 コンテナ RESTAPI、Docker、Kubernetes、 OpenShift、CI/CD 25

【研修概要】 ◼ SpringBoot：MVCモデルでのWebアプリケーション、インジェクション等 ◼ コンテナ：コンパイル〜テスト〜デプロイを実行するJenkinsパイプラインの作成実施した研修の概要 26

研修受講のための必要機材が揃っていない【課題】事前の接続確認で環境制約が発覚 ◼ AmazonChimeが一部のブラウザ(MicrosoftEdge)に対応していない ◼ PCにマイクが内蔵されていない ◼ 受講者がPCを持っていない【対応】最低限のファシリティ条件を設定 ◼ PCの実施環境や受講者の前提条件を予め固定する（ブラウザやOS） ◼ 受講者へ最低限のリテラシーを要求することが前提となる例）PCやネットワーク環境を自前で準備する、アプリインストール ◼ 新人研修の場合はPC、Wi-Fiは会社で準備して配布苦労した点 28

サポート時にボディランゲージが利用できない【課題】受講者が操作する場所がわからない場合集合研修なら：席の隣で指さしで「ここをクリックして」で指示オンラインだと：受講者の画面共有を見ながら言葉のみで指示する必要あり【対応】言葉による具体的な指示 ◼ 指示語を使わず具体的な場所を言葉にする（例：上からX段目、XXXの隣、タスクバーのXXX、etc…) ◼ Web会議ツールのリモートコントロール機能で講師が操作する場合もあり苦労した点 29

「前で一緒にやってみせる」では時間がかかる【課題】講師のデモを見ながら進める場合集合研修なら：質問やエラー対応はサポートメンバがついてメインは先進めオンラインだと：リモート起因の躓き、サポートのしにくさから時間がかかり先に進まない【対応】作業の手順化 ◼ 必要な操作は極力手順化して展開 ◼ 手順はスムーズな誘導、情報の集約を意識 ◼ 使う環境の説明も手順に記載する ◼ 完了したら済管理シートに記載してもらう苦労した点 30

受講者からの質問が多くサポートの手が回らない【課題】受講者が操作がわからず質問する場合集合研修なら：まずは隣の受講者に聞いて解決するオンラインだと：サポートが全て対応するため回りきらない (新人研修では受講者60人に対しサポート4人) 【対応】FAQの共有 ◼ FAQシートを作成し質問を共有、初動としてFAQの確認を促す ◼ チャットを通じてQAの横展開、ワークであれば受講者間のフォローでノウハウを広げる苦労した点 31

受講者の反応が見えにくい【課題】受講者の研修の内容を理解できているか様子を見たい場合集合研修なら：顔の表情や困ってそうな様子から判断オンラインだと：カメラ映像が見えづらい、カメラONにしていない【対応】受講者から能動的に質問できるような環境作り ◼ 理解度が低い受講者ほど、なかなか質問をしない ◼ 心理的安全性から質問することを躊躇するケースもある ◼ 定期的に質問を促す呼びかけ ◼ 雑談や運営連絡、情報展開をチャットで行う（チャットが盛り上がっていると質問しやすくなる） ◼ Web会議ツールの投票・挙手機能を利用して受講者の情報発信を促進させる苦労した点 32

【研修の開催について】開始前は研修内容の一部削除など検討していたが… ◼ 研修内容のカリキュラム変更なく研修実施 ◼ 研修のスピードを集合研修と変わらずに実施 ◼ ハンズオンの進捗具合、グループワークのOutPutの質からも問題なし【関係者からの声】 ◼ 今まで研修では座学中心だったが、演習や実際に手を動かすことで学んだ知識を生かすことができた（新人） ◼ Miroなどリモートで利用できるツールが画期的（若手） ◼ 新人の日誌が今までの研修よりも生き生きしている（教育担当）研修効果 34

リモート形式でハンズオン研修、グループワークを質を落とさず開催できたリモートでハンズオン研修、やってみませんか？まとめリモート研修を成功させるためのコツ 1. 受講のための必要機材を準備すること（受講者準備でも会社支給でも） ◦ PC、OS、ネットワーク環境、カメラ、マイク、ブラウザ、アプリ ◦ 受講者にも一定のITリテラシー(PC操作・インストール)が求められる 2. 集合研修よりもサポートは手厚めにする ◦ ファシリティ利用方法や環境接続方法は手順化 ◦ ナレッジの蓄積、共有を意識する取り組みが必要 3. 講義は一方向ではなく双方向に ◦ 質問しやすい環境（ツール）、雰囲気を提供する ◦ サポートメンバや受講者の協力も必要 36

◼ ツール選定における考慮点まとめ 37 用意するもの今回の事例考慮点端末会社貸与受講者PC ・イヤホンマイク・カメラも準備・ブラウザ・アプリケーションのインストールを受講者で実施する必要あり開発環境 EclipseChe ・受講者で準備する場合、インストール手順を明確に指示すること・端末を貸出しする場合、運営側でインストール・クラウドIDEなど構築不要なソリューションもあり講義資料 GoogleDrive ・資料の共同編集ができる（済入力に必要）・同時接続人数が多いとExcelの共有では壊れる可能性あり Web会議ツール AmazonChime ・複数ルーム作成できる、ホストなしで会話できるとよい・画面共有のリモートコントロール機能があるとサポートがスムーズ・グループワーク時はブレイクアウトセッション機能があると便利コミュニケーションツール Miro ・グループワーク時にはオンラインホワイトボードを利用・Slack・Teams等のチームコミュニケーションツールが情報展開に最適

共に変えていく仲間を募集します 38 変革の時期に共に進めていく、Java Developer、DevOpsエンジニア、アーキテクトなど、新しい仲間を迎え、進めていきたく宜しくお願いします。気軽にお声かけください。採用担当メール： [email protected] 検索ワード： MUIT

▪ 本プレゼンテーションにより、貴社と三菱UFJインフォメーションテクノロジー株式会社の間には何ら委任その他の契約関係が発生するものではなく、当社が一切法的な義務・責任を負うものではありません。 ▪ 本資料は信頼できると考えられる各種データに基づいて作成されていますが、当社はその正確性、完全性を保証するものではありません。 ▪ ここに示したすべての内容は、当社の現時点での判断を示しているに過ぎません。 ▪ また、本資料に関連して生じた一切の損害については、当社は責任を負いません。 ▪ その他専門的知識に係る問題については、必ず貴社の弁護士、税理士、公認会計士等の専門家にご相談の上ご確認下さい。 39

ご清聴ありがとうございました 40

アジャイル人材を育てるための技術的な研修をフルリモートで実施した話 / Tips for ho...

アジャイル人材を育てるための技術的な研修をフルリモートで実施した話 / Tips for holding technical training on remote

More Decks by 三菱UFJインフォメーションテクノロジー株式会社

Other Decks in Technology

Featured

Transcript