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. WordPress 4.0
2014年9月5日 リリース

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. 2が難しい!!
というか面倒!!!

19. 急ぎで！
2が難しい!!
というか面倒!!!

20. AMI = Amazon Machine Image

21. AMI = Amazon Machine Image
• インスタンス丸ごとパッケー
ジ
• OS以外のアプリケーションも
含まれる
• WordPressに最適化された
AMIもたくさん
• 選ぶだけ。面倒な作業がない

22. 網元（AMIMOTO）

23. 網元（AMIMOTO）
http://ja.megumi-cloud.com/
• WordPress powered by
AMIMOTO (HVM)
• AWS + Nginx + WordPress +
リバースプロキシCache
• WordPressに最適化した
「ハイパフォーマンス環境」
• 世界8リージョン対応
• 24/365 マウスクリックだけで
簡単にサーバーを調達

24. 網元の使い方
http://ja.megumi-cloud.com/how-to-use/

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. 網元はお勧めプラグイン入り
• Nginx Cache Controller
• 必須！
• Nginx Reverse Proxy
キャッシュを制御
• キャッシュ系プラグインは
不必要
• Contact Form 7
• WP Total Hacks
など

29. プロセス監視 MONIT
http://mmonit.com/monit/
• PHP-FPM, Nginx, MySQL
のプロセス終了を監視
自動で再起動

30. WP-CLI
A command line interface for WordPress
http://wp-cli.org/
• コマンドラインからWordPress の
セットアップを含むすべてのことが
行える
• WordPress本体のインストールや
アップグレード
• プラグインやテーマのインストー
ル・アップデート、有効化・無効
化
• 投稿・固定ページ関する操作
• ユーザーの操作
• データベースの操作

31. WP-CLIのデモ

32. WordPress + Amazon S3

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 + AWS CloudFormation

36. 突然の
＿人人人人人＿
＞ ○○砲 ＜
‾Y^Y^Y^Y‾

37. 突然の
＿人人人人人＿
＞ ○○砲 ＜
‾Y^Y^Y^Y‾
• アクセス過多
• ロードバランサー
• オートスケール
• フェイルオーバー

38. 迎撃用CDP

39. 迎撃用CDP

40. 陣形（JIN-KEI）
http://ja.cloudhappy.net/
• AWS CloudFormationのテン
プレート
• Opscode Chefを使って
WordPressに最適化された
サーバ環境をAWS上に作成
• クリックだけで構成可能

41. おまけ

42. AMIAGE
concrete5, CKAN, GitLab, Virtuoso などのAMI

43. Thanks !

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/