Sacss sp5

1,496 views

Published on

Published in: Technology, Business

Sacss sp5

  1. 1. From the Darkside WordPress 運用での自動化とか サーバ側でできる高速化とか 13年12月14日土曜日
  2. 2. OKAMOTO Wataru @wokamoto 13年12月14日土曜日
  3. 3. 13年12月14日土曜日
  4. 4. 13年12月14日土曜日
  5. 5. 13年12月14日土曜日
  6. 6. 13年12月14日土曜日
  7. 7. Recipe * Tools Chef, Vagrant, WP-CLI * Cloud Design Pattern * More Performance 13年12月14日土曜日
  8. 8. Tools 13年12月14日土曜日
  9. 9. Chef 13年12月14日土曜日
  10. 10. Chef 13年12月14日土曜日
  11. 11. Chef 13年12月14日土曜日
  12. 12. Chef Infrastructure as Code 13年12月14日土曜日
  13. 13. Chef Infrastructure as Code 13年12月14日土曜日
  14. 14. Chef * Chef Solo Install $ curl -L https://www.opscode.com/chef/ install.sh | sudo bash 13年12月14日土曜日
  15. 15. Chef * Recipe package "nginx" do ! action :install end service "nginx" do ! action [ :enable , :start ] end 13年12月14日土曜日
  16. 16. Chef * 入門 Chef Solo http://www.amazon.co.jp/dp/B00BSPH158 13年12月14日土曜日
  17. 17. Vagrant 13年12月14日土曜日
  18. 18. Vagrant 13年12月14日土曜日
  19. 19. Vagrant 13年12月14日土曜日
  20. 20. Vagrant * Vagrant Install Mac の場合 * Xcodeをインストール (必須ではないけど、いれときましょう。) * VirtualBoxをインストール https://www.virtualbox.org/ * Vagrantをインストール http://www.vagrantup.com/ 13年12月14日土曜日
  21. 21. Vagrant command $ vagrant up $ vagrant halt $ vagrant reload $ vagrant provision $ vagrant destroy 13年12月14日土曜日
  22. 22. Vagrant Vagrantfile 13年12月14日土曜日
  23. 23. Vagrant Varying Vagrant Vagrants https://github.com/10up/ varying-vagrant-vagrants 13年12月14日土曜日
  24. 24. Vagrant Vagrant Chef CentOS WordPress https://github.com/miya0001/ vagrant-chef-centos-wordpress http://firegoby.jp/archives/ 5141 13年12月14日土曜日
  25. 25. WP-CLI 13年12月14日土曜日
  26. 26. WP-CLI 13年12月14日土曜日
  27. 27. WP-CLI * WP-CLI Install $ curl https://raw.github.com/wp-cli/wpcli.github.com/master/installer.sh | bash 13年12月14日土曜日
  28. 28. WP-CLI * WordPress Install $ cd /path/to/wordpress $ wp core download --locale=ja $ wp core config --dbname=wp --dbuser=wp_user --dbpass=password --dbhost=localhost --locale=ja $ wp core install --url=http://example.com --title=test --admin_name=admin --admin_email=admin@example.com --admin_password=test 13年12月14日土曜日
  29. 29. WP-CLI * WordPress Plugins Install $ $ $ $ 4 cd /path/to/wordpress wp plugin install hotfix wp plugin activate hotfix wp plugin status installed plugins: I akismet 2.5.9 I hello 1.6 A hotfix 1.0 A wp-multibyte-patch 1.7 Legend: I = Inactive, A = Active 13年12月14日土曜日
  30. 30. WP-CLI * WordPress Core Update $ cd /path/to/wordpress $ wp core update $ wp core update-db $ wp core version --extra WordPress version: 3.7.1 Database revision: 25824 TinyMCE version: 3.59 (359-20131026) 13年12月14日土曜日
  31. 31. WP-CLI * WordPress Plugins Update $ cd /path/to/wordpress $ wp plugin install hotfix 3 installed plugins: I akismet 2.5.9 UA nginx-champuru 1.6.0 I wp-multibyte-patch 1.7 Legend: A = Active, I = Inactive, U = Update $ wp plugin update nginx-champuru $ wp plugin update-all 13年12月14日土曜日
  32. 32. WP-CLI * WordPress Export & Import $ $ $ $ cd wp wp wp /path/to/wordpress export export --post_type=post export --post_status=publish $ wp import export.xml $ wp import export.xml --skip=attachment 13年12月14日土曜日
  33. 33. WP-CLI * Nginx Cache Controlle $ cd /path/to/wordpress $ wp nginx flush $ wp nginx list array(3291) { [0]=> object(stdClass)#126 (3) { ["cache_id"]=> string(1) "0" ["cache_url"]=> : 13年12月14日土曜日
  34. 34. WordPress Cloud Design Pattern 13年12月14日土曜日
  35. 35. Single Instance ひとつのインスタンスに Web サーバ、PHP、MySQL を 詰め込む 13年12月14日土曜日
  36. 36. Single Instance 13年12月14日土曜日
  37. 37. Single Instance http://ja.megumi-cloud.com/ 13年12月14日土曜日
  38. 38. Single Instance + RDS Web、 DB サーバを分離 DB サーバは Amazon RDS 13年12月14日土曜日
  39. 39. Single Instance + RDS 13年12月14日土曜日
  40. 40. DB Replication DB サーバを2台構成にして 読み書きを分離 13年12月14日土曜日
  41. 41. DB Replication 13年12月14日土曜日
  42. 42. DB Replication http://wordpress.org/plugins/hyperdb/ 13年12月14日土曜日
  43. 43. Multi Servers Web サーバも2台構成に 13年12月14日土曜日
  44. 44. Multi Servers 13年12月14日土曜日
  45. 45. NFS Sharing NFS でソースを共有して スケールアウト 13年12月14日土曜日
  46. 46. NFS Sharing 13年12月14日土曜日
  47. 47. Cloud Formation http://ja.cloudhappy.net/ 13年12月14日土曜日
  48. 48. More Speed ! 13年12月14日土曜日
  49. 49. Speed Speed! * HipHop VM for PHP * mod_pagespeed * SPDY over Nginx 13年12月14日土曜日
  50. 50. HipHop VM for PHP https://github.com/ facebook/hiphop-php/ 13年12月14日土曜日
  51. 51. mod_pagespeed https://developers.google.com/ speed/pagespeed/ 13年12月14日土曜日
  52. 52. ngx_pagespeed https://github.com/ pagespeed/ngx_pagespeed 13年12月14日土曜日
  53. 53. SPDY http://www.chromium.org/ spdy 13年12月14日土曜日
  54. 54. * Multiplexed streams * Request prioritization * HTTP header compression * Server push. * Server hint. 13年12月14日土曜日
  55. 55. Static Press 13年12月14日土曜日
  56. 56. 13年12月14日土曜日
  57. 57. 開発の経緯 クライアントからの要望 * 公開サーバには静的HTMLのみ * 公開前に記事内容を確認したい  → 承認フローを通したい 13年12月14日土曜日
  58. 58. 開発の経緯 13年12月14日土曜日
  59. 59. 開発の経緯 13年12月14日土曜日
  60. 60. 開発の経緯 Movable Type で良いんじゃ? 13年12月14日土曜日
  61. 61. 開発の経緯 Really Static 13年12月14日土曜日
  62. 62. 開発の経緯 13年12月14日土曜日
  63. 63. 開発の経緯 13年12月14日土曜日
  64. 64. StaticPress 特徴 * WP → 静的サイトに * URL の書き換え * 動的処理不可 * BASIC 認証もOK 13年12月14日土曜日
  65. 65. StaticPress 特徴 * WP → 静的サイトに * URL の書き換え * 動的処理不可 * BASIC 認証もOK 13年12月14日土曜日
  66. 66. StaticPress 特徴 * WP → 静的サイトに !"" # # # # # # # # # index.html !"" 2013 # !"" 10 # # !"" 13 # # # !"" staticpress # # # # $"" index.html # # # $"" index.html # # $"" index.html # $"" index.html !"" author 13年12月14日土曜日
  67. 67. StaticPress 特徴 * WP → 静的サイトに $ wget -S --spider http://staticpress.net HTTP request sent, awaiting response... HTTP/1.1 200 OK Server: AmazonS3 x-amz-id-2: XmJwDae+xKcaS57kcQ4ryhy0xUval68YA x-amz-request-id: 386EE47166995D35 Date: Sun, 13 Oct 2013 00:59:56 GMT Last-Modified: Fri, 11 Oct 2013 10:39:25 GMT ETag: "47caefa0d1f863e2f3853f0d4f96089a" Content-Type: text/html Content-Length: 7063 Length: 7063 (6.9K) [text/html] 13年12月14日土曜日
  68. 68. StaticPress 特徴 * WP → 静的サイトに * URL の書き換え * 動的処理不可 * BASIC 認証もOK 13年12月14日土曜日
  69. 69. StaticPress 特徴 * WP → 静的サイトに * URL の書き換え * 動的処理不可 * BASIC 認証もOK 13年12月14日土曜日
  70. 70. StaticPress 特徴 * URL の書き換え <link rel="stylesheet" id="wrench-style-css" href="http://localhost/wp-content/themes/ wrench/style.min.css?ver=1381485493" type="text/css" media="all"> % <link rel="stylesheet" id="wrench-style-css" href="/wp-content/themes/wrench/style.min.css? ver=1381485493" type="text/css" media="all"> 13年12月14日土曜日
  71. 71. StaticPress 特徴 * URL の書き換え <meta property="og:locale" content="ja_JP"> <meta property="og:type" content="website"> <meta property="og:site_name" content="StaticPress"> <meta property="og:url" content="http:// ja.staticpress.net/"> <meta property="og:title" content="StaticPress"> <meta property="og:image" content="http:// ja.staticpress.net/wp-content/uploads/2013/06/ staticpress_logo-150x150.png"> 13年12月14日土曜日
  72. 72. StaticPress 特徴 * WP → 静的サイトに * URL の書き換え * 動的処理不可 * BASIC 認証もOK 13年12月14日土曜日
  73. 73. StaticPress 特徴 * WP → 静的サイトに * URL の書き換え * 動的処理不可 * BASIC 認証もOK 13年12月14日土曜日
  74. 74. StaticPress 特徴 * 動的処理不可 - コメント欄、pingback、トラックバック設置できない % コメントは Disqus、Facebook コメントなどで 13年12月14日土曜日
  75. 75. StaticPress 特徴 * 動的処理不可 - サイト内検索フォーム設置できない  % Google カスタム検索エンジンなどで対応 13年12月14日土曜日
  76. 76. StaticPress 特徴 * 動的処理不可 - UA 切り替えでテーマを変えるプラグインが使えません  % レスポンシブなテーマで対応 13年12月14日土曜日
  77. 77. StaticPress 特徴 * WP → 静的サイトに * URL の書き換え * 動的処理不可 * BASIC 認証もOK 13年12月14日土曜日
  78. 78. StaticPress 特徴 * WP → 静的サイトに * URL の書き換え * 動的処理不可 * BASIC 認証もOK 13年12月14日土曜日
  79. 79. StaticPress 特徴 * BASIC 認証もOK - 記事投稿用サイトの隠  % WordPress 全体に BASIC 認証かかっていても OK 13年12月14日土曜日
  80. 80. StaticPress 特徴 * BASIC 認証もOK 13年12月14日土曜日

×