2015/12/6に開催された「北九州マカベン x メンバーズ vol.2」の資料です。 Azureの機能の説明と、「バックアップ」「ステージング」を活かすWordPressサイトの構成についてお話しさせていただきました！ AzureでWordPressサイトを構築する場合、データベースはSQLiteを採用し、Azure BLOBストレージから画像配信する構成がオススメです。

1. Web制作的に便利な機能満載♪
Microsoft Azureを使ってみよう
松本 典子
Noriko Matsumoto
フリーランス Webデザイナー / ディレクター
2015 / 12 / 06 北九州マカベン x メンバーズ vol.2

2.  福岡県北九州市在住
 フリーランス
Webデザイナー / ディレクター
 インフラ知識ゼロ…
 昨年12月にAzureデビュー
2
自己紹介
松本 典子（まつもと のりこ）
Webに関する業務全般やってます。
（提案～Webページ制作～運用・マーケティングetc…）

3. 本日お話すること
 Microsoft Azureについて
– Azure WebAppsとは？
 ４つのオススメ便利機能
– Web構築環境が一瞬でできるWebアプリ
– Webサイトの自動バックアップ・復元
– テスト環境と本番環境を一瞬で入れ替え
– 急激なアクセス過多も安心！スケールアウト
 【実践編】ステージングを使って
WordPressサイトを制作する
3

4. Microsoft Azure（アジュール）
とは？
4

5. Microsoft Azureについて
5
 Microsoft Azureについてざっくり説明
1 CloudServices(主にプログラマ向け)
ミッションクリティカル、常に動き続けていないと
いけないサービス、きわめて高負荷なサービスなど
2 VirtualMachine(主にインフラ向け)
以前からの移植やVPSを触ってきた人、
Linuxユーザー向け（仮想マシン）
3 WebApps(Webデザイナー向け)
軽量なWebシステムやWebデザイナー、
フロントプログラマ向け

6. Azure WebAppsについて
6

7. Azure WebAppsについて
7

8. Azure WebAppsってこんな感じ
8
 「STANDARD」がおすすめ
 50GBまで「独自ドメインサイト」が入れ放題
– 約8000円で
– WordPressだったら1000サイト入る計算
 5ドメインまでSSLもOK
– 6サイト目から918円／月
 構築環境をそれぞれに変えられる
– PHPのバージョンやSSL、CMSなど
自分専用で環境を細かく設定できる
レンタルサーバーを持てるイメージ

9.  従来のレンタルサーバーのように使える
 管理ポータル画面で、よく使う必要な機能は
操作できる
– コマンド知らなくて大丈夫
– スケールアウト・フェイルオーバーの独自設計不要
Azure WebAppsのいいところ
9

10. ４つのオススメ便利機能
Web制作的に「コレは使うべき！」な便利機能のご紹介
10

11. Web構築環境が一瞬でできるWebアプリ
11
 管理画面から「Web＋モバイル」を選んで、
「アプリの名前」を入力するだけ

12. Webサイトの自動バックアップ・復元
12
 完全バックアップを1日1回やってくれる
– 設定しておけば毎日
 バックアップデータはストレージに
保存されていくので容量を圧迫しない
– 極論365日前の状態に戻すこともできる
 WordPressもSQLiteを採用すれば
DBのバックアップ対策しなくてOK
– DBバックアップ用のプラグイン不要
– 復旧時はFTPでファイルをあげるだけ

13. テスト環境と本番環境を一瞬で入れ替え
13
 「ステージング」とは？
本番環境と全く同じものを「ステージング環境」として
1つ作成可能。
ステージング環境は一切本番環境には影響を与えない。
「ステージング」でテスト環境と本番環境を
ワンクリックで入れ替えできる！！

14. 急激なアクセス過多も安心！
スケールアウト
14
 スケールアウトとは？

15. 15
DEMO
やります。
ここまでの内容の

16. 【実践編】ステージングを使って
WordPressサイトを制作する
16

17. WordPressと画像の配信を別々に行う
17
WordPressと画像を別々に配信するように構成
WordPressサイトの画像は「Azure BLOBストレージ」に置いた方が色々便利な話。
http://zuvuyalink.net/nrjlog/archives/1972

18. Azure WebAppsと
Azure BLOBストレージの違い
18

19. 使用するプラグイン
19
 Windows Azure Storage for WordPress
– メディアコンテンツ(画像 / 動画)を
AzureBLOBストレージに配置する
 SQLite Integration
– MySQLの代替用
 WP-Mail-SMTP
– Azureでメール送信できるようにする

20. Windows Azure Storage for WordPress
20
登録していく画像がAzureBLOBストレージ
に入っていく形になる。（容量無制限）

21. SQLite Integration
21
WordPressを利用する場合必要になる、
データベースとして使用（MySQLの代用）
 小～中規模サイトの運営に便利
 本気でMySQLを使うと有料になりコスト高
 SQLiteはファイルなのでサーバ不要
 復旧時はFTPでファイルアップロードでOK
専門知識の無いWebデザイナーに優しい！

22. ベースになるサイトURLを自動生成
 下記の内容を「wp-config.php」に追記
22
define('WP_HOME', 'http://'.$_SERVER['HTTP_HOST']);
define('WP_SITEURL', 'http://'.$_SERVER['HTTP_HOST']);
define('WP_HOME', 'http://'.$_SERVER['HTTP_HOST'].'/ディレクトリ名');
define('WP_SITEURL', 'http://'.$_SERVER['HTTP_HOST'].'/ディレクトリ名');
▼ドメイン直下にWordPressを置く場合
▼ディレクトリ内にWordPressを置く場合

23. WordPressサイトでステージング
23

24. WordPressサイトで
ステージングを使う場合の注意点
 .htaccessではなくweb.config
 MySQLは使わずSQLiteを使って構成する
 静的URLは書き換わらない
– wp-config.phpにコードの追記を忘れない
– 画像はBLOBストレージから配信する
 プラグイン「Windows Azure Storage for
WordPress」を使う
24

25. 最後に
25
Webデザイナー視点で実際に使ってみた
Azureの色々な機能についてブログ書いてます。
http://zuvuyalink.net/nrjlog/Blog

26. ご静聴ありがとうございました！