47
WordPress AWS 素敵な関係 五十嵐和恵  Kazue IGARASHI

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

Embed Size (px)

DESCRIPTION

JAWS FESTA Tohoku 2014でセッションした「WordPressとAWSの素敵な関係」のスライド

Citation preview

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

WordPress と AWS の素敵な関係五十嵐和恵 Kazue IGARASHI

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

Who am I ?

• 五十嵐和恵 - Kazue IGARASHI

• 通称おかん

• @gatespace_k

• http://gatespace.jp/

WordCamp Kansai 2014 with Matt

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

デジタルキューブ My job : Code Wrangler / Frontend Engineer

• https://www.digitalcube.jp/

• Amazon Web ServicesAPN コンサルティングパートナー

• WordPressCodePoet Directory コンサルタント

• 分散型ワークスタイル

• 営業ゼロ。100%インバウンド

• WordPress on AWS大規模ウェブメディア など

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

_s (Underscores) Contributor

• http://underscores.me/

• WordPress用テーマの「元」

• 多くの公式テーマの元に なっている

• Automattic 社が中心になって開発

• GitHub で公開されている https://github.com/automattic/_s

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

WordPress日本語フォーラム 世話役

• http://ja.forums.wordpress.org/

• WordPress に関する質問や話題を話し合うオンラインフォーラム

• 日本語ローカルサイト運営チームによって管理

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

WordBench仙台 モデレーター

• http://wordbench.org/groups/sendai/

• 仙台を中心に宮城および近県エリア

• WordPress情報の発信とユーザー交流の場

• WordPressに興味がある方なら誰でも参加OK

• WordBenchとは

• WordPress ユーザーのための地域コミュニティサイト

• 各地域のコミュニティはボランティアのメンバーにより運営

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

WordCamp Tokyo 2014 http://2014.tokyo.wordcamp.org/

• WordPress Foundation 公認で世界中で開かれている WordPress のイベント

• WordPress ユーザーコミュニティが主催

• 日時:2014年10月11日 (土)

• 場所:東京都大田区産業プラザPiO

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

WordOnsen in 福島飯坂

• 2014年11月1日(土)~2日(日)開催予定

• 場所:福島県飯坂温泉

• 昨年の内容http://2013onsen.wbsendai.com/

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

網元起動隊 https://www.facebook.com/

GHOSTINTHEAMIMOTO

全国各地で増殖中

網元起動隊 奥の細道

網元起動隊 大分班網元起動隊 神戸班

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

本日のお品書き• AWS + WordPress でウェブサイトを作るには

• AMI = Amazon Machine Image

• 網元(Amimoto)

• WordPress + AWS S3

• WordPress + AWS CloudFormation

• おまけ

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

その前に

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

WordPress 4.02014年9月5日 リリース

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

本題

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

AWS + WordPress でウェブサイトを作るには

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

1. EC2のインスタンス作成• AWSマネージメントコンソールから

EC2ダッシュボードを開く

• Lunch Instance で新規作成

• 基本はOSのみ

• Amazon Linux

• Red Hat Enterprise Linux

• SuSE Linux Enterprise

• Ubuntu

• Microsoft Windows Server 2012

など

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

2. Webサーバーとして動くために• Webサーバー(Apache、Nginx、

Lighttpd)のインストール

• PHPのインストール

• データベース(MySQL)のインストール

• ライブラリのインストール

• 諸々の設定

• 全部コマンドラインで!

など

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

3. WordPressのインストール

• データベースにテーブル作成

• PHPとMySQLの通信

• WordPressのファイルをサーバーにアップロード

• WordPressの設定

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

2が難しい!! というか面倒!!!

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

2が難しい!! というか面倒!!!

急ぎで!

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

AMI = Amazon Machine Image

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

AMI = Amazon Machine Image

• インスタンス丸ごとパッケージ

• OS以外のアプリケーションも含まれる

• WordPressに最適化されたAMIもたくさん

• 選ぶだけ。面倒な作業がない

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

網元(AMIMOTO)

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

網元(AMIMOTO) http://ja.megumi-cloud.com/

• WordPress powered by AMIMOTO (HVM)

• AWS + Nginx + WordPress + リバースプロキシCache

• WordPressに最適化した 「ハイパフォーマンス環境」

• 世界8リージョン対応

• 24/365 マウスクリックだけで簡単にサーバーを調達

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

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

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

インスタンス起動のデモ

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

Public IP でアクセスしてみるデータベースも自動で設定します!

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

独自ドメインを割り当てたい http://ja.megumi-cloud.com/2013/11/29/elastic-ip-and-route-53/

• Elastic IPでインスタンスに固定グローバルIPアドレスを付与

• DNSサーバーで設定する

• AWSならRoute53

• AWSでドメインも買える

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

網元はお勧めプラグイン入り• Nginx Cache Controller

• 必須!

• Nginx Reverse Proxyキャッシュを制御

• キャッシュ系プラグインは不必要

• Contact Form 7

• WP Total Hacks

など

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

プロセス監視 MONIT http://mmonit.com/monit/

• PHP-FPM, Nginx, MySQLのプロセス終了を監視自動で再起動

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

WP-CLI A command line interface for WordPress

http://wp-cli.org/

• コマンドラインからWordPress のセットアップを含むすべてのことが行える

• WordPress本体のインストールやアップグレード

• プラグインやテーマのインストール・アップデート、有効化・無効化

• 投稿・固定ページ関する操作

• ユーザーの操作

• データベースの操作

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

WP-CLIのデモ

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

WordPress + Amazon S3

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

WordPressプラグイン Nephila clavata(絡新婦) https://wordpress.org/plugins/nephila-clavata/

• メディアライブラリにアップロードされたファイル(画像、動画など)を自動的に Amazon S3 にアップロード

• 表示する際にS3のファイルを参照

• メリット

• 配信ドメインを変えることでブラウザのパラレルダウンロードを加速

• S3 + CloudFront で、画像/動画だけを CDN から配信

• 複数台構成にしている場合、同期などを気にしなくて良い

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

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

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

WordPress + AWS CloudFormation

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

突然の_人人人人人_ > ○○砲 < ‾Y^Y^Y^Y‾

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

突然の_人人人人人_ > ○○砲 < ‾Y^Y^Y^Y‾

• アクセス過多

• ロードバランサー

• オートスケール

• フェイルオーバー

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

迎撃用CDP

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

迎撃用CDP

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

陣形(JIN-KEI) http://ja.cloudhappy.net/

• AWS CloudFormationのテンプレート

• Opscode Chefを使ってWordPressに最適化されたサーバ環境をAWS上に作成

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

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

おまけ

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

AMIAGEconcrete5, CKAN, GitLab, Virtuoso などのAMI

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

Thanks !

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

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

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

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/

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

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

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

URLs 4

• 陣形(JIN-KEI)http://ja.cloudhappy.net/

• AMIAGEhttp://amiage.com/ja/