1. ミッション:
おとのさまをたすけだせ
WEB TOUCH MEETING 57
2013.05.18
大林 正典

2. 自己紹介
• 大林 正典 / @moobay9 / インフラエンジニア
• 20世紀からHTML/CSSは触ってましたがWEBを仕事
にしたのは2007年から
• 2011年の秋まで東京の渋谷で働いてました
• 時々プログラマー（PHPとシェルスクリプト）
• 現在フリーランスです。猛烈に仕事募集中です
• サンフレッチェのガチサポです

3. レジュメ
• はじめに
• WEBサーバ
• 高負荷状態
• なんとかしたい
• 正しく判断しよう
• できること
• まとめ

4. はじめに

5. この資料の内容ですが
基本的に公開されている情報
およびデータで構成しております。

6. また、本日の内容は
大量のアクセスを
どのようにさばくかです。

7. 特定の企業や団体その他
一切の実在の組織／個人は
登場しません。

8. ∩＿＿＿∩
| ノ u ヽ
/ ● ● |
| u ( _●_) ミ
彡､ |∪| u､｀＼
/ ＿＿ ヽノ /´> )
(＿＿＿） u / (_／
| /
| ／＼ ＼
| / ) )
∪ （ ＼
＼＿)
頭にどんな言葉が浮かんでも
それはフィクションクマー！

9. WEBサーバ

10. 基礎のおさらい
http://hogehoge.jp/ が見たい！ WEB
hogehoge.jp をください
データを送るよ！
hogehoge.jp/style.css をください
データを送るよ！
hogehoge.jp/jquery.js をください
データを送るよ！

11. ⼀一⾏行行ずつリクエストが⾏行行なわれてる
183回サーバへリクエストを投げている
とあるトップページの Firebug
合計で
3.4MB
もある

12. １ページを組み立てるのに必要な
ファイル数は結構多いって
皆さん気がついてました？

13. 人が多いと…
WEBサーバ
''';;';';;'';;;,., ザッ
''';;';'';';''';;'';;;,., ザッ
;;''';;';'';';';;;'';;'';;;
;;'';';';;'';;';'';';';;;'';;'';;;
vymyvwymyvymyvy ザッ
ザッ n_n,n_n、n_n,n_n、n_n,n_n、
∩＿∩＾－＾∩＿∩＾－＾∩＿∩＾－
ザッ ∩＿＿∩ ∩＿＿∩ ∩＿＿∩ ∩＿＿∩
∩＿ ∩＿＿∩ ∩＿＿∩ ＿∩ ∩＿ ザッ
∩＿＿＿∩ ∩＿＿＿∩ ∩＿＿＿∩ ∩＿＿＿∩
| ノ ヽ | ノ ヽ | ノ ヽノ ヽ
/ ● ● | / ● ● | ● ● | ● ● |
| ( _●_) ミ | ( _●_) ミ ( _●_) ミ ( _●_) ミ
彡､ |∪| ､｀ 彡､ |∪| ､｀＼ |∪| ､｀＼ |∪| ､｀＼
/ ＿＿ ヽノ / / ＿＿ ヽノ /´> ) ヽノ / ノ //ヽノ /´> )
(＿＿＿） / (＿＿＿） / (_／＿） / (_／ / (_／
くれクマー
くれクマー
クマー
クマー
クマー
データくれクマー
え、あんなに相手すんの…？
！？
クマー
クマー
クマー

14. 0
10
20
30
40
50
60
Apache IIS Nginx GFE Other
参考:netcraft.com
HTTP サーバのシェア
VPS やレンタルサーバの
場合ほぼ Apache です

15. Apache プログラム⾔言語 CMS データベース
ブラウザ等から
のアクセス
データの返却
プログラム実⾏行行指⽰示
必要に応じてデータ取得
データの返却HTML⽣生成
画像
CSS
JS
HTML
PHPファイル
プログラム実⾏行行 データ
アクセスとサーバ内部の働き

16. HTTP の代表的な応答コード
コード メッセージ 意味
200 OK リクエストを正常に応答
301 Moved Permanently リダイレクト（永続的）
304 Not Modified
サーバ側の更新がないため
クライアントキャッシュ使用指示
401 Unauthorized Basic 認証などの認証失敗
404 Not Found ファイルが見つからない
500 Internal Server Error サーバ内部で問題発生
503 Service Unavailable 過負荷などでリクエスト応答不可

17. 高負荷状態

18. アクセスいっぱい来ちゃいました
☆（ゝω・）v キャピ

19. ４月某日
※
200
のときが正常
で
503
の時が⾼高負荷のため未処理理、0
がタイムアウト
８時台から翌⽇日１時過ぎまでエラー発⽣生
正常

20. 対策後

21. ４月某日
その一週間後
※
200
のときが正常
で
503
の時が⾼高負荷のため未処理理、0
がタイムアウト
８時台から翌⽇日１時過ぎまでエラー発⽣生
⾼高負荷試験で⼀一部アクセスが
遅くなっていた所以外はエラー無し
正常
正常

22. なんとかしたい

23. サーバを入れ替えた。

24. おしまい。

25. ご清聴ありｇ…

26. ／￣￣＼
／ﾉ( _ノ ＼
| ⌒(（ ●）（●）
.| （__人__） /⌒l
| ｀ ⌒´ﾉ |`'''|
／ ⌒ヽ } | |
／ へ ＼ }__/ / ／￣￣＼
／ ／ | ノ ノ ／ ●)) ((●＼’, ･
( _ ノ | ＼´ ＿ （ (_人_)’∴ ）, ’ぐぇあ
| ＼＿,, -‐ ''" ￣￣ﾞ''―---└'´￣｀ヽ て
.| ＿＿＿＿＿＿ ノ （
ヽ ＿,, -‐ ''" ﾉ ヽ ｒ'"￣
＼ , '´ し/.. | J
＼ ( / |
＼ ＼ し- '^`-J
それだけなわけねーだろ！

27. というわけでサーバを
入れ替えるだけでは０点です。

28. エラーの発生原因を探らないと
根本を潰す事ができないからです。

29. ／）
／／／）
／,.=ﾞ''"／
／ i f ,.r='"-‐'つ＿＿＿_
/ / _,.-‐'~／⌒ ⌒＼
／ ,i ,二ﾆ⊃（ ＞）. （＜）＼
/ ﾉ ilﾞフ::::::⌒（__人__）⌒::::: ＼
,ｲ｢ﾄ､ ,!,!| |r┬-| |
/ iﾄヾヽ_/ｨ"＼ `ー'´ ／
こまけぇこたぁいいんだよ！
スペックが足りないなら上位プランにあげとけ！

30. これをやると…

31. ＿＿＿_
／ u ＼
／ ＼ ／＼
／ し （＞） （＜） ＼
| ∪ （__人__） J | ＿＿＿＿＿＿＿_
＼ u ｀⌒´ ／ | | |
ノ ＼ | | |
／´ | | |
| ｌ | | |
先月の請求がきたお…
請求額を今からみるお…

32. ＿＿＿_
／ u ＼
／ ＼ ─＼ チラッ
／ し （＞） （●） ＼
| ∪ （__人__） J | ＿＿＿＿＿＿＿_
＼ u ｀⌒´ ／ | | |
ノ ＼ | | |
／´ | | |
| ｌ | | |

33. ＿＿＿_
／ ＼ 。 。 。
／ ＿ w ＿＼＿＿＿＿＿＿＿＿_ 。 。 。
／ ＿＿＿＿＿| | ﾍ＿＿＿＿ﾍ＿|＿＿＿_ ＿＿＿
／⌒| (（＿＿＿＿＿.| | Σ ＿＿＿＿＿＿＿＿（○）＿＿（○） バキッ！！
／ |. ι （___人__） | | '' , ' ' , | 。
| ｌ＼ | .| | | | 。
ヽ -一ー_~､⌒) |r┬-| | |. | 。 。 。
ヽ ＿＿＿＿,ノ `ー'´ 。 。 。
GYAAAAAAAAA!!

34. こんなことになるのは
火を見るよりも明らかです。

35. 503エラーが出ている
Apache の制限に引っかかっている
じゃあ制限に引っかからない
サーバに引っ越せばいいじゃない！
で、こうなった

36. 9:00 から12時間のグラフ
制限がかかっていないためアクセス不不可になるまで
ハードウェアリソースを使い潰したので
タイムアウトが常時発⽣生（と推測していた）
ここで切切り替えた ここで戻した
※ これをやったのは私ではありません

37. コンテンツが見れるようになった！
503エラーが出ている
サーバの生死に影響が無いようWEBだけ止めていた
制限を解放したサーバに移行する

38. 503エラーが出ている
サーバの生死に影響が無いようWEBだけ止めていた
制限を解放したサーバに移行する
サーバそのものが死亡

39. どうしてこうなった…（AA略）

40. で、私のターン。

41. 16日
0時
17日
0時
18日
0時
ここで対策第⼀一弾
ピークタイムに
少し不不安定に
ここで対策第⼆二弾
ピークタイムも乗り切切った
参画開始

42. 正しく判断しよう

43. 外から現象を監視しているだけでも
結構わかる事はあります。

44. 外野からでもわかること
• 使ってるDNS
• 使ってるレンタルサーバの提供会社
• ドメインを取った会社（または個人）
• WEBサーバのステータスコード
- 特にステータスコードの傾向でサーバで何が起きているかが推測
できるので重要

45. 中の人になる前に想像していたこと
• 503 エラー頻発のサーバは使い物にならない
• タイムアウトしているサーバはメモリが足りない
• インフラとアプリケーションの連携が取れない

46. このくらい情報がわかってると
キーになるポイントは分かる。

47. ボトルネックになるのは
機械だけではなく人や組織の
場合もあります。

48. 正しい判断はまず情報から。

49. できること

50. スケール
スペックをあげる
同じスペックを増やす スケールアウト
スケールアップ

51. 今回はスケールアップで失敗してるので
スケールアウトの方向で。

52. Apache プログラム⾔言語 CMS データベース
ブラウザ等から
のアクセス
データの返却
プログラム実⾏行行指⽰示
必要に応じてデータ取得
データの返却HTML⽣生成
画像
CSS
JS
HTML
PHPファイル
プログラム実⾏行行 データ
サーバ内部の働き（のおさらい）

53. サーバの分離離
ウェブサーバ プログラム⾔言語 CMS データベース
CPUのパワーとメモリがある程度度必要 読み書き（I/O）の
早さが必要
両⽅方の要件を満たすサーバだと相当に⾼高価になるので、
必要な性能の最適化のためサーバを２台⽤用意して最適化

54. WEBサーバの⾼高速化
ウェブサーバを２段構成に
ApacheNginx
HTML
画像
CSS
JS
ブラウザ等から
のアクセス
データの返却
キャッシュにない、またはキャッシュの
保存期間切切れデータを取得
キャッシュを
優先的に使⽤用
PHP
等を実⾏行行して
データを返却

55. PHPの実⾏行行の最適化
ウェブサーバ プログラム⾔言語 CMS
HTML⽣生成
PHPファイル
プログラム実⾏行行
アクセスの度度に１ファイルずつテキスト
からコンピューターの実⾏行行形式へ変換
コンピュータが読めるように変換した
中間コード（PHPファイル）
キャッシュとして保存
キャッシュに中間コードがある場合は
変換せずに保存したコードを使う

56. PHPの実⾏行行の最適化
• APC 導入前は激しい状態で時には Max までいくことも
• APC 導入後は不要なコンパイルが減ったため劇的にCPU 使用率が低減

57. Apache のチューニングもやりましたが
今回は省略します。

58. WEBサーバ WEBサーバ
DBサーバ
WEB
キャッシュサーバ
アクセスの流れ
APC の導入
分離
WEBの二段階化
アクセスの流れ

59. こんな比較的シンプルな構成でも
設定次第で Yahoo! 砲を耐えます。

60. まとめ

61. 大多数の同様の事象が発生するケースでは
インフラを選ぶプロセスに問題があります。

62. インフラをまったく考慮せず CMS が動けば
何でもいいと安易に選んでませんか？

63. WEBは家と同じです。
土台なくして建家はありえません。
インフラとコンテンツは密接な関係です。

64. コンテンツに適した構成はあります。
きちんと企画設計段階からインフラのことを
熟知している人に相談しましょう。

65. サイトの規模が大きければ大きいほど。

66. 公開後の運用も大切。

67. アクセス数は生き物だから
アクセス規模に合わせて増減は
どうしても対応しないといけない。

68. 顧客が運用してくれるわけではないのなら
困る前にキチンとインフラ屋に相談を！

69. なるべく企画段階から！

70. 大事な事だからもう一度

71. コンテンツの企画段階から！

72. 一番ダメなパターン

73. 「Wordpress 使うけど
○○社のレンサバ安いやつでやって」

74. • 適当にサーバを選ぶべからず。
• 値段からサーバを選ぶべからず。
• コンテンツとインフラを切り離して考え
るべからず。

75. おまけ

76. WEBの二段階化

77. く、アクセスが多い
もうダメか…
＿＿＿＿＿＿＿＿＿＿
＜○√
∥
くく
''';;';';;'';;;,., ザッ
''';;';'';';''';;'';;;,., ザッ
;;''';;';'';';';;;'';;'';;;
;;'';';';;'';;';'';';';;;'';;'';;;
vymyvwymyvymyvy ザッ
ザッ n_n,n_n、n_n,n_n、n_n,n_n、
∩＿∩＾－＾∩＿∩＾－＾∩＿∩＾－
ザッ ∩＿＿∩ ∩＿＿∩ ∩＿＿∩ ∩＿＿∩
∩＿ ∩＿＿∩ ∩＿＿∩ ＿∩ ∩＿ ザッ
∩＿＿＿∩ ∩＿＿＿∩ ∩＿＿＿∩ ∩＿＿＿∩
| ノ ヽ | ノ ヽ | ノ ヽノ ヽ
/ ● ● | / ● ● | ● ● | ● ● |
| ( _●_) ミ | ( _●_) ミ ( _●_) ミ ( _●_) ミ
彡､ |∪| ､｀ 彡､ |∪| ､｀＼ |∪| ､｀＼ |∪| ､｀＼
/ ＿＿ ヽノ / / ＿＿ ヽノ /´> ) ヽノ / ノ //ヽノ /´> )
(＿＿＿） / (＿＿＿） / (_／＿） / (_／ / (_／

78. ＿＿＿＿＿＿＿＿＿＿
＜○√
∥
∥ ＜○√
／/ ∥
| | くく
大丈夫かい？
''';;';';;'';;;,., ザッ
''';;';'';';''';;'';;;,., ザッ
;;''';;';'';';';;;'';;'';;;
;;'';';';;'';;';'';';';;;'';;'';;;
vymyvwymyvymyvy ザッ
ザッ n_n,n_n、n_n,n_n、n_n,n_n、
∩＿∩＾－＾∩＿∩＾－＾∩＿∩＾－
ザッ ∩＿＿∩ ∩＿＿∩ ∩＿＿∩ ∩＿＿∩
∩＿ ∩＿＿∩ ∩＿＿∩ ＿∩ ∩＿ ザッ
∩＿＿＿∩ ∩＿＿＿∩ ∩＿＿＿∩ ∩＿＿＿∩
| ノ ヽ | ノ ヽ | ノ ヽノ ヽ
/ ● ● | / ● ● | ● ● | ● ● |
| ( _●_) ミ | ( _●_) ミ ( _●_) ミ ( _●_) ミ
彡､ |∪| ､｀ 彡､ |∪| ､｀＼ |∪| ､｀＼ |∪| ､｀＼
/ ＿＿ ヽノ / / ＿＿ ヽノ /´> ) ヽノ / ノ //ヽノ /´> )
(＿＿＿） / (＿＿＿） / (_／＿） / (_／ / (_／
君は！ Nginx！

79. PHP 処理の最適化

80. ∩＿＿＿＿＿＿＿＿＿＿＿__∩
/ノ ヽ
/ ● ● l
| ( _●_) ミ
彡､ |∪| ､｀
/ ヽノ ::::i ＼
/ / ::::|＿/
＼_／ ::::|
| ::::/
i ＼ ::::/
＼ | :／
|＼＿＿＿＿＿＿＿＿＿__／/
＼＿_＿＿＿＿＿＿＿＿_／
以前の PHP 処理
APC 導入後の PHP 処理
. ∩＿∩ ;
; | ノ|||||||ヽ `
, / ● ●|
;, |＼( _●)/ ミ
; 彡､| |∪| |､＼ ,
./ ヽ／> ) :
(＿ﾆﾆ>/ (／ ;
; | | ;
' ＼ヽ/ / :
, ／／＼＼ .
; し’ '`| | ;

81. 質疑応答

82. ご清聴ありがとうございました