Web制作に便利な機能いろいろ!
Microsoft Azureの概要
松本 典子
Noriko Matsumoto
株式会社オルターブース デザインアーキテクト
2016 / 10/ 22 【MT東京29】 はじめよう Movable Type.Azure 編
自己紹介
2
 修羅の国 福岡出身・在住
 Microsoft MVP for Microsoft Azure
 Azure系コミュニティの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
特定作業や特定業務のクラウドサービス
※マイクロソフトは、200種類以上のクラウドサービスを提供してきまし
た。
汎用型・多目的
クラウドサービス
Microsoft Azureのサービス
12http://azureplatform.azurewebsites.net/en-us/
幅広すぎる機能・サービス…
 すべて覚える必要はありません
 Azureを始めるための3つのポイント
– 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オススメ便利機能
便利な6つの機能について
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 8
etc・・・
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
ご静聴ありがとうございました!

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