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

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 ServicesAPN コンサルティングパートナー

• WordPressCodePoet 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.02014年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上に作成

• クリックだけで構成可能

おまけ

AMIAGEconcrete5, 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 2014http://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/

• MONIThttp://mmonit.com/monit/

• WP-CLIhttp://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/

• StaticPresshttp://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/

• AMIAGEhttp://amiage.com/ja/