モダンな現場にするために実践したこと#2

Slide 1

Slide 1 text

モダンな現場にするために実践したこと#2 株式会社一休田中健介 @kentana20

Slide 2

Slide 2 text

It takes two (Derek Sivers) 本日の名言 ref. 社会運動の起こしかた

Slide 3

Slide 3 text

自己紹介 •田中健介 •突撃さん、と呼ばれることもあります •Twitter: @kentana20 •GitHub: kentana20 •はてな: kentana20 •喋りはあまり慣れてないです

Slide 4

Slide 4 text

本日のお話 •一休のご紹介 •自分の業務（過去と現在） •現場改善のきっかけ •プロジェクト発足のためにやったこと •キックオフしてからやったこと •これからやろうとしていること •まとめ

Slide 5

Slide 5 text

今日のスライドちょうど 100枚

Slide 6

Slide 6 text

一休 is 何？

Slide 7

Slide 7 text

一休.com

Slide 8

Slide 8 text

一休.com •主力サービス •高級ホテル・旅館の予約サイト •2000年5月オープン（14歳） •http://www.ikyu.com/

Slide 9

Slide 9 text

一休.com レストラン

Slide 10

Slide 10 text

•第二の柱となっているサービス •高級レストランの予約サイト •2006年5月オープン（8歳） •http://restaurant.ikyu.com/ 一休.com レストラン

Slide 11

Slide 11 text

お隣さま

Slide 12

Slide 12 text

お隣さま諸事情ありまして、こちらのお隣さまとお話したいです

Slide 13

Slide 13 text

社内の開発体制 •エンジニアは開発部とインフラ部のいずれかに所属 •開発部 • 宿泊事業：20名弱 • レストラン事業：10数名 •インフラ部 • 全サービス保守＋社内情シス業務：若干名

Slide 14

Slide 14 text

社内の開発体制 •エンジニアは開発部とインフラ部のいずれかに所属 •開発部 • 宿泊事業：20名弱 • レストラン事業：10数名 •インフラ部 • 全サービス保守＋社内情シス業務：若干名自分はココ

Slide 15

Slide 15 text

自分の業務（過去） https://accounts-ﬂickr.yahoo.com/photos/36236696@N00/3363957930/?rb=1

Slide 16

Slide 16 text

https://accounts-ﬂickr.yahoo.com/photos/36236696@N00/3363957930/?rb=1 •一休.com（宿泊）で長くサービス開発 • 主に新規機能開発と運用・保守 •サイト多言語化、航空会社とのサービス連携、ネイティブアプリのサーバサイドAPI開発などなど •ここ2~3年はエンジニアとディレクターの中間的なポジション自分の業務（過去）

Slide 17

Slide 17 text

自分の業務（現在） https://accounts-ﬂickr.yahoo.com/photos/go_wild/8620380857/?rb=1

Slide 18

Slide 18 text

https://accounts-ﬂickr.yahoo.com/photos/go_wild/8620380857/?rb=1 •開発業務改善プロジェクト •「ユーザへの価値提供速度を最大化する」 •開発フロー、サービス品質、運用負荷といった課題毎に解決へ向けたアプローチを実施 •コアメンバー5名（専任は自分1人）自分の業務（現在）

Slide 19

Slide 19 text

•一休のご紹介 •自分の業務（過去と現在） •現場改善のきっかけ •プロジェクト発足のためにやったこと •キックオフしてからやったこと •これからやろうとしていること •まとめ

Slide 20

Slide 20 text

突然ですが質問です

Slide 21

Slide 21 text

みなさんの現場はモダンですか？＿人人人人人人人＿＞突然の質問＜￣Y^Y^Y^Y^Y^Y￣

Slide 22

Slide 22 text

スピードを保って顧客に価値を届け続けていますか？＿人人人人人人人＿＞突然の質問＜￣Y^Y^Y^Y^Y^Y￣

Slide 23

Slide 23 text

改善前の一休

Slide 24

Slide 24 text

ザ・レガシー https://accounts-ﬂickr.yahoo.com/photos/59393183@N03/8102172989/?rb=1

Slide 25

Slide 25 text

改善前の一休 •ザ・レガシーな現場 •バージョン管理はSubversion •コードレビューはほぼ実施してない •テストはほとんどない •デプロイは手動作業満載 •情報共有は個々の意識に依存 https://accounts-ﬂickr.yahoo.com/photos/59393183@N03/8102172989/?rb=1

Slide 26

Slide 26 text

Slide 27

Slide 27 text

•@naoya_ito さんのエントリ（2013年10月） • 「Webサービス開発現場から」（超良記事！）葛藤の中で見えた光

Slide 28

Slide 28 text

コレだっ！！ https://accounts-ﬂickr.yahoo.com/photos/madyorke/7952266082/?rb=1

Slide 29

Slide 29 text

一休もnaoyaさんに技術顧問的なカタチでアドバイスしてもらおう！ https://accounts-ﬂickr.yahoo.com/photos/madyorke/7952266082/?rb=1

Slide 30

Slide 30 text

イベントでnaoyaさんにアタック！ • @kentana20 • 「一休でもじげんさんのようなカタチで、、、」 • @naoya_ito • 「いや、、ちょっと直近だと動ける時間少なくて、、、XX月頃になって、おんなじような興味を持ってたら、また、、」 • @kentana20 • 「そうですよねぇ、、」

Slide 31

Slide 31 text

イベントでnaoyaさんにアタック！ • @kentana20 • 「一休でもじげんさんのようなカタチで、、、」 • @naoya_ito • 「いや、、ちょっと直近だと動ける時間少なくて、、、XX月頃になって、おんなじような興味を持ってたら、また、、」 • @kentana20 • 「そうですよねぇ、、」やさしくお断りされる

Slide 32

Slide 32 text

イベントでnaoyaさんにアタック！ • @kentana20 • 「一休でもじげんさんのようなカタチで、、、」 • @naoya_ito • 「いや、、ちょっと直近だと動ける時間少なくて、、、XX月頃になって、おんなじような興味を持ってたら、また、、」 • @kentana20 • 「そうですよねぇ、、」でも、諦めない

Slide 33

Slide 33 text

「X月頃」を信じて準備 •2013年12月 •上司に改善プロジェクト起案を打診 •2014年1月初旬 •DevLove「現場」Advent Calendarに参加 •2014年1月中旬 •Advent Calendarがきっかけでボスとランチ •決まってもいないnaoyaさんの話で盛り上がって、上司の許可をゲット！

Slide 34

Slide 34 text

Advent Calendar

Slide 35

Slide 35 text

naoyaさんに再アタック！ • @kentana20 • 「一休の田中です。あの時、相談したxxxxxxの件であれこれあれこれ」 • @naoya_ito • 「……自分にできることがあるか、とりあえず、一度話をしましょうか」 • @kentana20 • 「ありがとうございます！！」

Slide 36

Slide 36 text

naoyaさんに再アタック！ • @kentana20 • 「一休の田中です。あの時、相談したxxxxxxの件であれこれあれこれ」 • @naoya_ito（後から聞いた話） • 「……自分にできることがあるか、とりあえず、一度話をしましょうか（どの田中さんだったっけ？）」 • @kentana20 • 「ありがとうございます！！」

Slide 37

Slide 37 text

naoyaさんに再アタック！ • @kentana20 • 「一休の田中です。あの時、相談したxxxxxxの件であれこれあれこれ」 • @naoya_ito（後から聞いた話） • 「……自分にできることがあるか、とりあえず、一度話をしましょうか（どの田中さんだったっけ？）」 • @kentana20 • 「お待ちしております！！」奇跡！

Slide 38

Slide 38 text

•2013年10月 naoyaさんのエントリ読む •2013年11月イベントでnaoyaさんにアタック •2013年12月上司に改善プロジェクト起案を打診 •2014年1月上旬「現場」Advent Calendarに参加 •2014年1月下旬 naoyaさん初来社 •2013年 3月技術アドバイザー契約 •2013年 4月プロジェクトキックオフ時系列で見ると

Slide 39

Slide 39 text

はじめにやったこと (キックオフ前) https://accounts-ﬂickr.yahoo.com/photos/65830221@N06/6872338687/?rb=1

Slide 40

Slide 40 text

自分たちの現在地を知る https://accounts-ﬂickr.yahoo.com/photos/65830221@N06/6872338687/?rb=1

Slide 41

Slide 41 text

•目指すべき姿・カタチに対して、自分たちは何が足りないのか、どんな課題があるのか •コード品質、情報共有、テストといった具体的な課題項目を横軸としたCMMIを作成 •CMMIを元に各課題についての改善後のアクションストーリーを作成自分たちの現在地を知る https://accounts-ﬂickr.yahoo.com/photos/65830221@N06/6872338687/?rb=1

Slide 42

Slide 42 text

CMMI

Slide 43

Slide 43 text

アクションストーリー

Slide 44

Slide 44 text

アクションストーリー現在地点と目標を見える化

Slide 45

Slide 45 text

次のアクション https://accounts-ﬂickr.yahoo.com/photos/schepers/10850885766/?rb=1

Slide 46

Slide 46 text

•新しいツールの検証 •全体展開する前に自分たちにフィットするかをコアメンバーで検証 •メンバーに情報をインプット •壮大な目標と大量の変化で混乱させないように少しずつ（少しずつが、後に仇となる…）次のアクション https://accounts-ﬂickr.yahoo.com/photos/schepers/10850885766/?rb=1

Slide 47

Slide 47 text

プロジェクトキックオフ！ (2014/04/01) https://accounts-ﬂickr.yahoo.com/photos/93893419@N05/8718429763/?rb=1

Slide 48

Slide 48 text

•エンジニア全員を集めて実施 •自分が話したこと •プロジェクトの目的 • CMMIによって整理した現状 • これから目指す方向 •naoyaさんに話していただいたこと •イマドキのWebサービス開発現場の話キックオフ https://accounts-ﬂickr.yahoo.com/photos/93893419@N05/8718429763/?rb=1

Slide 49

Slide 49 text

キックオフしてからやったこと

Slide 50

Slide 50 text

体制をつくる

Slide 51

Slide 51 text

プロジェクト体制

Slide 52

Slide 52 text

プロジェクト体制 •課題項目毎に推進チームを編成 •キックオフ時に実施したアンケートを元に編成 •チームごとに目標と具体的なアクションを設定

Slide 53

Slide 53 text

プロジェクトの進め方 •naoyaさんと隔週でミーティングを実施 • 進捗の確認とテクニカルなレビュー etc.. •3ヶ月ごとにふりかえりを実施 •全員の前で目標に対する現在地と成果を共有 •これからトライすることに沿ったお話をnaoyaさんがプレゼン（貴重）

Slide 54

Slide 54 text

4月からの8ヶ月間で実施したこと

Slide 55

Slide 55 text

主に実施したこと •情報共有ツール・ガイドラインの整備 •バージョン管理システムの移行 •タスク管理と見える化 •E2Eテストの整備 •デリバリーの自動化

Slide 56

Slide 56 text

情報共有

Slide 57

Slide 57 text

Hipchat

Slide 58

Slide 58 text

Hipchat •Atlassian社製のチャットサービス •主にエンジニア同士でやりとり •最近デザイナーもジョイン •外部ツール連携も結構ラク • Hubot, Jenkins, Redmine ..

Slide 59

Slide 59 text

Qiita Team

Slide 60

Slide 60 text

Qiita Team •qiita.comの社内向けサービス •カジュアルに情報を共有できる •Markdownで記述可能（超重要） •Hipchatとも連携可能 •まずは日報を書くことからスタート •慣れてきたら徐々に仕様や技術Tipsなどの共有ツールに展開

Slide 61

Slide 61 text

Qiita Team

Slide 62

Slide 62 text

情報がまわるように •情報の流れをあえて冗長化 •Qiitaに投稿（自動的にHipchatに通知） •さらにたたみ掛けるように、より知っておいてほしい相手に自分でHipchatでメンションを飛ばす •さらにさらに重要情報は朝会で口頭で共有

Slide 63

Slide 63 text

情報がまわるように •情報の流れをあえて冗長化 •Qiitaに投稿（自動的にHipchatに通知） •さらにたたみ掛けるように、より知っておいてほしい相手に自分でHipchatでメンションを飛ばす •さらにさらに朝会で口頭で共有「知らない」「聞いてない」を作らない仕組み

Slide 64

Slide 64 text

情報がまわるように •情報の流れをあえて冗長化 •Qiitaに投稿（自動的にHipchatに通知） •さらにたたみ掛けるように、より知っておいてほしい相手に自分でHipchatでメンションを飛ばす •さらにさらに朝会で口頭で共有まだまだ改善の余地あり！

Slide 65

Slide 65 text

バージョン管理

Slide 66

Slide 66 text

導入までのロードマップ •naoyaさんとGitHub •有志で社内勉強会 •全体でGit/GitHubハンズオン

Slide 67

Slide 67 text

naoyaさんとGitHub

Slide 68

Slide 68 text

naoyaさんとGitHub •いまどきのGitHubお作法を学習 •WIPプルリク •CI連携 •継続的デリバリー

Slide 69

Slide 69 text

社内勉強会 •有志で業務開始前1時間を使って実施 •GitHubを複数人で触って習熟度アップ •導入を促進する仲間を増やす •Git/GitHubハンズオン •勉強会参加メンバーを講師としてエンジニア全員向けに実施

Slide 70

Slide 70 text

8月に全チーム移行完了！

Slide 71

Slide 71 text

タスク管理と見える化

Slide 72

Slide 72 text

タスク管理と見える化 •カンバン •チーム内部のタスクと状況を見える化 •朝会 •チーム朝会＋全体朝会で状況と情報を共有 •ふりかえり •チーム毎にふりかえりをKPTで実施

Slide 73

Slide 73 text

カンバン

Slide 74

Slide 74 text

カンバン •チーム毎に運用はお任せ •チームそれぞれでカンバンのカタチを決めて運用中 •ToDo/Doing/Doneのシンプルなものから、細やかな管理が出来そうな高機能なものまでさまざま •カンバンを使うかどうかもチームにお任せ • 使ってないチームもあるけど、強制にはしない • 大事なのは共有することと自分たちのやりやすさ

Slide 75

Slide 75 text

朝会

Slide 76

Slide 76 text

朝会 •全体朝会＋チーム朝会（任意） •「リーン開発の現場」のデイリーカクテルパーティ方式 •全体朝会の内容は「朝刊」としてQiita Teamへ投稿 •週はじめの全体朝会は組織的な話やプロジェクトのサマリなどを共有する重要な場としてメリハリを出して開催

Slide 77

Slide 77 text

https://www.ﬂickr.com/photos/ianbrumpton/5093239758/sizes/l 8月からの続きを少しご紹介

Slide 78

Slide 78 text

デプロイ自動化

Slide 79

Slide 79 text

デプロイ自動化 •HipchatでHubotに話しかけてrelease ブランチへのPull Requestを作成 •releaseブランチへのmergeを契機に Jenkinsのデプロイジョブが発動 •開発者はreleaseブランチへmergeするだけ

Slide 80

Slide 80 text

デプロイ自動化

Slide 81

Slide 81 text

E2Eテストの整備

Slide 82

Slide 82 text

E2Eテストの整備 •HipchatでHubotに話しかけてST/Prd各環境へのE2Eテストジョブを発動 •ジョブの結果をHipchatへ通知 •メンバーはHubotへ話しかけるだけ

Slide 83

Slide 83 text

E2Eテストの整備

Slide 84

Slide 84 text

https://farm1.staticﬂickr.com/35/161618367_fd8ad919a1_b.jpg 効果は抜群 •デプロイ、テストとも大きなコスト削減につながった •開発者は開発に集中できるようになってきた •チャット経由で運用を回せると学習コストも低い

Slide 85

Slide 85 text

プロジェクトを進める中で発生した課題（抜粋） https://accounts-ﬂickr.yahoo.com/photos/r000pert/136999467/?rb=1

Slide 86

Slide 86 text

•少しずつ共有を進めていったため、メンバーによって認識にズレがあったり、共有が漏れていたりして、うまく進まない部分があった •コミュニケーションの機会を意図的に作ったり、大事な話は経緯を含めてなるべく事前に共有するように方針を変更メンバーへのインプット https://accounts-ﬂickr.yahoo.com/photos/r000pert/136999467/?rb=1

Slide 87

Slide 87 text

通常タスクとの住み分け •担当しているプロジェクトが佳境を迎えると改善タスクが進まない問題 •全体で改善タスクを推奨する時間帯を設定 •近日中にGoogleの20%ルール的な制度も導入 • ちょっと機能してないので、要改善 https://accounts-ﬂickr.yahoo.com/photos/r000pert/136999467/?rb=1

Slide 88

Slide 88 text

一部メンバーの高負荷 •「積極的に関わりたい」と声を上げてくれたメンバーを中心に進めた結果、特定メンバーの負荷が上がってツラくなるシーンがあった •うまくタスクをバラすのは難しい •なるべくバランシングしつつ、巻き込むメンバーを増やす方が良い面も https://accounts-ﬂickr.yahoo.com/photos/r000pert/136999467/?rb=1

Slide 89

Slide 89 text

これからやりたいこと •リリース回数を増やす • 開発フローのさらなる最適化・高速化 • 本番リリースフローの自動化 •技術的負債の返済 • レガシーコードを改善する •取組みをオープンに •社内ツールのOSS化, Qiita Organization

Slide 90

Slide 90 text

まとめ（所感） •動かなければ何も変わらない • 思っているだけじゃダメ •異世界に思える開発現場もそんなに遠くない • やってみると、意外とできることは多い •スピード感を持って進めることが大事 •成果を共有しつつ、メンバーを巻き込むのが大事 •ふりかえり重要 •現在地とゴールを確認しつつ進めることができる

Slide 91

Slide 91 text

Special Thanks https://accounts-ﬂickr.yahoo.com/photos/shadman14/7165289344/?rb=1

Slide 92

Slide 92 text

•サイバーエージェントさん • ステキな会場を提供していただき、ありがとうございます！ • 渋谷駅から、アクセス抜群のCAさん、サイコーです！ Special Thanks

Slide 93

Slide 93 text

Special Thanks •@chachaki さん(ギルドワークス) • 1月に「現場 Advent Calendar」に投稿した際に、当日いきなり「書きたいです！」と突撃したにも関わらず、速攻でレスをいただき、参加させていただきました。あのエントリがきっかけとなって今回のプロジェクトが実現しました。本当にありがとうございました。 • DevLOVEサイコーです！

Slide 94

Slide 94 text

Special Thanks •@yaotti さん(インクリメンツ) • 11月のイベントで「naoyaさんに相談したら良いんじゃないですか？」と助言してくださり、そこから今回の改善プロジェクトが始まったと思っています。ありがとうございました！ • Qiita Teamサイコーです！！

Slide 95

Slide 95 text

Special Thanks •@naoya_ito さん • 課題だらけの現場を改善するこのプロジェクトにアドバイザーとして加わっていただき、本当に感謝しています。はじまって8ヶ月経ち、少しずつ成果が出始めています。まだまだ課題は盛りだくさんですが、今後も改善を進めていきますので、これからもよろしくお願いします！

Slide 96

Slide 96 text

Special Thanks •一休の開発メンバー全員！ •突然のキックオフから始まったプロジェクトをサポートしてくれて、本当に感謝しています。相変わらず衝突することやバタバタすることもありますが、順調に進んでいますのでこれからも改善を続けていきましょう！！

Slide 97

Slide 97 text

おしらせ •伊藤直也氏 •10月より、一休の技術顧問に就任していただきました •4月から行っている改善プロジェクトを中心にさまざまな面でアドバイスいただいています

Slide 98

Slide 98 text

おわりに •一休ではエンジニアを積極採用中です！！ •現場改善に積極的に加わりたい方 •「新しい価値を提供し続ける」ことに興味がある方 •ご興味のある方は @kentana20 までご連絡を •まずはオフィス内外でカフェでもしましょう

Slide 99

Slide 99 text

一休ウォーターおみやげにどうぞ！

Slide 100

Slide 100 text

終わりご静聴ありがとうございました！ https://farm6.staticﬂickr.com/5530/10092781863_d0211e763f_b.jpg