6年かけてこうなった！我々の開発環境の変遷と現在 / phpconokinawa2019

#phpconokinawa #track_b 6年かけてこうなった︕ 我々の開発環境の変遷と現在 PHPカンファレンス沖縄2019 2019.10.12 株式会社オウケイウェイヴ⼤橋佑太

2 blue_goheimochi ⼤橋佑太株式会社オウケイウェイヴ PHP(Laravel),Javascript(Vue.js/Nuxt.js), Laravel JP Conference 2020,

PHPerKaigi 2020 … おおはしゆうた 2013年5⽉〜

3 オウケイウェイヴの事業ミッション︓ 互い助け合いの場の創造を通して、物⼼両⾯の幸福を実現し、世界の発展に寄与する多⾔語コールセンター運営およびインバウンドサービス

エンタープライズソリューション事業部コンシューマーソリューション事業部多⾔語CRM事業（株式会社BRICKS）法⼈向けソリューションの製造/販売 Q&Aサイト「OKWAVE」の運営および広告事業

5 Q&Aサイト「OKWAVE」質問者と回答者がやりとりして疑問を解決

6 Q&Aサイト「OKWAVE」 PCサイト SPサイトガラケーサイト OEMサイト1 OEMサイト2 アプリ(iPhone) アプリ(Android) 内部API

データベース管理画⾯⽤内部API 新バッチバッチ旧バッチ管理画⾯ PCサイト SPサイトガラケーサイト WebAPI Cache Cache ※2013年当時

7 Q&Aサイト「OKWAVE」 PCサイト SPサイトガラケーサイト OEMサイト1 OEMサイト2 アプリ(iPhone) アプリ(Android) 内部API

データベース管理画⾯⽤内部API 新バッチバッチ旧バッチ管理画⾯ PCサイト SPサイトガラケーサイト WebAPI Cache Cache 本体サイト OEMサイトアプリ等 WebAPI 内部API 管理画⾯バッチ ※2013年当時

8 Q&Aサイト「OKWAVE」 PCサイト SPサイトガラケーサイト OEMサイト1 OEMサイト2 アプリ(iPhone) アプリ(Android) 内部API

データベース管理画⾯⽤内部API 管理画⾯ PCサイト SPサイトガラケーサイト WebAPI Cache Cache 新バッチバッチ旧バッチ ※2013年当時

9 というような環境における開発環境の変遷についてお話ししていきます開発環境構築ツールの良し悪し話はしません

10 ︖ ︖ 我々の開発環境の変遷⼤きく分けると4つの時代に分かれる 2013 2019 2016 2014 2015

2017 2018 ︖ ︖

12 XAMPP期当時の状況 • 私⾃⾝は2013年5⽉に⼊社 • 「OKWAVE」は2000年1⽉から正式運⽤開始 • 2005年に「OKWeb」から改名 •

13年超の歴史あるサービスにJOIN • 開発機はWindows

14 XAMPP期当時の状況 • 私⾃⾝は2013年5⽉に⼊社 • 「OKWAVE」は2000年1⽉から正式運⽤開始 • 2005年に「OKWeb」から改名 •

13年超の歴史あるサービスにJOIN • 開発機はWindows • Dobule XAMPP・・・︖ • プロダクトのPHPのバージョンが2系統(お察しください) • ということで2つのバージョンのXAMPPが共存して存在

15 XAMPP期当時まだスレてなかったわたしなるほど︕OKWAVEはこのような開発環境なんですね︕ がんばります︕タスクください︕

16 XAMPP期問題点 • XAMPPを切り替える場合、⽚⽅を停⽌し、Apacheなどの設定ファイルも⼿動で切り替えたり編集する必要があった • 5系のアプリケーションはマイナーバージョン関係なく5系のXAMPPで • XAMPP⾃体のインストールがつらい

• バージョン固定なので、社内のファイルサーバのXAMPPのzipを利⽤ • 環境構築だけで1⽇以上かかる • バッチのローカル開発環境は存在しなかった • などなど。。。

17 我々の開発環境の変遷 XAMPP期から・・・ ︖ 2013 2019 2016 2014 2015 2017

2018

19 Vagrant期当時の状況 • Double XAMPPの環境が⾟いことに気付きだす • 環境構築が⼿動もつらい・・・ • 当時Infrastructure

as Codeがだいぶ流⾏ってきていた • ローカル環境構築をまず⾃動化したいお気持ちがムクムク • 少なからずPHPのバージョンアップをしているのでローカルに必要な環境も増える • Vagrant + VirtualBoxの環境を構築︕

20 Vagrant期なにが良くなった︖︖ • 環境構築の⾃動化が進んだ︕ • Vagrant + VirtualBox +

Chef • Boxファイルを配布することで、初回の環境構築の簡略化 • かなり初期の環境構築が楽になった • 複数環境の同時起動ができるようになった • 別々の仮想環境を⽴ち上げるかたち • 1つの仮想環境の中に詰め込めば︖という話はあるのですが・・・

22 Vagrant期問題点ローカルマシン管理画⾯⽤内部API⽤ PCサイト⽤

23 Vagrant期問題点 • 複数環境⽴ち上げた場合のPCのリソース消費がつらい・・・ • 基本的にそれぞれのプロダクトやアプリケーションの担当者が仮想環境を構築していた • 複数のBoxファイル、Boxファイル化してないアプリケーションも

• OSやパッケージのアップデートなどでプロビジョニングのタイミングでエラーになってしまったり • Chef vs Ansibleなど構築ツールも実は様々・・・ • ということで1つの仮想環境にまとめられていなかった

24 Vagrant期問題点 • 仮想環境の起動が遅い • vagrant up したあとまぁまぁ時間がかかる（環境が複数ありますし） •

⾃動化しきれていない部分がまだまだあった • XAMPPの環境は捨てきれていない・・・・・・・・ • チーム全体で動けていたわけではなかった • 全社で利⽤していたウイルス対策ソフトの相性問題 • 最新のVirtualBoxが利⽤できなかった • などなど。。。

25 我々の開発環境の変遷 Vagrant期から・・・ ︖ 2013 2019 2016 2014 2015 2017

2018

26 第1次 Docker期 (Docker in VirtualBox)

27 第1次 Docker期当時の状況 • ちゃんとチームで開発環境問題を解決しよう︕という流れになってきた • それでも最初は数⼈の有志メンバーで喧々諤々 • 使うツールも（なるべく）揃えよう︕

• Dockerがよいのでは︖ • この辺は⼿段が⽬的化していたかもしれない。やりたかった。 • VirtualBoxの中にDocker環境を構築︕ • Packerを利⽤して、既存の資産(ChefやAnsible)を⽣かしながらDockerイメージを作成

28 第1次 Docker期なにが良くなった︖︖ Private Docker Registry ローカルマシン(Win7)

29 第1次 Docker期なにが良くなった︖︖ • Dockerを使うことで開発環境が1つでOKになった • Vagrantでたてた仮想環境上にDockerをインストール • docker-compose

up -d するだけで環境構築が完了するようになった • コンテナ数は多いですが、⼀気にコンテナを起動し、依存のあるサービスが⼀度に⽴ち上がる • 残っていた古いPHPのXAMPPの環境もコンテナイメージ化 • Dockerが使えてウキウキ︕ • （全てのコンテナをそろえるのに半年くらいはかかってしまった）

31 第1次 Docker期問題点 • ファイル読み込みが重い • Vagrantの共有フォルダ → コンテナイメージがマウント

• Dockerの環境を使ってくれていないチームメンバーが・・・ • 半年後に発覚。たしかに、環境構築をし直すのが⾯倒なのは分かる・・ • 古いコンテナのビルドが通らなくなる • CentOS5のコンテナ・・・・yumが・・・・・ • とりあえず作っておいて助かったがメンテナンスはきつい • などなど。。。

32 第1次 Docker期問題点 • ファイル読み込みが重い • Vagrantの共有フォルダ → コンテナイメージがマウント

• Dockerの環境を使ってくれていないチームメンバーが・・・ • 半年後に発覚。たしかに、環境構築をし直すのが⾯倒なのは分かる・・ • 古いコンテナのビルドが通らなくなる • CentOS5のコンテナ・・・・yumが・・・・・ • とりあえず作っておいて助かったがメンテナンスはきつい • などなど。。。

33 第1次 Docker期問題点 • ファイル読み込みが重い • Vagrantの共有フォルダ → コンテナイメージがマウント

• Dockerの環境を使ってくれていないチームメンバーが・・・ • たしかに、環境構築をし直すのが⾯倒なのは分かる・・・・ • 古いコンテナのビルドが通らなくなる • CentOS5のコンテナ・・・・yumが・・・・・ • とりあえず作っておいて助かったがメンテナンスはきつい • などなど。。。 https://speakerdeck.com/blue_goheimochi/phpconsen2019

34 第1次 Docker期問題点 • ファイル読み込みが重い • Vagrantの共有フォルダ → コンテナイメージがマウント

• Dockerの環境を使ってくれていないチームメンバーが・・・ • たしかに、環境構築をし直すのが⾯倒なのは分かる・・・・ • 古いコンテナのビルドが通らなくなる • CentOS5のコンテナ・・・・yumが・・・・・ • とりあえず作っておいて助かったがメンテナンスはきつい • などなど。。。 https://speakerdeck.com/blue_goheimochi/phpconsen2019 フルリプレイスがほぼほぼ完了しています︕ (どこかで報告できたらいいな)

35 ︖ 我々の開発環境の変遷第1次 Docker期から・・・ 2013 2019 2016 2014 2015

2017 2018

36 第2次 Docker期

37 第2次 Docker期当時の状況 • Windows・・・つらくない︖ • (≒Docker in VirtualBox・・・つらくない︖)

• みんな・・・たのむ・・・開発環境移⾏してくれ・・・・ • よし、みんな、開発環境をMacに移⾏だ︕ • 端末の交換時期とも重なり、メンバー全員のローカルマシンが Mac Book Proにリプレイス

38 第2次 Docker期なにが良くなった︖︖ Private Docker Registry ローカルマシン(MacBook Pro) Docker

for Mac

39 第2次 Docker期なにが良くなった︖︖ • メンバー全員がMacになりDocker for Macが利⽤可能に • 体感的にはとても速くなった（遅いという話も聞きますが・・）

• リモートワーク推奨などの流れもあり、徐々に変えていっている過程 • 強制的に全員が環境構築を再度できた • 少しずつメンバーがコンテナを作ったり修正してくれるような感じに︕ • この辺は本当に継続は⼒なりだなぁ・・と • でもまだまだ全員に触ってもらえているわけではない • この辺りは技術的な課題というよりもチームビルディングに課題感が