68
WordVolcano from the dark side handson JAWS-UG Kagoshima Takayuki Niinuma @twinuma

WordVolcano - from the dark side - handson

Embed Size (px)

Citation preview

Page 1: WordVolcano - from the dark side - handson

WordVolcano from the dark side

handson

JAWS-UG Kagoshima Takayuki Niinuma @twinuma

Page 2: WordVolcano - from the dark side - handson

ようこそ、ネコワーキングスペースへ

Page 3: WordVolcano - from the dark side - handson

http://bit.ly/1208wvds

Page 4: WordVolcano - from the dark side - handson

お菓子&ドリンクフリー!皆さんありがとうございますm(_ _)m

Page 5: WordVolcano - from the dark side - handson

Agenda

1. 網元AMIを使ってAWS上にWPサイト構築

2. StaticPressとAmazon S3を使った静的ホスティング

3. VCCWでさくっとローカルにWP構築

4. ImemotoとHatamoto実践

Page 6: WordVolcano - from the dark side - handson

確認&お願い事項1. ノートPCはネットワーク接続済みですか?

2. Windows or Mac OS ?

3. AWSアカウントはお持ちですか?

4. 休憩はご自由に

5. 分からない事があれば素直に挙手

Page 7: WordVolcano - from the dark side - handson

Are you Ready?

Page 8: WordVolcano - from the dark side - handson

Agenda

1. 網元AMIを使ってAWS上にWPサイト構築

2. StaticPressとAmazon S3を使った静的ホスティング

3. VCCWでさくっとローカルにWP構築

4. ImemotoとHatamoto実践

Page 9: WordVolcano - from the dark side - handson

ブラウザに以下のURLを入力

Page 10: WordVolcano - from the dark side - handson

「AWSマネジメントコンソール」をクリック

Page 11: WordVolcano - from the dark side - handson

メールアドレスとパスワードを入力し、サインイン

Page 12: WordVolcano - from the dark side - handson

KeyPairの作成

Page 13: WordVolcano - from the dark side - handson

KeyPairの作成

Page 14: WordVolcano - from the dark side - handson

KeyPairの作成

Page 15: WordVolcano - from the dark side - handson

KeyPairの作成

Page 16: WordVolcano - from the dark side - handson

KeyPairの作成

Page 17: WordVolcano - from the dark side - handson

Security Groupの作成

Page 18: WordVolcano - from the dark side - handson

Security Groupの作成

Page 19: WordVolcano - from the dark side - handson

Security Groupの作成

Page 20: WordVolcano - from the dark side - handson

HTTPとSSHのみを選択し「Apply Rule Changes」

Security Groupの作成

Page 21: WordVolcano - from the dark side - handson

網元AMIインスタンス作成

Page 22: WordVolcano - from the dark side - handson

網元AMIインスタンス作成

みんな大好き、「ami-29d54d28」

Page 23: WordVolcano - from the dark side - handson

網元AMIインスタンス作成

Page 24: WordVolcano - from the dark side - handson

網元AMIインスタンス作成

Page 25: WordVolcano - from the dark side - handson

網元AMIインスタンス作成

Page 26: WordVolcano - from the dark side - handson

網元AMIインスタンス作成

「amimoto-demo」と入力

Page 27: WordVolcano - from the dark side - handson

網元AMIインスタンス作成

Page 28: WordVolcano - from the dark side - handson

網元AMIインスタンス作成

Page 29: WordVolcano - from the dark side - handson

網元AMIインスタンス起動

Page 30: WordVolcano - from the dark side - handson

網元AMIインスタンス起動

Page 31: WordVolcano - from the dark side - handson

ブラウザのURLにペースト

Page 32: WordVolcano - from the dark side - handson

WordPressインストール

Page 33: WordVolcano - from the dark side - handson

ここはご自由に。

Page 34: WordVolcano - from the dark side - handson

WordPressインストール完了!

Page 35: WordVolcano - from the dark side - handson

作成したWordPressサイトを表示

Page 36: WordVolcano - from the dark side - handson

網元AMIへSSH接続してみよう

どうだ、これがDark Sideだ!!

Page 37: WordVolcano - from the dark side - handson

Questions?

Page 38: WordVolcano - from the dark side - handson

Agenda

1. 網元AMIを使ってAWS上にWPサイト構築

2. StaticPressとAmazon S3を使った静的ホスティング

3. VCCWでさくっとローカルにWP構築

4. ImemotoとHatamoto実践

Page 39: WordVolcano - from the dark side - handson

S3バケットを作成する

Page 40: WordVolcano - from the dark side - handson

S3バケットを作成する

Page 41: WordVolcano - from the dark side - handson

S3バケットを作成する

バケット名は任意の名前をつけて下さい。

Page 42: WordVolcano - from the dark side - handson

S3バケットを作成する

S3ホスティングを有効にする

Page 43: WordVolcano - from the dark side - handson

バケットポリシーを作成する

Page 44: WordVolcano - from the dark side - handson

バケットポリシーを作成する

Page 45: WordVolcano - from the dark side - handson

ダッシュボードからStaticPressのインストール

Page 46: WordVolcano - from the dark side - handson

S3バケットへアップロード

StaticPress-S3プラグインをインストール

https://github.com/megumiteam/staticpress-s3

Page 47: WordVolcano - from the dark side - handson

S3バケットへアップロード

Page 48: WordVolcano - from the dark side - handson

S3バケットへアップロード

Page 49: WordVolcano - from the dark side - handson

S3でホスティングされたWordPressサイトを表示

Page 50: WordVolcano - from the dark side - handson

Questions?

Page 51: WordVolcano - from the dark side - handson

Agenda

1. 網元AMIを使ってAWS上にWPサイト構築

2. StaticPressとAmazon S3を使った静的ホスティング

3. VCCWでさくっとローカルにWP構築

4. ImemotoとHatamoto実践

Page 52: WordVolcano - from the dark side - handson

VCCW (Vagrant Chef CentOS WordPress)

https://github.com/miya0001/vagrant-chef-centos-wordpress

Page 53: WordVolcano - from the dark side - handson

VCCWをはじめるにはこれだけでOK

Page 54: WordVolcano - from the dark side - handson

Vagrantコトハジメ

https://gist.github.com/voluntas/5525719

Page 55: WordVolcano - from the dark side - handson

1.Install VirtualBox

https://www.virtualbox.org/wiki/Downloads

Page 56: WordVolcano - from the dark side - handson

2.Install Vagranthttp://www.vagrantup.com/

ご自身の環境に合わせたものをDL

Page 57: WordVolcano - from the dark side - handson

3.Install the vagrant-hostsupdater plugin

VagrantでゲストOSを起動した際に、ホストOSのhostファイルにゲストOSのホスト名とIPを追加、停止した時に削除してくれるプラグイン

https://github.com/cogitatio/vagrant-hostsupdater

Page 58: WordVolcano - from the dark side - handson

4.Clone the repository into a local directory.

ここで失敗した人は、SSHの認証が原因です。以下のURLを開いて手順を確認。

https://help.github.com/articles/generating-ssh-keys

Page 59: WordVolcano - from the dark side - handson

5.Change into a new directory.

cd /usr/localmkdir vagrantcd vagrantgit clone https://github.com/miya0001/vagrant-chef-centos-wordpress.git vagrant-wp cd vagrant-wp

Page 60: WordVolcano - from the dark side - handson

6.Copy the default Vagrantfile.

Page 61: WordVolcano - from the dark side - handson

7.Start a Vagrant environment.

vagrant起動:vagrant upvagrant停止:vagrant haltvagrant削除:vagrant destroy

Page 62: WordVolcano - from the dark side - handson
Page 63: WordVolcano - from the dark side - handson

8.Visit http://wordpress.local/

Page 64: WordVolcano - from the dark side - handson

Vagrant内のWPからStaticPressでS3ホスティング

Page 65: WordVolcano - from the dark side - handson

Questions?

Page 66: WordVolcano - from the dark side - handson

Agenda

1. 網元AMIを使ってAWS上にWPサイト構築

2. StaticPressとAmazon S3を使った静的ホスティング

3. VCCWでさくっとローカルにWP構築

4. ImemotoとHatamoto実践

Page 67: WordVolcano - from the dark side - handson

Questions?

Page 68: WordVolcano - from the dark side - handson

以上です。 お疲れ様でした。