2016年10月22日に開催された「 【MT東京29】 はじめよう Movable Type.Azure 編」の発表時に利用した資料です。

1. Web制作に便利な機能いろいろ！
Microsoft Azureの概要
松本 典子
Noriko Matsumoto
株式会社オルターブース デザインアーキテクト
2016 / 10/ 22 【MT東京29】 はじめよう Movable Type.Azure 編

2. 自己紹介
2
 修羅の国 福岡出身・在住
 Microsoft MVP for Microsoft Azure
 Azure系コミュニティのJAZUG、
JAZUG女子部、ふくあずに参加したり
 北九州のWeb系勉強会など主催
松本 典子（まつもと のりこ）
デザインに関する業務全般やってます。
（Webデザイン・ UI設計・ DTP…）
株式会社オルタブース デザインアーキテクト
@nori790822 https://www.facebook.com/noriji822

3. こういうロゴデザインや…
3

4. こういうWebデザイン作ってます
4

5. 本日お話すること
 Microsoft Azureとは？
 Web制作的にはWebApps！
 Web制作がラクになる！
WebAppsオススメ便利機能
 Azure Marketplaceとは
 Microsoft Azure はじめの一歩
 まとめ
5

6. Microsoft Azureとは？
6

7. Microsoft Azureとは
7
Microsoftが提供しているクラウドサービス

8. Azureのリージョン数
8
Azure は世界中の30のリージョンで一般公開

9. Azureって何ができるの？
 ホスティング環境として利用できる
 Webサイト運用・動画配信など、
特定シナリオに特化した便利なサービスを
利用できる
9

10. クラウド・コンピューティングの
3つのサービスモデル
10

11. 具体的な例で SaaS と PaaS/IaaS を
分けてみよう
 Microsoft Azure は Windows Server のようなOSに相当
 システムやアプリケーション開発の“基盤”の位置づけ
11
特定作業や特定業務のクラウドサービス
※マイクロソフトは、200種類以上のクラウドサービスを提供してきまし
た。
汎用型・多目的
クラウドサービス

12. Microsoft Azureのサービス
12http://azureplatform.azurewebsites.net/en-us/

13. 幅広すぎる機能・サービス…
 すべて覚える必要はありません
 Azureを始めるための３つのポイント
– Excel/AccessマスターならSQL Database
– Webアプリに興味がある人はWebApps
– インフラに強いあなたはVirtual Machine
13

14. Web制作者にはWebApps！
14

15. Azure App Serviceがおすすめ
15
WebApps LogicApps
APIApps MobileApps
WebサイトやWebアプリケーションを
ホストするために最適化されたPaaSサービス

16. ポータル画面でやりたいことはできる
16
 管理ポータル画面で、よく使う必要な
機能は操作できる
– コマンド知らなくて大丈夫
– スケールアウトやフェイルオーバーなどの
独自設計が基本不要
Azure新旧ポータル対応表
https://azure.microsoft.com/ja-jp/features/azure-portal/compatibility/

17. 17
Azure WebAppsのメリット
クラウド上に作られたレンタルサーバーの
ようなもの
数分でできるWeb制作・動画配信・構築
環境
構築環境をそれぞれに変えられる
– PHPのバージョンやSSL、CMSなど
デプロイ（アップロード）方法が選べる
– FTP、Git、Dropbox、OneDrive…
インフラなどの知識の無い人でも
クラウドサービスの利点を活かせる！

18. Web制作がラクになる！
WebAppsオススメ便利機能
便利な６つの機能について
18

19. 19
Web構築環境が一瞬でできるWebアプリ
 ポータル画面で「Web＋モバイル」を選び、
「アプリの名前」を入力するだけ

20. Webサイトの自動バックアップ・復元
20

21. 容量無制限のAzure BLOBストレージ
 画像や動画など容量が大きなファイルを
置くのに適している
 Webサーバー代わりにも使える
 カスタムドメインの設定も可能
 WordPressの場合はプラグインがある
– Windows Azure Storage for WordPress
21
Azure BLOBストレージは容量無制限
課金制（1GB 2.45円くらい）

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

23. デプロイ（アップロード）方法が選べる
23
FTP、Git、Dropbox、OneDrive…

24. デプロイ（アップロード）方法が選べる
24
Microsoft Azure WebAppsとBitbucketを使ってGitデプロイ環境を構築してみた話。
http://zuvuyalink.net/nrjlog/archives/2486

25. テスト環境と本番環境を一瞬で入れ替え
25
ステージング環境のURLは「サイト名-staging.azurewebsites.net」
 ワンクリックでテストと本番を入れ替え
「ステージング」でテスト環境と本番環境
をワンクリックで入れ替えできる！！

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

27. 急激なアクセス過多も安心！
スケールアウト
27
手動でスケールアウトする

28. Azure Marketplaceとは
簡単インストールより簡単！？CMSをインストールしよう
28

29. WebAppsにCMSをインストールする
29
1 WebAppsでWebアプリを作成
2 公式サイトからCMSをダウンロード
3 データベースの準備
4 WebアプリにCMSデータをアップロード
5 CMSの各種設定
「簡単インストール」みたいな
機能があればいいのに…

30. Azure Marketplaceとは
30

31. MarketPlaceでインストールできるCMS
31
WordPress / Joomla / MODX / Concrete5 / Drupal 8
etc・・・

32. 32
DEMO
やります。
CMSを
インストールしてみよう！

33. 33
Microsoft Azure はじめの一歩

34. Microsoft Azure はじめの一歩
 こつこつ試してみたい人向け
 検索サイトから
「Microsoft Azure 自習書」で検索
34
http://www.microsoft.com/ja-jp/server-cloud/local/documents/default.aspx

35. Microsoft Azure はじめの一歩
 自宅で動画で学習
 さまざまなウェビナーを公開
 マイクロソフトバーチャルアカデミー
35
https://msdn.microsoft.com/ja-jp/dn376515.aspxhttps://azure.microsoft.com/ja-
jp/community/events/?type=webinar

36. Microsoft Azure はじめの一歩
 困ったときは、MSDN フォーラム
（MVPもよく巡回してます）
 Azure 以外にもいろいろあります
36
https://social.msdn.microsoft.com/Forums/ja-JP/

37. まとめ
37

38. Azureのいいところ まとめ
 やりたいことは、ほぼポータル画面から
設定・変更できる
 レンタルサーバーと同じようにも使える
– レンサバよりラクで便利な場合が多い
 専用のツールが必要なものも
WebAppsの機能を工夫すれば代替可能
– 例：A / Bテストなど
 しくじったらとりあえず消せばいい
38
Azure WebAppsは
デザイナーやWeb制作者に優しい！

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

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