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

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

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