畜産消毒システム 消毒・洗浄・冷房・消毒機器常に背中にフィットするスイングタンクを 採用。重心が作業者に近づき作業がラクに
Azure Appservice WebAppsでWordPressサイトを構築すると運用が劇的にラクになる話
-
Upload
noriko-matsumoto -
Category
Technology
-
view
908 -
download
6
Transcript of Azure Appservice WebAppsでWordPressサイトを構築すると運用が劇的にラクになる話
![Page 1: Azure Appservice WebAppsでWordPressサイトを構築すると運用が劇的にラクになる話](https://reader035.fdocument.pub/reader035/viewer/2022062216/55b9f6e4bb61eb362b8b4786/html5/thumbnails/1.jpg)
Azure Appservice WebApps でWordPress サイトを構築すると
運用が劇的にラクになる話
Noriko Matsumoto松本 典子
![Page 2: Azure Appservice WebAppsでWordPressサイトを構築すると運用が劇的にラクになる話](https://reader035.fdocument.pub/reader035/viewer/2022062216/55b9f6e4bb61eb362b8b4786/html5/thumbnails/2.jpg)
自己紹介
2
松本 典子
http://zuvuyalink.net/nrjlog/Blog
現在まで Web 制作会社や通販会社の Web 制作部門に所属し、ランディングページ制作を主として、アクセス解析・Web マーケティングなどプログラミング以外の Web に関する全般業務に携わる。Microsoft Azure でクラウドデビューし、主に Azure Appservice WebApps (旧称: Azure WebSites )を使い、自身のサイト運営やお客様への提供を行っています。
フリーランスWeb デザイナー / ディレクター
![Page 3: Azure Appservice WebAppsでWordPressサイトを構築すると運用が劇的にラクになる話](https://reader035.fdocument.pub/reader035/viewer/2022062216/55b9f6e4bb61eb362b8b4786/html5/thumbnails/3.jpg)
本日お話すること
Microsoft Azure とは? Azure Appservice WebApps って? Azure Appservice WebApps ってこんな感じ Azure Appservice WebApps で Web 環境を作る方法 WordPress サイト構築についてよくあるお悩み
– WordPress サイト構築時に MySQL は必須?
– テスト環境で構築すると本番環境への移行が結構大変・・・
– WordPress サイトのバックアップにはプラグインが必要
– WordPress サイトは復旧が大変・・・
Azure Appservice WebApps で構築するときのちょっとした注意点
Azure Appservice WebApps の魅力、総まとめ3
![Page 4: Azure Appservice WebAppsでWordPressサイトを構築すると運用が劇的にラクになる話](https://reader035.fdocument.pub/reader035/viewer/2022062216/55b9f6e4bb61eb362b8b4786/html5/thumbnails/4.jpg)
Microsoft Azure とは?
Microsoft Azure についてざっくり説明
4
1CloudServices( 主にプログラマ向け )ミッションクリティカル、常に動き続けていないといけないサービス、きわめて高負荷なサービスなど
2VirtualMachine( 主にインフラ向け ) 以前からの移植や VPS を触ってきた人、Linux ユーザー向け(仮想マシン)
3Appservice WebApps(Web デザイナー向け )軽量な Web システムや Web デザイナー、フロントプログラマ向け
![Page 5: Azure Appservice WebAppsでWordPressサイトを構築すると運用が劇的にラクになる話](https://reader035.fdocument.pub/reader035/viewer/2022062216/55b9f6e4bb61eb362b8b4786/html5/thumbnails/5.jpg)
Microsoft Azure とは?
Microsoft Azure についてざっくり説明
5
1CloudServices( 主にプログラマ向け )ミッションクリティカル、常に動き続けていないといけないサービス、きわめて高負荷なサービスなど
2VirtualMachine( 主にインフラ向け ) 以前からの移植や VPS を触ってきた人、Linux ユーザー向け(仮想マシン)
3Appservice WebApps(Web デザイナー向け )軽量な Web システムや Web デザイナー、フロントプログラマ向け
![Page 6: Azure Appservice WebAppsでWordPressサイトを構築すると運用が劇的にラクになる話](https://reader035.fdocument.pub/reader035/viewer/2022062216/55b9f6e4bb61eb362b8b4786/html5/thumbnails/6.jpg)
Azure Appservice WebApps って?
6
![Page 7: Azure Appservice WebAppsでWordPressサイトを構築すると運用が劇的にラクになる話](https://reader035.fdocument.pub/reader035/viewer/2022062216/55b9f6e4bb61eb362b8b4786/html5/thumbnails/7.jpg)
Azure Appservice WebApps ってこんな感じ
「 STANDARD 」がすごい 50GB まで「独自ドメインサイト」が入れ放題
– 約 8,000 円で WordPress が 1000 サイト入る計算
5 ドメインまで SSL も OK– 6 サイト目から 918 円/月
構築環境をそれぞれに変えられる– PHP のバージョンや SSL 、 CMS など
Windows だけでなく Mac でも使える
7
自分専用で環境を細かく設定できるレンタルサーバーを持てるイメージ
![Page 8: Azure Appservice WebAppsでWordPressサイトを構築すると運用が劇的にラクになる話](https://reader035.fdocument.pub/reader035/viewer/2022062216/55b9f6e4bb61eb362b8b4786/html5/thumbnails/8.jpg)
Azure Appservice WebApps でWeb 環境を作る方法
8
[ 管理画面 ] にログイン→ [Web アプリ ] を選択
![Page 9: Azure Appservice WebAppsでWordPressサイトを構築すると運用が劇的にラクになる話](https://reader035.fdocument.pub/reader035/viewer/2022062216/55b9f6e4bb61eb362b8b4786/html5/thumbnails/9.jpg)
Azure Appservice WebApps でWeb 環境を作る方法
9
手順はこれだけ。約 1 分程度で Web 環境の構築完了!
![Page 10: Azure Appservice WebAppsでWordPressサイトを構築すると運用が劇的にラクになる話](https://reader035.fdocument.pub/reader035/viewer/2022062216/55b9f6e4bb61eb362b8b4786/html5/thumbnails/10.jpg)
では、本題。
10
![Page 11: Azure Appservice WebAppsでWordPressサイトを構築すると運用が劇的にラクになる話](https://reader035.fdocument.pub/reader035/viewer/2022062216/55b9f6e4bb61eb362b8b4786/html5/thumbnails/11.jpg)
WordPress サイト構築についてよくあるお悩み
11
2 テスト環境で構築すると本番環境への移行が結構大変・・・
1WordPress サイト構築時に MySQL は必須?
3 WordPress サイトのバックアップにはプラグインが必要
4 WordPress サイトは復旧が大変・・・
![Page 12: Azure Appservice WebAppsでWordPressサイトを構築すると運用が劇的にラクになる話](https://reader035.fdocument.pub/reader035/viewer/2022062216/55b9f6e4bb61eb362b8b4786/html5/thumbnails/12.jpg)
WordPress サイト構築時にMySQL は必須?
12
![Page 13: Azure Appservice WebAppsでWordPressサイトを構築すると運用が劇的にラクになる話](https://reader035.fdocument.pub/reader035/viewer/2022062216/55b9f6e4bb61eb362b8b4786/html5/thumbnails/13.jpg)
WordPress サイト構築時にMySQL は必須?
たしかにデータベースは必要。
でも「 MySQL 」である必要はない。SQLite を採用すると構築・運用が楽
に!
13
Web デザイナー的に、MySQL ではなく SQLite を採用するのがオススメ!
![Page 14: Azure Appservice WebAppsでWordPressサイトを構築すると運用が劇的にラクになる話](https://reader035.fdocument.pub/reader035/viewer/2022062216/55b9f6e4bb61eb362b8b4786/html5/thumbnails/14.jpg)
WordPress サイト構築時にMySQL は必須?
14
「 SQLite 」とは?
ファイルタイプの DB なのでサーバ不要
小~中規模サイトの運営に便利
データベースに関する専門知識がいらない
復旧時は FTP でファイルアップロードで OK
プラグイン SQLite Integration を入れるだけ
データベースの専門知識の無いWeb デザイナーに優しい!
![Page 15: Azure Appservice WebAppsでWordPressサイトを構築すると運用が劇的にラクになる話](https://reader035.fdocument.pub/reader035/viewer/2022062216/55b9f6e4bb61eb362b8b4786/html5/thumbnails/15.jpg)
テスト環境で構築すると本番環境への移行が結構大変・・・
15
![Page 16: Azure Appservice WebAppsでWordPressサイトを構築すると運用が劇的にラクになる話](https://reader035.fdocument.pub/reader035/viewer/2022062216/55b9f6e4bb61eb362b8b4786/html5/thumbnails/16.jpg)
テスト環境で構築すると本番環境への移行が結構大変・・・
16
Azure WebApps の「ステージング」でテスト環境と本番環境をワンクリックで入れ替えできる!!
「ステージング」とは?– 本番環境と全く同じものを「ステージング環境」
として 1 つ作成可能。ステージング環境は一切本番環境には影響を与えない。
![Page 17: Azure Appservice WebAppsでWordPressサイトを構築すると運用が劇的にラクになる話](https://reader035.fdocument.pub/reader035/viewer/2022062216/55b9f6e4bb61eb362b8b4786/html5/thumbnails/17.jpg)
「ステージング」の使い方
17
1 . Azure 管理ポータルから ステージング環境を作りたいサイトを選ぶ。
![Page 18: Azure Appservice WebAppsでWordPressサイトを構築すると運用が劇的にラクになる話](https://reader035.fdocument.pub/reader035/viewer/2022062216/55b9f6e4bb61eb362b8b4786/html5/thumbnails/18.jpg)
「ステージング」の使い方
18
2 .「名前」にわかりやすい名称をつける。
![Page 19: Azure Appservice WebAppsでWordPressサイトを構築すると運用が劇的にラクになる話](https://reader035.fdocument.pub/reader035/viewer/2022062216/55b9f6e4bb61eb362b8b4786/html5/thumbnails/19.jpg)
「ステージング」の使い方
19
3 .実際にステージング環境ができると、 このような表示に変わります。
ステージング環境の URL は「サイト名 -staging.azurewebsites.net 」
![Page 20: Azure Appservice WebAppsでWordPressサイトを構築すると運用が劇的にラクになる話](https://reader035.fdocument.pub/reader035/viewer/2022062216/55b9f6e4bb61eb362b8b4786/html5/thumbnails/20.jpg)
「ステージング」の使い方
20
4 .アップロードする WordPress の 「 wp-config.php 」に追記。
![Page 21: Azure Appservice WebAppsでWordPressサイトを構築すると運用が劇的にラクになる話](https://reader035.fdocument.pub/reader035/viewer/2022062216/55b9f6e4bb61eb362b8b4786/html5/thumbnails/21.jpg)
「ステージング」の使い方
21
5 . FTP の設定
![Page 22: Azure Appservice WebAppsでWordPressサイトを構築すると運用が劇的にラクになる話](https://reader035.fdocument.pub/reader035/viewer/2022062216/55b9f6e4bb61eb362b8b4786/html5/thumbnails/22.jpg)
「ステージング」の使い方
22
6 .ステージング環境で構築する
![Page 23: Azure Appservice WebAppsでWordPressサイトを構築すると運用が劇的にラクになる話](https://reader035.fdocument.pub/reader035/viewer/2022062216/55b9f6e4bb61eb362b8b4786/html5/thumbnails/23.jpg)
「ステージング」の使い方
23
7 .「スワップ」する
![Page 24: Azure Appservice WebAppsでWordPressサイトを構築すると運用が劇的にラクになる話](https://reader035.fdocument.pub/reader035/viewer/2022062216/55b9f6e4bb61eb362b8b4786/html5/thumbnails/24.jpg)
「ステージング」の使い方
24
8 .「ステージング環境」と「本番環境」が 一瞬で入れ替わります。
![Page 25: Azure Appservice WebAppsでWordPressサイトを構築すると運用が劇的にラクになる話](https://reader035.fdocument.pub/reader035/viewer/2022062216/55b9f6e4bb61eb362b8b4786/html5/thumbnails/25.jpg)
WordPress サイトのバックアップにはプラグインが必要
25
![Page 26: Azure Appservice WebAppsでWordPressサイトを構築すると運用が劇的にラクになる話](https://reader035.fdocument.pub/reader035/viewer/2022062216/55b9f6e4bb61eb362b8b4786/html5/thumbnails/26.jpg)
WordPress サイトのバックアップにはプラグインが必要
FTPソフトで「アップロード画像」と「テンプレート」を個別にダウンロード
データベースのバックアップには、プラグインを入れるか手動で対応– プラグインの種類がたくさんある– 処理でサイト自体が重くなる場合がある– バックアップ時に一旦サイトが止まる場合がある
26
WordPress のバックアップを取る通常の方法
![Page 27: Azure Appservice WebAppsでWordPressサイトを構築すると運用が劇的にラクになる話](https://reader035.fdocument.pub/reader035/viewer/2022062216/55b9f6e4bb61eb362b8b4786/html5/thumbnails/27.jpg)
Azure Appservice WebApp のバックアップ機能について
完全バックアップを 1 日 1回やってくれる–設定しておけば毎日
バックアップデータは BLOB ストレージに
保存されていくので容量を圧迫しない–極論 365 日前の状態に戻すこともできる
SQLite なら DB のバックアップ対策を
わざわざしなくていい– DB バックアップ用のプラグイン不要
27
![Page 28: Azure Appservice WebAppsでWordPressサイトを構築すると運用が劇的にラクになる話](https://reader035.fdocument.pub/reader035/viewer/2022062216/55b9f6e4bb61eb362b8b4786/html5/thumbnails/28.jpg)
バックアップ機能の設定
28
1. バックアップデータを保存していく ストレージアカウントを準備する
バックアップの場合は「コンテナー」を準備する必要なし
![Page 29: Azure Appservice WebAppsでWordPressサイトを構築すると運用が劇的にラクになる話](https://reader035.fdocument.pub/reader035/viewer/2022062216/55b9f6e4bb61eb362b8b4786/html5/thumbnails/29.jpg)
バックアップ機能の設定
29
2. バックアップを有効にする
![Page 30: Azure Appservice WebAppsでWordPressサイトを構築すると運用が劇的にラクになる話](https://reader035.fdocument.pub/reader035/viewer/2022062216/55b9f6e4bb61eb362b8b4786/html5/thumbnails/30.jpg)
WordPress サイトは復旧が大変・・・
30
![Page 31: Azure Appservice WebAppsでWordPressサイトを構築すると運用が劇的にラクになる話](https://reader035.fdocument.pub/reader035/viewer/2022062216/55b9f6e4bb61eb362b8b4786/html5/thumbnails/31.jpg)
WordPress サイトは復旧が大変・・・
31
WordPress を再インストールバックアップデータをインポートテーマや画像をアップロードプラグインの再設定データベースの再設定
壊れ具合やバックアップデータの内容によって、手間が増えたり・・・
![Page 32: Azure Appservice WebAppsでWordPressサイトを構築すると運用が劇的にラクになる話](https://reader035.fdocument.pub/reader035/viewer/2022062216/55b9f6e4bb61eb362b8b4786/html5/thumbnails/32.jpg)
Azure Appservice WebApps で構築すると復旧がラク!
32
SQLite はファイル形式なので完全バックアップデータに含まれる
バックアップ設定をしていれば、復旧時はFTP で該当ファイルをアップロードするだけ
Azure 管理ポータルからであれば、クリック1つでバックアップデータでサイトが復旧できる
![Page 33: Azure Appservice WebAppsでWordPressサイトを構築すると運用が劇的にラクになる話](https://reader035.fdocument.pub/reader035/viewer/2022062216/55b9f6e4bb61eb362b8b4786/html5/thumbnails/33.jpg)
Azure Appservice WebApps で構築すると復旧がラク!
33
例えば、バックアップデータを取り出して、復旧もできます。
![Page 34: Azure Appservice WebAppsでWordPressサイトを構築すると運用が劇的にラクになる話](https://reader035.fdocument.pub/reader035/viewer/2022062216/55b9f6e4bb61eb362b8b4786/html5/thumbnails/34.jpg)
Azure Appservice WebApps で構築すると復旧がラク!
34
![Page 35: Azure Appservice WebAppsでWordPressサイトを構築すると運用が劇的にラクになる話](https://reader035.fdocument.pub/reader035/viewer/2022062216/55b9f6e4bb61eb362b8b4786/html5/thumbnails/35.jpg)
Azure Appservice WebApps で構築するときのちょっとした注意点
35
![Page 36: Azure Appservice WebAppsでWordPressサイトを構築すると運用が劇的にラクになる話](https://reader035.fdocument.pub/reader035/viewer/2022062216/55b9f6e4bb61eb362b8b4786/html5/thumbnails/36.jpg)
Azure Appservice WebApps で構築するときのちょっとした注意点
BLOB ストレージは無料ではなく課金–1 GB 2.45 円くらい
BLOB ストレージに画像を入れるときはFTPソフトは使えない–Windows は「 Azure Storage Explorer 」–Mac は「サイバーダック」
外部 SMTP の設定が個別で必要独自ドメインは有償機能
36
![Page 37: Azure Appservice WebAppsでWordPressサイトを構築すると運用が劇的にラクになる話](https://reader035.fdocument.pub/reader035/viewer/2022062216/55b9f6e4bb61eb362b8b4786/html5/thumbnails/37.jpg)
Azure Appservice WebApps の魅力総まとめ
37
![Page 38: Azure Appservice WebAppsでWordPressサイトを構築すると運用が劇的にラクになる話](https://reader035.fdocument.pub/reader035/viewer/2022062216/55b9f6e4bb61eb362b8b4786/html5/thumbnails/38.jpg)
Azure Appservice WebApps の魅力総まとめ
1 分程度で Web 構築環境が作れるFTP操作で通常のレンタルサーバーの
ように使える完全バックアップを自動でとってくれるサイトの復旧もラク!基本的な部分はインフラ的な専門知識無
しですぐできる!
38
実際に使ってみると、 Web 制作的に嬉しい機能がたくさんなのでオススメ!
![Page 39: Azure Appservice WebAppsでWordPressサイトを構築すると運用が劇的にラクになる話](https://reader035.fdocument.pub/reader035/viewer/2022062216/55b9f6e4bb61eb362b8b4786/html5/thumbnails/39.jpg)
ご静聴ありがとうございました
39