WordPress サイト制作におけるデプロイメントを考える ~Git とデプロイメントサービスの活用~
106 likes28,479 views
WordCamp Kansai 2014 登壇スライド。 コードのGit管理を前提とし、それを活かしたよりストレスフリーなデプロイメントを紹介しました。紹介したのはツール、サービス、そして最近海外では話題になりつつあるフルスタック系のツールキット。 Slide from my presentation at WordCamp Kansai 2014 (7 June 2014), titled "Considering WordPress Site Deployment - utilizing Git and Deployment Services-"
![コマンドは2つ。オプションは4つ。
Dandelion
dandelion status
dandelion deploy
!
dandelion --repo=[REPO]
--config=[CONFIG]
--v
--h](https://image.slidesharecdn.com/20140607wpkansaiwordpress-deployment-140610083802-phpapp01/85/WordPress-Git-42-320.jpg)
WordPress サイト制作におけるデプロイメントを考える ~Git とデプロイメントサービスの活用~
- 1. WordPress サイト制作における デプロイメントを考える Toru Miki (@waviaei) WordCamp Kansai 2014 ∼Git とデプロイメントサービスの活用∼ 7 June 2014
- 2. Contributed to: - WordPress Core (inline doc) - WordPress Japanese package - WordCamps as a staff / leading organizer - Japanese translations plugins and Codex I have shared through: - Blog articles - Book 『WordPress 逆引きデザイン辞典PLUS』 Webmaster @ テンプル大学ジャパンキャンパス Toru Miki Toru / @waviaei http://profiles.wordpress.org/Toru
- 3. スピーカー | WordCamp Kansai 2014 http://2014.kansai.wordcamp.org/speakers/#wcorg-speaker-miki
- 4. What is Deploy / Deployment?
- 5. 定義
- 6. デプロイとは、主にネットワークを通じて提供されるWeb アプリケーションなどのシステム開発工程において、システ ムを利用可能な状態にすることである。 ! デプロイはソフトウェアのリリースやインストールも含んだ 意味の広い言葉であり、開発環境からステージング環境へシ ステムを反映させることも、ステージング環境から本番環境 へ反映させることも、「デプロイする」と表現できる。 deployとは - IT用語辞典 Weblio辞書 http://www.weblio.jp/content/deploy
- 8. Work With Us — Automattic http://automattic.com/work-with-us/
- 10. U.S. Deploys Troops in Search for Kidnapped Nigerian Girls | TIME http://time.com/108025/nigeria-chad-boko-haram-american-troops-obama/
- 11. Today s Agenda
- 12. 今日は主に Code Deployment の 話をします。
- 17. Where should I git init ?
- 21. サイト全体 cd path/to/wordpress git init ! touch .gitignore
- 23. WordPress のデフォルトのファイル構造 のまま git init すると こうなりますよね？
- 24. サイト全体
- 25. しかし、 Git で WordPress サイト 全体を管理するのであれば、 次のようなファイル構造のノウハウも シェアされています。
- 26. サイト全体 WordPress Git サブモジュール wp-content content wp-config.php 開発用・本 番用などに分ける
- 27. WordPress local dev tips: DB & plugins | Mark on WordPress http://markjaquith.wordpress.com/2011/06/24/wordpress-local-dev-tips/
- 29. Code Deployment
- 34. Fabric CI Services （Jenkins、 Travis CI、など） CapistranoMina Dandelion Strano Webistrano Web Service Tool シンプル 多機能
- 35. Dandelion
- 37. CI Services （Jenkins、 Travis CI、など） Fabric CapistranoMina Strano Webistrano Dandelion Tool 多機能シンプル Web Service
- 40. ローカル環境にインストール Dandelion gem install dandelion gem install net-sftp 設定ファイルはYAML cd path/to/wordpress git init touch dandelion.yml
- 41. Dandelion adapter: ftp host: example.com username: user password: pass path: path/to/deployment passive: true ! exclude: - .gitignore - dandelion.yml dandelion.yml FTP SFTP Amazon S3 E.g. さくらのスタンダード （デフォルトは false） Dandelion http://scttnlsn.github.io/dandelion/ その他の設定可能項目には Docs や Issues を参照
- 42. コマンドは2つ。オプションは4つ。 Dandelion dandelion status dandelion deploy ! dandelion --repo=[REPO] --config=[CONFIG] --v --h
- 45. ステージングへのデプロイ用 config 本番へのデプロイ用 config Dandelion 1つの YAML ファイル ＝ 1つのデプロイ先の設定 dandelion deploy dandelion --config=live.yml deploy
- 46. Deploy & Dploy
- 48. Fabric CapistranoMina Strano Webistrano CI Services （Jenkins、 Travis CI、など） Dandelion Tool 多機能シンプル Web Service
- 51. push dploy / Deploy Local Repository Staging Server (TEST) Production Server (LIVE) 手動・自動デプロイRemote Repository 手動・自動デプロイ add commit
- 53. push Local Repository add commit Staging Server (TEST) Production Server (LIVE) 手動・自動デプロイRemote Repository 手動・自動デプロイ Staging Server (TEST) Production Server (LIVE) (http://dploy.io)
- 58. Deploy と Dploy の2つを紹介しましたが、 同様のサービスは 他にもいろいろあります。
- 66. Fabric CapistranoMina Strano Webistrano CI Services （Jenkins、 Travis CI、など） Dandelion Tool 多機能シンプル Web Service
- 68. Developing and Deploying WordPress • Beanstalk Guide http://guides.beanstalkapp.com/deployments/deploying-wordpress.html
- 70. 他にも
- 73. など…
- 76. 個人ブログ、テーマのみ Local Repository Production Server (LIVE) Dandelion を使って、 自作テーマやプラグインを 手動デプロイ。 Dandelion $ cd /my-theme $ git init $ dandelion deploy
- 77. 個人プロジェクト Local Repository Production Server (LIVE) Dandelion Remote Repository Staging Server (TEST) - SFTP - 手動デプロイ - SFTP - 手動デプロイ
- 78. Local Repository Staging Server (TEST) Production Server (LIVE) Remote Repository - SFTP - 自動デプロイ - FTP - 手動デプロイ 会社で契約しているVPS クライアントが 契約している レンタルサーバー チームで開発 デプロイサービス
- 79. Staging Server (TEST) Production Server (LIVE) - staging 用ブランチ - 手動・自動デプロイ - production 用ブランチ - 手動・自動デプロイ ブランチを作って開発 Remote Repository Local Repository OR
- 82. Notes*
- 84. Git で管理する Git で管理しない （.gitignore） デプロイする （その他のコアファイル） wp-config.php ? test-config.php ? デプロイしない local-config.php ? wp-config.php ? dandelion.yml ? dandelion.yml ? .htaccess? wp-config.php
- 85. ファイルのパーミッションと所有者
- 89. セキュリティ・ポリシー
- 93. Scripts
- 94. Scripts URLを適切に置換してくれるスクリプト等と 組み合わせる。 mysqldump -u user -ppass wp_db > db.sql ! scp rsync
- 96. WordPress Serialized PHP Search Replace Tool https://interconnectit.com/products/search-and-replace-for-wordpress-databases/
- 97. WP-CLI
- 98. WP-CLI http://wp-cli.org/commands/db/ http://wp-cli.org/commands/search-replace/ wp db export wp db import ! wp search-replace 'http://local.dev' 'http://mysite.com' WP-CLIの機能を使う
- 99. Plugins
- 102. WP Migrate DB Pro https://deliciousbrains.com/wp-migrate-db-pro/
- 103. WP Migrate DB Pro https://deliciousbrains.com/wp-migrate-db-pro/pricing/ https://deliciousbrains.com/wp-migrate-db-pro/videos/
- 107. 公開時は引っ越しプラグインを用いて Code と Contents をデプロイ。 ! 公開後は必要時にのみ、 Contents を同期する。 （簡単なバグ修正であれば同期せずに行う。）
- 110. An Introduction To Deploying WordPress with Mina - Tuts http://code.tutsplus.com/articles/an-introduction-to-deploying-wordpress-with-mina--wp-34776
- 112. Towards a Full Stack WordPress Development Tool
- 114. Git based WordPress setup WP-Skelton Git + WordPress
- 116. Git based WordPress setup WP-Skelton Git + WordPress Toolkit for WordPress Deployment WP-Stack + Code Deployment
- 118. Git based WordPress setup WP-Skelton Git + WordPress Toolkit for WordPress Deployment WP-Stack + Code Deployment Framework for deploying WP site using Capistrano 3 wp-deploy + Contents Deployment
- 121. Git based WordPress setup WP-Skelton Git + WordPress Toolkit for WordPress Deployment WP-Stack + Code Deployment Framework for deploying WP site using Capistrano 3 we-deploy + Contents Deployment Rapidly create, develop & deploy WP across multi environment Genesis Skelton + Local Dev Environment WordPress Stack Bedrock
- 122. PHPUnit Test Staging Server (TEST) Production Server (LIVE) Remote Repository PHPUnit Testing & Automation Local Repository 自動デプロイ push
- 123. + Continuous Integration (CI) Services Jenkins Travis CI PHPUnit Test Staging Server (TEST) Production Server (LIVE) Remote Repository PHPUnit Testing & Automation Local Repository 自動デプロイ pull request
- 124. BuddyPress + Grunt + Travis CI BuddyPress Development Trunk to Adopt a Grunt-Powered Build System http://wptavern.com/buddypress-development-trunk-to-adopt-a-grunt-powered-build-system
- 128. Media Temple WordPress Hosting http://mediatemple.net/webhosting/wordpress/
- 129. プロダクションサーバーへは1クリックで ファイルとDBをデプロイ。済んだら削除。 Media Temple WordPress Managed Hosting Reviewed : WP Mayor http://www.wpmayor.com/media-temple-wordpress-managed-hosting-reviewed/
- 130. 他にも…
- 134. Message
- 135. 何はともあれ Ⅰ.
- 140. Photo by Takeshi Kouno https://www.flickr.com/photos/kounotakeshi/13460591725/ https://www.flickr.com/photos/dvids/6093692164p9 p1 cropped & resized Photo by DVIDSHUB cropped & resized Photo Credits