jaws-ug osaka web : wordpress & cloudfront

16
JAWS-UG OSAKA 第二回勉強会 LT @nxhack 2011/04/23

Upload: hirokazu-morikawa

Post on 30-Nov-2014

2.446 views

Category:

Technology


1 download

DESCRIPTION

Keynote から生成した PDF がエラーになるので、Keynote -> ppt -> LibreOffice -> PDF で上手く言ったが、レイアウトが崩れてしまって悲しい。

TRANSCRIPT

Page 1: JAWS-UG Osaka Web : WordPress & CloudFront

JAWS-UG OSAKA第二回勉強会 LT

@nxhack 2011/04/23

Page 2: JAWS-UG Osaka Web : WordPress & CloudFront

JAWS-UG 大阪支部 Web サイト立ち上げました

Page 3: JAWS-UG Osaka Web : WordPress & CloudFront

http://osaka.jaws-ug.jp/

Page 4: JAWS-UG Osaka Web : WordPress & CloudFront

要件•複数人でコンテンツ作成・編集と管理‣ 何らかの CMS が必要

•ランニングコストはミニマムに‣ 運用もミニマムに > 複雑なのはダメ

•勉強会前後は軽いトラヒックバースト•せっかくヤルなら面白い事したいね

Page 5: JAWS-UG Osaka Web : WordPress & CloudFront

設計• 第一回勉強会での @kaz_goto さんのプ

レゼンよりアイデアをいただきマウス• CMS から静的コンテンツを生成して、

それを CloudFront の Custom Origin 機能を利用して CDN 配信

Page 6: JAWS-UG Osaka Web : WordPress & CloudFront

設計• 第一回勉強会での @kaz_goto さんのプ

レゼンよりアイデアをいただきマウス• CMS から静的コンテンツを生成して、

それを CloudFront の Custom Origin 機能を利用して CDN 配信

CloudFront はネ申らしい

Page 7: JAWS-UG Osaka Web : WordPress & CloudFront

設計•CMS は WordPress にする•慣れてるし操作や運用が簡単•WP なので環境は LAMP

•静的コンテンツ生成プラグイン•Really Static plugin

Page 8: JAWS-UG Osaka Web : WordPress & CloudFront
Page 9: JAWS-UG Osaka Web : WordPress & CloudFront

ベンチマーク• CMSサーバ : us-east-1 : t1.micro• CloudFront : Japan edge location• ブラウザ : 大阪 : Google Chrome

10.0.648.204 (MacOS X)

Page 10: JAWS-UG Osaka Web : WordPress & CloudFront

ブラウザのコンテンツキャッシュ・クッキーは削除して閲覧CMS サーバから7 requests | 36.42KB transferred | 14.70s (onload: 14.70s, DOMContentLoaded: 14.08s)CloudFront から7 requests | 39.27KB transferred | 847ms (onload: 957ms, DOMContentLoaded: 768ms)

17 倍速

Page 11: JAWS-UG Osaka Web : WordPress & CloudFront

ブラウザのコンテンツキャッシュ・クッキーを残して閲覧CMS サーバから7 requests | 2.92KB transferred | 1.30s (onload: 1.30s, DOMContentLoaded: 1.09s)CloudFront から7 requests | 7.54KB transferred | 104ms (onload: 104ms, DOMContentLoaded: 80ms)

12 倍速

Page 12: JAWS-UG Osaka Web : WordPress & CloudFront

ランニングコスト•EC2 : t1.micro•EBS

•CloudFront•Data Transfer

Page 13: JAWS-UG Osaka Web : WordPress & CloudFront

月額料金 : Red Bull 5缶分275円 × 5 = 1,375円

Page 14: JAWS-UG Osaka Web : WordPress & CloudFront

【緩募】大阪支部 Web エディタ・デザイナー 有志

【緩募】Cloud Formation Template 職人

(EC2 + CloudFront + Route 53)

Google group : jawsug-osaka まで

Page 15: JAWS-UG Osaka Web : WordPress & CloudFront

TipsCF の設定する前にmod_expires で1時間 にしとけよ!

Page 16: JAWS-UG Osaka Web : WordPress & CloudFront

おしまい続きはウェブで

http://www.egrep.jp/wiki/index.php/CloudFront_custom_origin