Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

JAWS FESTA Tohoku 2014 WordPressとAWSの素敵な関係

2,413 views

Published on

JAWS FESTA Tohoku 2014でセッションした「WordPressとAWSの素敵な関係」のスライド

Published in: Internet

JAWS FESTA Tohoku 2014 WordPressとAWSの素敵な関係

  1. 1. WordPress と AWS の 素敵な関係 五十嵐和恵 Kazue IGARASHI
  2. 2. Who am I ? • 五十嵐和恵 - Kazue IGARASHI • 通称おかん • @gatespace_k • http://gatespace.jp/ WordCamp Kansai 2014 with Matt
  3. 3. デジタルキューブ My job : Code Wrangler / Frontend Engineer • https://www.digitalcube.jp/ • Amazon Web Services APN コンサルティングパートナー • WordPress CodePoet Directory コンサルタント • 分散型ワークスタイル • 営業ゼロ。100%インバウンド • WordPress on AWS 大規模ウェブメディア など
  4. 4. _s (Underscores) Contributor • http://underscores.me/ • WordPress用テーマの「元」 • 多くの公式テーマの元に なっている • Automattic 社が中心に なって開発 • GitHub で公開されている https://github.com/automattic/_s
  5. 5. WordPress日本語フォーラム 世話役 • http:// ja.forums.wordpress.org/ • WordPress に関する質問や話 題を話し合うオンラインフォー ラム • 日本語ローカルサイト運営チー ムによって管理
  6. 6. WordBench仙台 モデレーター • http://wordbench.org/groups/sendai/ • 仙台を中心に宮城および近県エリア • WordPress情報の発信とユーザー交流の 場 • WordPressに興味がある方なら誰でも参 加OK • WordBenchとは • WordPress ユーザーのための地域コ ミュニティサイト • 各地域のコミュニティはボランティ アのメンバーにより運営
  7. 7. WordCamp Tokyo 2014 http://2014.tokyo.wordcamp.org/ • WordPress Foundation 公 認で世界中で開かれている WordPress のイベント • WordPress ユーザーコミュ ニティが主催 • 日時:2014年10月11日 (土) • 場所:東京都 大田区産業プラザPiO
  8. 8. WordOnsen in 福島飯坂 • 2014年11月1日(土)~2日(日) 開催予定 • 場所:福島県飯坂温泉 • 昨年の内容 http://2013onsen.wbsendai.com/
  9. 9. 網元起動隊 https://www.facebook.com/ GHOSTINTHEAMIMOTO 全国各地で増殖中 網元起動隊 奥の細道 網元起動隊 神戸班網元起動隊 大分班
  10. 10. 本日のお品書き • AWS + WordPress でウェブサイトを作るには • AMI = Amazon Machine Image • 網元(Amimoto) • WordPress + AWS S3 • WordPress + AWS CloudFormation • おまけ
  11. 11. その前に
  12. 12. WordPress 4.0 2014年9月5日 リリース
  13. 13. 本題
  14. 14. AWS + WordPress で ウェブサイトを作るには
  15. 15. 1. EC2のインスタンス作成 • AWSマネージメントコンソールから EC2ダッシュボードを開く • Lunch Instance で新規作成 • 基本はOSのみ • Amazon Linux • Red Hat Enterprise Linux • SuSE Linux Enterprise • Ubuntu • Microsoft Windows Server 2012 など
  16. 16. 2. Webサーバーとして動くために • Webサーバー(Apache、Nginx、 Lighttpd)のインストール • PHPのインストール • データベース(MySQL)のインス トール • ライブラリのインストール • 諸々の設定 • 全部コマンドラインで! など
  17. 17. 3. WordPressのインストール • データベースにテーブル作成 • PHPとMySQLの通信 • WordPressのファイルをサー バーにアップロード • WordPressの設定
  18. 18. 2が難しい!! というか面倒!!!
  19. 19. 急ぎで! 2が難しい!! というか面倒!!!
  20. 20. AMI = Amazon Machine Image
  21. 21. AMI = Amazon Machine Image • インスタンス丸ごとパッケー ジ • OS以外のアプリケーションも 含まれる • WordPressに最適化された AMIもたくさん • 選ぶだけ。面倒な作業がない
  22. 22. 網元(AMIMOTO)
  23. 23. 網元(AMIMOTO) http://ja.megumi-cloud.com/ • WordPress powered by AMIMOTO (HVM) • AWS + Nginx + WordPress + リバースプロキシCache • WordPressに最適化した 「ハイパフォーマンス環境」 • 世界8リージョン対応 • 24/365 マウスクリックだけで 簡単にサーバーを調達
  24. 24. 網元の使い方 http://ja.megumi-cloud.com/how-to-use/
  25. 25. インスタンス起動のデモ
  26. 26. Public IP でアクセスしてみる データベースも自動で設定します!
  27. 27. 独自ドメインを割り当てたい http://ja.megumi-cloud.com/2013/11/29/elastic-ip-and-route-53/ • Elastic IPでインスタンスに 固定グローバルIPアドレスを付 与 • DNSサーバーで設定する • AWSならRoute53 • AWSでドメインも買える
  28. 28. 網元はお勧めプラグイン入り • Nginx Cache Controller • 必須! • Nginx Reverse Proxy キャッシュを制御 • キャッシュ系プラグインは 不必要 • Contact Form 7 • WP Total Hacks など
  29. 29. プロセス監視 MONIT http://mmonit.com/monit/ • PHP-FPM, Nginx, MySQL のプロセス終了を監視 自動で再起動
  30. 30. WP-CLI A command line interface for WordPress http://wp-cli.org/ • コマンドラインからWordPress の セットアップを含むすべてのことが 行える • WordPress本体のインストールや アップグレード • プラグインやテーマのインストー ル・アップデート、有効化・無効 化 • 投稿・固定ページ関する操作 • ユーザーの操作 • データベースの操作
  31. 31. WP-CLIのデモ
  32. 32. WordPress + Amazon S3
  33. 33. WordPressプラグイン Nephila clavata(絡新婦) https://wordpress.org/plugins/nephila-clavata/ • メディアライブラリにアップロードさ れたファイル(画像、動画など)を自 動的に Amazon S3 にアップロード • 表示する際にS3のファイルを参照 • メリット • 配信ドメインを変えることでブラウザ のパラレルダウンロードを加速 • S3 + CloudFront で、画像/動画だけ を CDN から配信 • 複数台構成にしている場合、同期など を気にしなくて良い
  34. 34. WordPressプラグイン StaticPress http://ja.staticpress.net/ • WordPress サイトを静的 HTML に変換 • 書き出された静的ファイルを S3でホスティング http://ja.staticpress.net/2013/ 06/11/69/ • StaticPress S3 を使えば自動 でS3に転送 http://qiita.com/inokappa/ items/d4df29279b94e04590bd
  35. 35. WordPress + AWS CloudFormation
  36. 36. 突然の _人人人人人_ > ○○砲 < ‾Y^Y^Y^Y‾
  37. 37. 突然の _人人人人人_ > ○○砲 < ‾Y^Y^Y^Y‾ • アクセス過多 • ロードバランサー • オートスケール • フェイルオーバー
  38. 38. 迎撃用CDP
  39. 39. 迎撃用CDP
  40. 40. 陣形(JIN-KEI) http://ja.cloudhappy.net/ • AWS CloudFormationのテン プレート • Opscode Chefを使って WordPressに最適化された サーバ環境をAWS上に作成 • クリックだけで構成可能
  41. 41. おまけ
  42. 42. AMIAGE concrete5, CKAN, GitLab, Virtuoso などのAMI
  43. 43. Thanks !
  44. 44. URLs 1 • デジタルキューブ https://www.digitalcube.jp/ • _s (Underscores) http://underscores.me/ https://github.com/automattic/_s • WordPress日本語フォーラム http://ja.forums.wordpress.org/ • WordBench仙台 http://wordbench.org/groups/sendai/ • WordCamp Tokyo 2014 http://2014.tokyo.wordcamp.org/ • 網元起動隊 https://www.facebook.com/GHOSTINTHEAMIMOTO
  45. 45. URLs 2 • 網元(AMIMOTO) http://ja.megumi-cloud.com/ • 網元の使い方 http://ja.megumi-cloud.com/how-to-use/ • Elastic IP アドレスの設定とRoute 53から独自ドメインの割当 http://ja.megumi-cloud.com/2013/11/29/elastic-ip-and-route-53/ • MONIT http://mmonit.com/monit/ • WP-CLI http://wp-cli.org/
  46. 46. URLs 3 • Nephila clavata(絡新婦) https://wordpress.org/plugins/nephila-clavata/ • S3 にメディアを自動アップロードするプラグイン「絡新婦」 http://dogmap.jp/2013/03/01/nephila-clavata/ • AWS S3にWordPressのメディアを自動アップロードする「絡新婦」を試す http://gatespace.jp/2013/03/06/aws-s3-wordpress-nephila-clavata/ • StaticPress http://ja.staticpress.net/ • AWS : 月額10円~でレンタルサーバーをはじめる方法 http://www.awsmicrosite.jp/s3-hosting/ • StaticPress で書き出した html を S3 でホスティングする http://ja.staticpress.net/2013/06/11/69/ • WordPress の StaticPress プラグインで Amazon S3 に静的なサイトを構築する http://qiita.com/inokappa/items/d4df29279b94e04590bd
  47. 47. URLs 4 • 陣形(JIN-KEI) http://ja.cloudhappy.net/ • AMIAGE http://amiage.com/ja/

×