本当に必要ですか？そのステージング環境〜Web制作を Docker でちょっと便利にしよう〜

Docker で Webの確認・ステージング環境をちょっと便利にできるかも？という話
@ https://twiliojp-ug.doorkeeper.jp/events/74771

デモのコードは https://github.com/esukei/demonstration-for-docker-web-preview

1. 本当に必要ですか？ そのステージング環境 〜Web制作を Docker でちょっと便利にしよう〜 河原 覚 さくらインターネット UXデザイングループ
2. Webのステージング環境 どうしてますか？
3. • file:// • XAMPP / MAMP • VirtualBox • Vagrant • 社内サーバ • お客さんの環境 • タスクランナー・パッケージマネージャのサーバ
4. こんなことないですか？ • Webサーバの機能がうごかなくてこまる • Windows / Mac 間で違いがあってこまる • ソフトウェアのバージョンが⼈ごとにずれていってこまる • 違う環境を作ろうと思うとバージョンとかでこまる
5. こんなこともありますよね？ • 仮想環境が⽴ち上がるのが遅くてこまる • 気がついたら環境が古くなっててこまる • 環境の共有をどうしていいかわからなくてこまる • 仮想環境へのファイル共有が⼩回りがきかない
6. あと、こんなことは？ • いちいちアップロードしなきゃいけなくてこまる • ステージング環境の乱⽴や枯渇でこまる • 環境を壊せないから慎重にやらなきゃいけなくてこまる
7. そんなときは
9. Docker って難しくないの？
10. • ⽤途を絞れば、とってもお⼿軽
11. 実は • Windows / Mac / Linux で簡単に使えます • 起動も楽です • ⾃動アップデートもあります
12. いいところ • 使うだけの⼈は、 Docker for * をインストールするだけでOK • 環境を作る⼈も単純構成なら少しの yaml かけば終わり • 作った環境の共有、修正して再共有も楽 • コンテナで環境が閉じるので、別の環境を汚さなくてすむ
13. Docker セットアップ
14. • https://www.docker.com/community-edition • Docker for <<<お使いのOS>>> をインストール • 終わり
15. デモンストレーション • とりあえずWebサーバ編 • PHPも動かしたい編 • MySQLも使いたい編 https://github.com/esukei/demonstration-for-docker-web-preview
17. おさらい
18. 使う⼈が覚えること • とりあえず Docker for * をいれる • ⿊い画⾯で docker-compose up を実⾏する
19. 環境を作る⼈ • とりあえず docker-compose.yml • 使うイメージの Docker Hub のページをみとく • 詳しくやるときに Dockerfile を触る • 何かを更新したら、使ってる⼈に docker-compose up --build を 実⾏させる
20. version: "3" services: web: image: httpd ports: - "8080:80" volumes: - ./src/:/usr/local/apache2/htdocs/ とりあえず書く 好きな名前にする 使いたいイメージ localhostのポート:サーバのポート ⼿元のフォルダ:サーバのフォルダ とりあえず書く
21. • しなきゃいけないセットアップが減る • 環境の違いが減る • 覚えなきゃいけないことが減る ( かも ) • 共有しやすい
22. 「とりあえず、Docker」で ちょっと便利に