ヤフモブ! 〜オンラインに引っ越しても未来を創り続けるモブプログラミング〜 #yjtc / YJTC21 C-7

362 Views

January 15, 21

スライド概要

属人化やコミュニケーション不足で困っていませんか?
私たちはモブプログラミングを導入することで、これらの悩みを解消し、オンラインであっても高いパフォーマンスを発揮できています。
また、拠点をまたいだ開発や新人受け入れもモブプログラミングによってハードルを下げることができました。
本セッションではモブプログラミングを実践し続ける2つのチームが集まり、導入する上での工夫とその楽しさをお伝えします。

Yahoo! JAPAN Tech Conference 2021 は2021年1月22日に開催しました。
https://techconference.yahoo.co.jp/2021/

profile-image

2023年10月からSpeaker Deckに移行しました。最新情報はこちらをご覧ください。 https://speakerdeck.com/lycorptech_jp

シェア

またはPlayer版

埋め込む »CMSなどでJSが使えない場合

(ダウンロード不可)

関連スライド

各ページのテキスト
1.

ヤフモブ! ~ オンラインに引っ越しても未来を創り続けるモブプログラミング ~ ヤフー株式会社 テクノロジーグループ システム統括本部 佐藤 公治 長谷部 光平 渋谷 峻 杉田 陽亮 検索統括本部 プロダクション1本部 高木 克彰 ©2021 Yahoo Japan Corporation All rights reserved.

2.

佐藤 公治 システム統括本部 通知PFエンジニア プロダクトオーナー 長谷部 光平 システム統括本部 通知PFエンジニア スクラムマスター 高木 克彰 検索統括本部 ヤフー検索エンジニア 名古屋勤務 渋谷 峻 システム統括本部 バックエンドエンジニア 家庭菜園インストラクター 杉田 陽亮 システム統括本部 2020年新卒入社! 音楽が好き ©2021 Yahoo Japan Corporation All rights reserved.

3.

はじめに 今日の発表を届けたい人 ・ ヤフーの働き方/開発手法に興味がある方 ・ モブプロを知っていて導入を検討している方 ・ オンラインでの働き方に困っている方 ©2021 Yahoo Japan Corporation All rights reserved.

4.

はじめに こんなこと困ってませんか? ・ 仕事とプライベートの切り替えが難しい ・ 新人は先輩の働く姿がわからない ・ メンバーの進捗状況を把握しづらい ・ リモートになって、コミュニケーションが減った ・ 新卒の受け入れが難しい ・ コミュニケーションコストが上がった ・ 属人化に困ってる などなど・・・ ©2021 Yahoo Japan Corporation All rights reserved.

5.

はじめに こんなこと困ってませんか? ・ 仕事とプライベートの切り替えが難しい ・ 新人は先輩の働く姿がわからない ・ メンバーの進捗状況を把握しづらい ・ リモートになって、コミュニケーションが減った ・ 新卒の受け入れが難しい ・ コミュニケーションコストが上がった ・ 属人化に困ってる などなど・・・ モブプロ! ©2021 Yahoo Japan Corporation All rights reserved.

6.

おしながき モブプログラミングとは? 1. リモート環境でのモブプロの工夫 2. モブプロで解決できる課題 3. プログラミング以外のモブプロ事例 ©2021 Yahoo Japan Corporation All rights reserved.

7.

おしながき モブプログラミングとは? 1. リモート環境でのモブプロの工夫 2. モブプロで解決できる課題 3. プログラミング以外のモブプロ事例 ©2021 Yahoo Japan Corporation All rights reserved.

8.

モブプログラミングとは? ©2021 Yahoo Japan Corporation All rights reserved.

9.

モブプログラミングとは? ドライバー キーボードを触る人 モブの言っていることを理解する 分からなければ質問する 実装/実行する 1人のみ(交代していく) ナビゲーター 導く人 次のステップに進むべく協力する 分からなければ質問する 具体的に指示をする 残り全員 ©2021 Yahoo Japan Corporation All rights reserved.

10.

モブプログラミングとは? 一般的に言われているメリット ・ 複数人で相談しながら進めるので認識合わせが早い ・ 知識の平滑化と底上げができる ・ 属人化が起きにくい ©2021 Yahoo Japan Corporation All rights reserved.

11.

おしながき 1. リモート環境でのモブプロの工夫 2. モブプロで解決できる課題 3. プログラミング以外のモブプロ事例 ©2021 Yahoo Japan Corporation All rights reserved.

12.

? ©2021 Yahoo Japan Corporation All rights reserved.

13.

リモート環境でのモブプロ 私たちの置かれた環境 ・ 基本的にリモートワーク ・ 大きなモニターやホワイトボードなどの道具が使えない ・ 新入社員は入社してから一度も同僚に会っていない 最初は課題にぶつかりましたが工夫をして解決していきました! ©2021 Yahoo Japan Corporation All rights reserved.

14.
[beta]
Code File Edit Selection View Go Run Terminal Window Help
package.json - fizzbuzz
JS index.js {} package.json X
{} package.json > {} scripts > test
1 {
2 "name": "fizzbuzz",
3 "version": "1.0.0",
4 "description": "",
5 "main": "index.js",
6 > Debug
7 "scripts": {
8 "test": ""
9 },
10 "author": "",
11 "license": "",
12 "dependenci
13 "mocha": "^
14 "nyc": "^
15 "power-as
16 }
17
OUTPUT TERMINAL
履歴
1-10
11-20
21-30
スニペット
MTG
coding
tmuxコマンド
履歴をクリア
スニペットを編集...
環境設定...
Clipyを終了
Clipy
1. alias
2. date
3. Co-author
4. mochaのnpm testコマンド
JS index_test.js X > describe('fizzBuzz') callback > beforeEach() callba
1 'use strict';
2
3 const assert = require('power-assert');
4 const fizzbuzz = require('../index');
5 describe('fizzBuzz', () => {
6 let result;
7 beforeEach(() => {
8 result = null;
9 });
10
11 it('3の倍数の時にFizz', () => {
12 result = fizzbuzz(3);
13 assert.equal(result, 'Fizz');
14 result = fizzbuzz(9);
15 assert.equal(result, 'Fizz');
16 });
17 it('3の倍数でないときにそのまま値を返す', () => {
18 nyc --reporter=text-summary --reporter=lcov test(1);
19 mocha
20 assert.equal(result, 1);
1: bash
Coverage summary
Statements : 100% (9/9)
Branches : 100% (8/8)
Functions : 100% (1/1)
Lines : 100% (6/6)
master* 0 A0
Ln 7, Col 14 Spaces: 2 UTF-8 LF JSON Prettier
mobster
6:44
長谷部
渋谷
zoom
©2021 Yahoo Japan Corporation All rights reserved.
15.

リモート環境でのモブプロ ヤフー検索チームにおけるリモートモブプロの工夫 Zoom/intelliJ / VS code/PRボット(チャットボットがPR作成) - 拠点を跨いでも一緒に作業することが簡単 どオフ ドライバ ? オフィス 東京 オフィス 名古屋 ©2021 Yahoo Japan Corporation All rights reserved.

16.

おしながき 1. リモート環境でのモブプロの工夫 2. モブプロで解決できる課題 3. プログラミング以外のモブプロ事例 ©2021 Yahoo Japan Corporation All rights reserved.

17.

モブプロで解決できる課題 こんなこと困ってませんか? ・ 仕事とプライベートの切り替えが難しい ・ 新人は先輩の働く姿がわからない ・ メンバーの進捗状況を把握しづらい ・ リモートになって、コミュニケーションが減った ・ 新卒の受け入れが難しい ・ コミュニケーションコストが上がった ・ 属人化に困ってる などなど・・・ ©2021 Yahoo Japan Corporation All rights reserved.

18.

モブプロで解決できる課題 仕事とプライベートの切り替えが難しい 一人作業の場合 ・ 集中できる時間が短い。細かく休憩をとってしまう ・ 延々と仕事を続ける モブプロの場合 ・ 作業中はみんなに見られているので集中する ・ モブプロが終わると開放感があるので、スパッと終わる ©2021 Yahoo Japan Corporation All rights reserved.

19.

モブプロで解決できる課題 新人は先輩の働く姿がわからない 一人作業の場合 ・ 近くで先輩が働いている状況ではない ・ すぐに話しかけづらく、質問しづらい モブプロの場合 ・ 先輩と同じ作業をすることで働き方を学べる ・ 常に会話しながら作業するのですぐにアドバイスがもらえる ©2021 Yahoo Japan Corporation All rights reserved.

20.

モブプロで解決できる課題 メンバーの進捗状況を把握しづらい 一人作業の場合 ・ 直接会わないと進捗状況を伺いにくい ・ コミュニケーション減ると余計に聞きづらい モブプロの場合 ・ モブ全員が進捗を把握しているため、共有しやすい ・ 相談しながら進めるので「実は進んでなくて・・・」が起こらない ©2021 Yahoo Japan Corporation All rights reserved.

21.

おしながき 1. リモート環境でのモブプロの工夫 2. モブプロで解決できる課題 3. プログラミング以外のモブプロ事例 ©2021 Yahoo Japan Corporation All rights reserved.

22.

プログラミング以外のモブプロ事例 通知PFチーム ミーティング ・ 議事録/司会を交代 ・ 発言の機会が均等に訪れ、煮詰まった時のよい切り替えとなる ドキュメント作成 ・ 指摘や認識すり合わせがその場で行える ・ 複数人の目が最初から入っているので手戻りが少なく、より完成度が高まる ©2021 Yahoo Japan Corporation All rights reserved.

23.

プログラミング以外のモブプロ事例 ヤフー検索チーム 非エンジニアとの作業 ・ チャットやメールよりも精度が高く短い時間で資料が作成できる ・ その場にいる全員で背景の共有ができる ・ 仕様説明の時間を省き、すぐに開発に取り掛かることができる ©2021 Yahoo Japan Corporation All rights reserved.

24.

さいごに ©2021 Yahoo Japan Corporation All rights reserved.

25.

モブプログラミングが 当たり前になるまで Yahoo! JAPAN Tech Blog YAHOO! JAPAN ©2021 Yahoo Japan Corporation All rights reserved.

26.

21 Yahoo! JAPAN Tech Conference 2021 ©2021 Yahoo Japan Corporation All rights reserved.