Web制作に便利な機能いろいろ！Microsoft Azureの概要

Web 制作に便利な機能いろいろ！

Microsoft Azure の概要

松本 典子Noriko Matsumoto

株式会社オルターブース デザインアーキテクト

2016 / 10/ 22 【MT 東京 29 】 はじめよう Movable Type.Azure  編

自己紹介

2

修羅の国 福岡出身・在住Microsoft MVP for Microsoft AzureAzure 系コミュニティの JAZUG 、

JAZUG 女子部、ふくあずに参加したり北九州の Web 系勉強会など主催

松本 典子（まつもと のりこ）

デザインに関する業務全般やってます。（ Web デザイン・ UI 設計・ DTP… ）

株式会社オルタブース デザインアーキテクト

@nori790822 https://www.facebook.com/noriji822

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

3

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

4

本日お話すること

Microsoft Azure とは？Web 制作的には WebApps ！Web 制作がラクになる！

WebApps オススメ便利機能Azure Marketplace とはMicrosoft Azure はじめの一歩まとめ

5

Microsoft Azure とは？

6

Microsoft Azure とは

7

Microsoft が提供しているクラウドサービス

Azure のリージョン数

8

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

Azure って何ができるの？

ホスティング環境として利用できるWeb サイト運用・動画配信など、

特定シナリオに特化した便利なサービスを利用できる

9

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

10

具体的な例で SaaS と PaaS/IaaS を分けてみよう

Microsoft Azure は Windows Server のような OS に相当 システムやアプリケーション開発の“基盤”の位置づけ

11

Windows Server

Microsoft Azure

特定作業や特定業務のクラウドサービス

※ マイクロソフトは、 200 種類以上のクラウドサービスを提供してきました。

汎用型・多目的クラウドサービス

Microsoft Azure のサービス

12http://azureplatform.azurewebsites.net/en-us/

幅広すぎる機能・サービス…

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

13

Web 制作者には WebApps ！

14

Azure App Service がおすすめ

15

WebApps LogicApps

APIApps MobileApps

Web サイトや Web アプリケーションをホストするために最適化された PaaS サービス

ポータル画面でやりたいことはできる

16

管理ポータル画面で、よく使う必要な機能は操作できる–コマンド知らなくて大丈夫–スケールアウトやフェイルオーバーなどの

独自設計が基本不要

Azure 新旧ポータル対応表https://azure.microsoft.com/ja-jp/features/azure-portal/compatibility/

17

Azure WebApps のメリット

クラウド上に作られたレンタルサーバーのようなもの

数分でできる Web 制作・動画配信・構築環境

構築環境をそれぞれに変えられる– PHP のバージョンや SSL 、 CMS など

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

インフラなどの知識の無い人でもクラウドサービスの利点を活かせる！

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

18

19

Web 構築環境が一瞬でできる Web アプリ

ポータル画面で「 Web ＋モバイル」を選び、「アプリの名前」を入力するだけ

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

20

容量無制限の Azure BLOB ストレージ

画像や動画など容量が大きなファイルを置くのに適している

Web サーバー代わりにも使えるカスタムドメインの設定も可能WordPress の場合はプラグインがある–Windows Azure Storage for WordPress

21

Azure BLOB ストレージは容量無制限課金制（ 1GB 2.45円くらい）

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

22

デプロイ（アップロード）方法が選べる

23

FTP 、 Git 、 Dropbox 、 OneDrive…

デプロイ（アップロード）方法が選べる

24

Microsoft Azure WebApps と Bitbucket を使って Git デプロイ環境を構築してみた話。http://zuvuyalink.net/nrjlog/archives/2486

テスト環境と本番環境を一瞬で入れ替え

25

ステージング環境の URL は「サイト名 -staging.azurewebsites.net 」

ワンクリックでテストと本番を入れ替え

「ステージング」でテスト環境と本番環境をワンクリックで入れ替えできる！！

26

急激なアクセス過多も安心！スケールアウト

スケールアウトとは？

急激なアクセス過多も安心！スケールアウト

27

手動でスケールアウトする

Azure Marketplace とは

簡単インストールより簡単！？ CMS をインストールしよう

28

WebApps に CMS をインストールする

29

1 WebApps で Web アプリを作成

2 公式サイトから CMS をダウンロード

3 データベースの準備

4 Web アプリに CMS データをアップロード

5 CMS の各種設定

「簡単インストール」みたいな機能があればいいのに…

Azure Marketplace とは

30

MarketPlace でインストールできるCMS

31

WordPress / Joomla / MODX / Concrete5 / Drupal 8etc ・・・

32

DEMOやります。

CMS をインストールしてみよう！

33

Microsoft Azure はじめの一歩

Microsoft Azure はじめの一歩

こつこつ試してみたい人向け検索サイトから

「 Microsoft Azure 自習書」で検索

34

http://www.microsoft.com/ja-jp/server-cloud/local/documents/default.aspx

Microsoft Azure はじめの一歩

自宅で動画で学習さまざまなウェビナーを公開マイクロソフトバーチャルアカデミー

35

https://msdn.microsoft.com/ja-jp/dn376515.aspxhttps://azure.microsoft.com/ja-jp/community/events/?type=webinar

Microsoft Azure はじめの一歩

困ったときは、 MSDN フォーラム （ MVP もよく巡回してます）

Azure 以外にもいろいろあります　　

36

https://social.msdn.microsoft.com/Forums/ja-JP/

まとめ

37

Azure のいいところ まとめ

やりたいことは、ほぼポータル画面から設定・変更できる

レンタルサーバーと同じようにも使える– レンサバよりラクで便利な場合が多い

専用のツールが必要なものもWebApps の機能を工夫すれば代替可能– 例： A / B テストなど

しくじったらとりあえず消せばいい

38

Azure WebApps はデザイナーや Web 制作者に優しい！

最後に

39

Web デザイナー視点で実際に使ってみたAzure の色々な機能についてブログ書いてます。

http://zuvuyalink.net/nrjlog/Blog

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