和歌山ITカーニバル

1. @Amimoto_Ami
amimoto-ami.com
WordPress + Amazon Web Services
Hans-on

2. Okamoto Hidetaka
Engineer
DigitalCube Inc.
@motchi0214
WordBench京都モデレーター

4. KOGA Hiromichi OHTA Tatsuki KOGA Tatsuro JOTAKI Taisuke MIYOSHI Takayuki
OKAMOTO Wataru SUGIMOTO Jun
CEO
Theme & Code Wrangler Designer Support / Code Wrangler / Translator Engineer
Engineer Theme Developer / Director
MIYAUCHI Takayuki HORIKE Takahiro IGARASHI Kazue
NISHIMURA Shuhei SANTIAGO Kel NUKAGA Junko
WP Plugin Developer / Backend Engineer WP Plugin Developer / Frontend Engineer Code Wrangler / Frontend Engineer
Code Wrangler Writer / Evangelist Designer / Writer
OKAMOTO Hidetaka
Engineer
TSUNODA Tomohyco
Technical Support / Engineer
PILARSKI Matt
Technical Evangelist

5. WordPress Hosting
WordPress
Enterprise
Support
Amazon Web
Services
Web Consulting

6. WordPress
Development
Environment
86 WordPress
Plugins
Connect
with the
community
WordPress
Books

8. はじめやすい
沢山のユーザー・開発者
強力なコミュニティ

9. 沢山の
ツールやリソース
早い開発スピード
JAWS-UG
という強力なコミュニティ

11. #AMIMOTO @Amimoto_Ami
WordPressを
AWSで簡単に
PROGRAMMABLE
INFRASTRUCTURE
開発者・ユーザーに
優しい設計amimoto-ami.com

12. 柔軟な
スペック
EC2
ELASTIC COMPUTE CLOUD
スペックの上げ下げが
簡単にできる

13. 使いやすい
1クリックで立ち上がる
WORDPRESS 開発者に
優しい設計
WP-CLI & GIT入り

14. 高い
パフォーマンス
APACHE BENCHでの
パフォーマンステスト結果

15. NINJA
SPEED
世界9箇所にある
データセンター
Singapore ⋅ Tokyo ⋅ Sydney ⋅
Sao Paulo ⋅ N. Virginia ⋅ Oregon ⋅
N. California ⋅ Ireland ⋅ Frankfurt
HHVM
WP BOOSTER CDN

16. HHVM
PERFORMANCE
TEST

17. loader.io
c3.large
instance
1
minute
0 - 300
client
increase
NGINX
Reverse
Proxy
Cache
Disabled
TEST
HHVM vs. php-fpm

18. HHVM is faster php-fpm
TOP PAGE
HHVM vs. php-fpm

19. AVERAGE
RESPONSE TIME
1566 ms 3108 ms
NUMBER OF
PROCESSED
REQUESTS
5387 2637
NGINX CACHE
EFFECTIVENESS
15 ms 386830
HHVM php-fpm
だいたい２倍

20. php-fpmで落ちる量のトラフィックも
HHVMならば（多少遅くなるけど）捌ききる
HHVM vs. php-fpm

21. WordPress 4.1.1
HHVM vs. PHP7
http://talks.php.net/fluent15#/wpbench

22. AWSと
WordPressで
何ができるのか？

24. AUTOSCALING
事前にスケジューリング
することも可能
負荷に応じて自動的に
サーバーを増減

25. INCREASE / DECREASE
INSTANCES BASED ON LOAD
COST-EFFICIENT
AUTOMATIC RECOVERY
AUTOSCALING

26. MACHINE LEARNING
レコメンドやCV予測に活用
購買データなどを機械学習

27. #AMIMOTO @Amimoto_Ami

28. #AMIMOTO @Amimoto_Ami
AMIMOTO HHVM は１４日間無料！

29. #AMIMOTO @Amimoto_Ami
1-CLICK LAUNCH VIA AWS CONSOLE

30. AWS MARKETPLACE LAUNCH

31. AWS CONSOLE LAUNCH

32. http://amimoto-ami.com/slack/
Questions:

33. WordPress + Amazon Web Services
Hands-on

34. AWS に
ログインする

35. ログインした状態

36. 右上のメニューから「東京」を選択

37. EC2を選択する

38. 「インスタンスの作成」を
クリックする
AWS Marketplaceを選択し、
「AMIMOTO」で検索

39. 「Free Trial」と書かれたAMIMOTOを「選択」

40. 「無料利用枠の対象」と書かれたタイプを選択して
「確認と作成」をクリックする

41. 作成！

42. 「新しいキーペアの作成」をクリック

43. 「キーペア名を入力」して「ダウンロード」

44. ダウンロードしてから「インスタンスの作成」をクリック

47. EIPの設定
WORDPRESS
セットアップ

48. http://blog.digitalcube.jp/archives/1870
なぜEIP(Elastic IP)をつけるのか
デフォルトのIPは
起動するたびに切り替わる
Elastic IPを指定することで、
再起動してもIPが変わらないようにする

50. 「VPC」を選択する

55. EIPをアドレスバーに入れてアクセスした状態

56. インスタンスIDをコピーする

57. コピーしたインスタンスIDを入力して「Next Step」へ

58. WordPressのインストールが始まりました

59. WordPressのインストールをします

64. ENABLE FLUSH CACHE
FOR AUTOMATIC
CACHE DELETION
FOR MULTI-SITE, ACTIVATE
NGINX CACHE
CONTROLLER
ON EACH DASHBOARD

65. OFF:
Requests per second: 7.73 [#/sec]
ON:
Requests per second: 707.26 [#/sec]

66. http://bit.ly/1RJDwyA

67. [付録]
SFTPで
接続する

68. http://bit.ly/1On5nPW

69. さっきのキーファイルを使います

70. 一瞬黒い画面を使います
Macなら「ターミナル」を起動させましょう

71. ssh -i { ファイル保存場所のパス}xxxx.pem
ec2-user@{インスタンスのIPアドレス}

72. curl -L https://raw.githubusercontent.com/amimoto-
ami/run-httpd-as-ec2-user/master/run-httpd-as-ec2-
user.sh | sudo bash

73. http://bit.ly/1On5nPW

74. AMIMOTO
WORDPRESS +
AWS
事例とか

75. POPULAR
BLOG
SITE
MAZDA RUNS ON
WORDPRESS POWERED BY AMIMOTO

76. UNPREDICTABLE
TRAFFIC SPIKES
PAGE VIEWS
INCREASE & DECLINE
AMAZON EC2
SCALABLE
POPULAR
BLOG SITE

77. LARGE-
SCALE
MEDIA SITE

78. LOTS OF IMAGES
& ADVERTISEMENTS
SOCIAL MEDIA & FEED
60 MILLION
PV / MONTH
LARGE-SCALE
MEDIA SITE
AUTOSCALING

79. INCREASE / DECREASE
INSTANCES BASED ON LOAD
COST-EFFICIENT
AUTOMATIC RECOVERY
AUTOSCALING

80. HUGE
ENTERPRIS
E
SITE

81. 多言語対応
より早く
マルチサイト
大規模
エンタープライズサイト 1 インスタンスに
複数のWordPressを
設置可能
多言語プラグインの
インストール

82. NEWS
SITE

83. MULTIPLE AUTHORS
SUDDEN TRAFFIC SURGE
THOUSANDS OF POSTS
NEWS SITE
Possible with
WordPress
WP Booster CDN

84. WORDPRESS POWERED BY AMIMOTO
amimoto-ami.com/client/

85. 料金と目安PV
の話

86. #AMIMOTO @Amimoto_Ami
INSTANCE
TYPES &
DETAILS
T2.MICRO T2.SMALL T2.MEDIUM C4.LARGE
推奨WordPress
インストール数
3 3 3 5
目安となる
月間PV数
100,000 PV /月 300,000 PV /月 300,000 PV /月 1 Million PV /月
Memory (GB) 1 2 4 3.75
HDD (Elastic
Block Store)
Default Capacity:30 GB (SSD),
additional disk may be added
用途など
web servers, developer environments
& small databases
for high traffic web servers,
media transcoding, online
gaming servers, ad serving
engines, compute-intensive
apps

87. スケールアップ
する

88. さっきのインスタンスをまず止めます

89. なんか言われるけど気にしない（今は）

90. 停止作業が始まりました

91. 止まりました

92. インスタンスタイプを変更する

93. とりあえずt2.smallを選んでみましょう

94. 選べないものも混じってるので要注意

95. インスタンスタイプが大きくなりました

96. 開始させましょう

97. 開始させましょう

98. runningになるのを待ちます

99. スケールダウン
する

100. ぶっちゃけ
さっきの逆です

101. さっきのインスタンスをまず止めます

102. なんか言われるけど気にしない（今は）

103. 停止作業が始まりました

104. 止まりました

105. インスタンスタイプを変更する

106. t2.microを選びましょう

107. 選べないものも混じってるので要注意

108. インスタンスタイプが小さくなりました

109. 開始させましょう

110. 開始させましょう

111. runningになるのを待ちます

112. なんで
スケール変更
するの？

113. スケールアップすると、
サーバーが強くなる

114. スケールアップすると、
お金がかかる

115. 必要な分だけ使って
経済的に運用しよう

116. [片付け]
INSTANCEを
削除する

117. 立ち上げたインスタンスを選択し、

118. 削除（ターミネート）を選択する

119. 黄色→赤になればOK

120. EIP ADDRESS
を解放する

123. [付録]
ROUTE 53で
ドメインを設定

124. ROUTE 53
DNS WEB SERVICE
TRANSLATES www.example.com
to numeric IP 192.0.2.1 that computers
use to connect to each other

131. COPY THESE NS VALUES

134. http://bit.ly/1OlXtGq

135. THANK YOU!
@Amimoto_Ami
amimoto-ami.com
WordPress + Amazon Web Services
Habds on