40
Web 制制制制制制制制制制制制Microsoft Azure ののの のの のの Noriko Matsumoto 制制制制制制制制制制制 制制制制制制制制制制 2016 / 10/ 22 MT 制制 29 制制制制制 Movable Type.Azure

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

  • Upload
    -

  • View
    312

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Web制作に便利な機能いろいろ!Microsoft Azureの概要

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

Microsoft Azure の概要

松本 典子Noriko Matsumoto

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

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

Page 2: Web制作に便利な機能いろいろ!Microsoft Azureの概要

自己紹介

2

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

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

松本 典子(まつもと のりこ)

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

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

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

Page 3: Web制作に便利な機能いろいろ!Microsoft Azureの概要

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

3

Page 4: Web制作に便利な機能いろいろ!Microsoft Azureの概要

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

4

Page 5: Web制作に便利な機能いろいろ!Microsoft Azureの概要

本日お話すること

Microsoft Azure とは?Web 制作的には WebApps !Web 制作がラクになる!

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

5

Page 6: Web制作に便利な機能いろいろ!Microsoft Azureの概要

Microsoft Azure とは?

6

Page 7: Web制作に便利な機能いろいろ!Microsoft Azureの概要

Microsoft Azure とは

7

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

Page 8: Web制作に便利な機能いろいろ!Microsoft Azureの概要

Azure のリージョン数

8

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

Page 9: Web制作に便利な機能いろいろ!Microsoft Azureの概要

Azure って何ができるの?

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

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

9

Page 10: Web制作に便利な機能いろいろ!Microsoft Azureの概要

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

10

Page 11: Web制作に便利な機能いろいろ!Microsoft Azureの概要

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

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

11

Windows Server

Microsoft Azure

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

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

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

Page 12: Web制作に便利な機能いろいろ!Microsoft Azureの概要

Microsoft Azure のサービス

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

Page 13: Web制作に便利な機能いろいろ!Microsoft Azureの概要

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

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

13

Page 14: Web制作に便利な機能いろいろ!Microsoft Azureの概要

Web 制作者には WebApps !

14

Page 15: Web制作に便利な機能いろいろ!Microsoft Azureの概要

Azure App Service がおすすめ

15

WebApps LogicApps

APIApps MobileApps

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

Page 16: Web制作に便利な機能いろいろ!Microsoft Azureの概要

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

16

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

独自設計が基本不要

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

Page 17: Web制作に便利な機能いろいろ!Microsoft Azureの概要

17

Azure WebApps のメリット

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

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

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

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

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

Page 18: Web制作に便利な機能いろいろ!Microsoft Azureの概要

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

18

Page 19: Web制作に便利な機能いろいろ!Microsoft Azureの概要

19

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

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

Page 20: Web制作に便利な機能いろいろ!Microsoft Azureの概要

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

20

Page 21: Web制作に便利な機能いろいろ!Microsoft Azureの概要

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

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

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

21

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

Page 22: Web制作に便利な機能いろいろ!Microsoft Azureの概要

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

22

Page 23: Web制作に便利な機能いろいろ!Microsoft Azureの概要

デプロイ(アップロード)方法が選べる

23

FTP 、 Git 、 Dropbox 、 OneDrive…

Page 24: Web制作に便利な機能いろいろ!Microsoft Azureの概要

デプロイ(アップロード)方法が選べる

24

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

Page 25: Web制作に便利な機能いろいろ!Microsoft Azureの概要

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

25

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

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

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

Page 26: Web制作に便利な機能いろいろ!Microsoft Azureの概要

26

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

スケールアウトとは?

Page 27: Web制作に便利な機能いろいろ!Microsoft Azureの概要

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

27

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

Page 28: Web制作に便利な機能いろいろ!Microsoft Azureの概要

Azure Marketplace とは

簡単インストールより簡単!? CMS をインストールしよう

28

Page 29: Web制作に便利な機能いろいろ!Microsoft Azureの概要

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

29

1 WebApps で Web アプリを作成

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

3 データベースの準備

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

5 CMS の各種設定

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

Page 30: Web制作に便利な機能いろいろ!Microsoft Azureの概要

Azure Marketplace とは

30

Page 31: Web制作に便利な機能いろいろ!Microsoft Azureの概要

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

31

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

Page 32: Web制作に便利な機能いろいろ!Microsoft Azureの概要

32

DEMOやります。

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

Page 33: Web制作に便利な機能いろいろ!Microsoft Azureの概要

33

Microsoft Azure はじめの一歩

Page 34: Web制作に便利な機能いろいろ!Microsoft Azureの概要

Microsoft Azure はじめの一歩

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

「 Microsoft Azure 自習書」で検索

34

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

Page 35: Web制作に便利な機能いろいろ!Microsoft Azureの概要

Microsoft Azure はじめの一歩

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

35

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

Page 36: Web制作に便利な機能いろいろ!Microsoft Azureの概要

Microsoft Azure はじめの一歩

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

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

36

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

Page 37: Web制作に便利な機能いろいろ!Microsoft Azureの概要

まとめ

37

Page 38: Web制作に便利な機能いろいろ!Microsoft Azureの概要

Azure のいいところ まとめ

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

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

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

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

38

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

Page 39: Web制作に便利な機能いろいろ!Microsoft Azureの概要

最後に

39

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

http://zuvuyalink.net/nrjlog/Blog

Page 40: Web制作に便利な機能いろいろ!Microsoft Azureの概要

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