Web制作会社様向け

知って得するMicrosoft Azureの概要と使い方！

日本マイクロソフト株式会社

エバンジェリスト

増渕 大輔

本セッションの流れ

1. Web 制作現場 における ITトレンド

2. パブリッククラウド概要とメリット1. なぜクラウドが注目されているのか

3. Microsoft Azure 概要と事例

4. Web 制作に有効なサービスの説明1. ホスティング感覚で利用できる “仮想マシン”

2. メンテナンスフリーの “App Services”

5. まとめ

2010年 日本マイクロソフト入社

得意な技術エリア

・WEBサイトの性能チューニング、OSS系

お仕事：パートナービジネスエバンジェリスト

・ クラウド基盤 Microsoft Azure については啓蒙、営業、設計、サポート、

ビジネス支援なんでも

自己紹介

増渕 大輔

最近の活動など

OMOTENASHI Nippon

実行委員会

2007年 12月に発売された話題作

『ウェブを変える10の破壊的トレンド』

１．ダイレクト（Direct）２．フリー（Free）３．クラウドソーシング（Crowdsourcing）４．プレゼンス（Presence）５．ウェブ・オリエンテッド（Web-Oriented）６．バーチャル＆リアル（Virtual and Real）７．ビデオ（Video）８．インターフェース（Interface）９．サーチ（Search）10. セマンティック・テクノロジー(Semantic Technology)

•出版社:ソフトバンククリエイティブ (2007/12/22)•ISBN-10: 4797346442•ISBN-13: 978-4797346442

あれから8年、さらにWEB担当者を悩ませるトレンド

ソーシャルネットワークによる複雑なタッチポイント

OpenなWEBからは可視化しにくい、スマフォアプリ

IoTを用いた顧客行動の可視化

カード、タイル、フラットモバイルファースト

http://www.firebox.com/ http://www.getpennies.com/

コーディング不用のWEB制作ツール

• コーディングを知らなくても直感的にWebサイトを作成できるジェネレーターは、デザイナーやコーダーの仕事を奪いそうなほどの勢いで増えています。

• 2015年はよりGeneratorやSquarespace、Macaw、Webflow、Froontなどのツールを利用したハイクオリティなWebサイトを見かけるようになるでしょう。

“2015年に流行しそうな、注目Webデザイントレンド21個まとめ” より引用http://photoshopvip.net/archives/72064

クラウドと BIツール の普及

ウェブはよりダイナミックに

コストが削減されてきたもの

• WEB制作コストの低下

• インフラコストの低下

• 運用コストの低下

新たな関心ごと

• マルチデバイス対応

• ビックデータ、統計の利用

• 人中心のWEB UX

• シチュエーション最適化

• 社内業務とのシームレスな統合

• エモーション

• 人工知能 と 将来の予測

http://personalbrandinstitute.com/

https://www.twilio.com/

ウェブはよりダイナミックに

コストが削減されてきたもの

• WEB制作コストの低下

• インフラコストの低下

• 運用コストの低下

新たな関心ごと

• マルチデバイス対応

• ビックデータ、統計の利用

• 人中心のWEB UX

• シチュエーション最適化

• 社内業務とのシームレスな統合

• エモーション

• 人工知能 と 将来の予測

http://personalbrandinstitute.com/

https://www.twilio.com/

前半の内容では、インフラコスト最適化、

運用コスト削減の話をします

ウェブはよりダイナミックに

コストが削減されてきたもの

• WEB制作コストの低下

• インフラコストの低下

• 運用コストの低下

新たな関心ごと

• マルチデバイス対応

• ビックデータ、統計の利用

• 人中心のWEB UX

• シチュエーション最適化

• 社内業務とのシームレスな統合

• エモーション

• 人工知能 と 将来の予測

http://personalbrandinstitute.com/

https://www.twilio.com/

本セッションでは詳細は、割愛しますが、

クラウドに移行する意義が大きな領域

なぜWEB業界は、クラウドを使うのか？

インフラ的側面

• コスト？

• スケールアウト？

• 安定性？

• インフラ技術者不足？

• データの堅牢性？

ビジネス的側面

• マルチデバイス対応？

• IoT

• ビックデータと統計の利用？

• 人工知能？

• セキュリティ？

短期的な理由 中長期的な理由

クラウドが、WEB制作者にも注目される理由

経済性 俊敏性 ビジネス フォーカス

クラウドのサーバー調達プロセス約数分

従来のサーバー調達プロセス数日～10日程度

コンテンツ制作担当

技術担当

サーバー提供者

サーバー構築作業カスタマイズ作業、増設作業

VMVM

VM

コンテンツ制作担当 技術担当

VMVM

VM

管理ポータル

リソース提供

作成指示

セルフサービスの適用効果

VM

WEBサイトに対するニーズの変化

• 旧来のWEBサイトの役割• 名刺替わり ・・・住所、会社情報、コンタクト方法• チラシ替わり ・・・商品スペック、外観、サービス説明• 旧来型のウェブサイト制作・運用はどんどんコモディティ化している

• ビジネスにおいてますます重要になるWEBサイト• O2O

• WEBサイト ⇔ アプリ ⇔ リアル行動（POS、センサー）• アクセス ⇒ 行動履歴 ⇒ コンテンツへのダイナミックなフィードバック

• 企業中心 ⇒ 人中心• ディレクトリ ⇒ メタ情報・ファセット• 全員同じ結果 ⇒ パーソナライズ ⇒ シチュエーション最適化 ⇒ エモーショ

ン分析

Microsoft Azure

すべてのエンジニアとアプリのために

Mono .NET Core クロスプラットフォームモバイル開発と .NET/Xamarinのパートナーシップ

.NET

Xamarin

Unity

サービスとWeb アプリケーション モバイルアプリ

Windows Linux

Mac OS X.NET Core

ASP.NET 5

Windows 10 の Webブラウザ

Internet Explorer Edge

How-Old.net

グローバルに展開するデータセンター基盤

25* Forrester: “Prepare For 2020: Transform Your IT Infrastructure and Operations Practice, Oct. 24, 2012. Cloud-related is indicated by Forrester as cloud software, platform, and infrastructure services.** SecurityWeek*** IDC InfoDoc, sponsored by Microsoft, “Successful Cloud Partners: Higher, Faster, Stronger,” July 2013

45% 2020年にはIT総予算の45%がクラウド関連 (*)

94%

80%

94%の米国企業がクラウド アプリケーションによってセキュリティが改善したと言及 (**)

2020年になっても、世界の大企業の2,000社の80%がITの5割以上をオンプレミスで保有 (***)

自宅の金庫と銀行はどちらが安全か？

採用前の心配事

60%データの保護が安全にできるか

45%クラウドでは、データをコントロールできない部分が出てくるのではないか

メリット

94%これまでオンプレミスでは実行・継続が難しかったセキュリティ施策が出来ていると実感

62%クラウドに移行することで、プライバシー保護施策が強化された

セキュリティ・コンプライアンスの観点から

SECURITY

• 設計/運用

• インフラ

• ネットワーク

• ID/アクセス

• データ

PRIVACY

COMPLIANCE

Microsoft Azure データセンターのコンプライアンス

• 数多くの第三者規制や認証に対応• 2013 年、業界初となる米国政府レベルの

認定基準 FedRAMP JAB P-ATO を取得

http://azure.microsoft.com/ja-jp/support/trust-center/

トラストセンターセキュリティやコンプライアンス関連の情報を一括提供

http://azure.microsoft.com/ja-jp/support/trust-center/

クラウドの種類

物理

PaaS

仮想化

IaaS SaaS

PaaSプラットフォーム

SaaSソフトウエア

オンプレミス IaaSインフラ

利用形態に合わせたクラウド活用

ストレージ

サーバー

ネットワーク

OS

ミドルウエア

仮想化

データ

アプリケーション

ランタイム

ストレージ

サーバー

ネットワーク

OS

ミドルウエア

仮想化

データ

アプリケーション

ランタイムユーザー管理

ストレージ

サーバー

ネットワーク

OS

ミドルウエア

仮想化

アプリケーション

ランタイム

データ

ベンダー管理

ベンダー管理

ベンダー管理

ユーザー管理

ユーザー管理

PaaSプラットフォーム

SaaSソフトウエア

オンプレミス IaaSインフラ

利用形態に合わせたクラウド活用

ストレージ

サーバー

ネットワーク

OS

ミドルウエア

仮想化

データ

アプリケーション

ランタイム

ストレージ

サーバー

ネットワーク

OS

ミドルウエア

仮想化

データ

アプリケーション

ランタイムユーザー管理

ストレージ

サーバー

ネットワーク

OS

ミドルウエア

仮想化

アプリケーション

ランタイム

データ

ベンダー管理

ベンダー管理

ベンダー管理

ユーザー管理

ユーザー管理

今、何ができるようになったのか？

震災チャリティープロジェクト「Standup Japan 2011」

2011年3月11日に発生した東北地方太平洋沖地震をうけて T.M.Revolution 西川貴教氏が発起したチャリティープロジェクト「STAND UP! JAPAN 中央共同募金会」のWEBサイト

ＦＩＸＥＲがどんなシステムに関してどんな仕事をしたのか

災害発生時にはMicrosoft Azure の WEBサイトをスケールアウトすることで、ミラーサイトにアクセスが集中した場合でも、サーバダウンを自動的に回避し、安定して情報提供を継続することできます。

岡山県HPディザスタリカバリ支援

インフラに対する関心ごとは？

「うちは小規模、大規模？」「セキュリティは大丈夫か？」「一時的なリソース増減は可能？」

「うちは小規模、大規模？」「セキュリティは大丈夫か？」「一時的なリソース増減は可能？」

これらの関心は、よくよく冷静に考えてみると業態・ビジネスと関係ないことが多い

不正な侵入がないか常時監視

http://www.youtube.com/watch?v=hOxA1l1pQIw

Microsoft Azure 仮想マシン

ホスティングと同様の操作感Windows、Linux 両方とも対応

仮想マシンは、従来のサーバー設計に近いその分、最低限の運用設計も必要

Microsoft Azure Web Apps

Web サイト構築に特化、迅速な立ち上げが可能な PaaS

Windows Azure Web サイト

FTP

GitTFS

Web Deploy

Webコンテンツ

SQL DB

MySQLWebMatrix

ランタイム

ASP.NETASPPHP

Node.js

ギャラリー

Microsoft Azure Mobile Apps

“ ”

モバイル バックエンドを素早く簡単に構築する BaaS

デバイス

Windows, Windows Phone, iOS, Android + HTML5

WebAPI

投票プラットフォーム（VOIMON）

…

[○社]

株式会社リベルタ（ベビーフット）

投票プラットフォーム「VOIMON」をWindows Azure上に構築・OEM型サービス提供

・オウンドメディアなど自社ブランドイメージを保持した展開が可能

導入背景・トラフィックに耐えうるスケーラビリティの柔軟性

・Paasに対する抜群の信頼性

[○社]

「伸縮自在」はすでに一般化している

スケールアップ・スケールダウンハードウェア スペックを上下

スケールアウト・スケールインインスタンスを増減

オートスケール負荷に応じて自動的にスケール

超高速にリソースを確保できるスケーラビリティ

クラウドのメリット

従来は、コスト・スピード・柔軟性

最近の期待値は「データに集中できる」

Microsoft Azure の主要なサービス

仮想マシン

・コンピューティングサービス

SQL データベースBLOB テーブル HDInsightキュー

・データ管理サービス

ストレージ サービス

・ データ周辺サービス

バックアップ

Virtual Network

・ネットワークサービス

サイト間 VPN

Virtual Network

ポイント対サイト

VPN Traffic Manager

Service BusCache

・ 付加価値サービス

Media Services 認証基盤CDN

ビジネス分析

AD

MachineLearning

クラウドサービス

アプリ サービスWeb Apps Mobile Apps API Apps Logic Apps

Web 制作・運用に便利なサービス

仮想マシン

・コンピューティングサービス

SQL データベースBLOB テーブル HDInsightキュー

・データ管理サービス

ストレージ サービス

・ データ周辺サービス

バックアップ

Virtual Network

・ネットワークサービス

サイト間 VPN

Virtual Network

ポイント対サイト

VPN Traffic Manager

Service BusCache

・ 付加価値サービス

Media Services 認証基盤CDN

ビジネス分析

AD

MachineLearning

クラウドサービス

アプリ サービスWeb Apps Mobile Apps API Apps Logic Apps

クラウドならでは！ データ基盤としての利用

仮想マシン

・コンピューティングサービス

SQL データベースBLOB テーブル HDInsightキュー

・データ管理サービス

ストレージ サービス

・ データ周辺サービス

バックアップ

Virtual Network

・ネットワークサービス

サイト間 VPN

Virtual Network

ポイント対サイト

VPN Traffic Manager

Service BusCache

・ 付加価値サービス

Media Services 認証基盤CDN

ビジネス分析

AD

MachineLearning

クラウドサービス

アプリ サービスWeb Apps Mobile Apps API Apps Logic Apps

仮想マシン

・コンピューティングサービス

SQL データベースBLOB テーブル HDInsightキュー

・データ管理サービス

ストレージ サービス

・ データ周辺サービス

バックアップ

Virtual Network

・ネットワークサービス

サイト間 VPN

Virtual Network

ポイント対サイト

VPN Traffic Manager

Service BusCache

・ 付加価値サービス

Media Services 認証基盤CDN

ビジネス分析

AD

MachineLearning

クラウドサービス

アプリ サービスWeb Apps Mobile Apps API Apps Logic Apps

What is "Machine Learning" ?

機械学習（Machine Learning） 人工知能における研究課題の一つで人間が自然に行っている学習能力

と同様の機能をコンピューターで実現しようとする技術・手法のこと

機械学習を利用している代表例 スパムフィルター 音声認識・画像認識・顔認識・文字認識（OCR） 漢字変換の入力予測・翻訳エンジン 検索エンジン・結果ランキング 天気予報・渋滞予測 リコメンデーション DNA 解析・病気の予測診断 保険・証券取引 チェス・将棋などのゲーム 鉄道ダイヤのスケジューリング エレベータの挙動制御

Microsoft Azure の主要なサービス

仮想マシン

・コンピューティングサービス

SQL データベースBLOB テーブル HDInsightキュー

・データ管理サービス

ストレージ サービス

・ データ周辺サービス

バックアップ

Virtual Network

・ネットワークサービス

サイト間 VPN

Virtual Network

ポイント対サイト

VPN Traffic Manager

Service BusCache

・ 付加価値サービス

Media Services 認証基盤CDN

ビジネス分析

AD

MachineLearning

クラウドサービス

アプリ サービスWeb Apps Mobile Apps API Apps Logic Apps

Microsoft Azure の主要なサービス

仮想マシン

・コンピューティングサービス

SQL データベースBLOB テーブル HDInsightキュー

・データ管理サービス

ストレージ サービス

・ データ周辺サービス

バックアップ

Virtual Network

・ネットワークサービス

サイト間 VPN

Virtual Network

ポイント対サイト

VPN Traffic Manager

Service BusCache

・ 付加価値サービス

Media Services 認証基盤CDN

ビジネス分析

AD

MachineLearning

クラウドサービス

アプリ サービスWeb Apps Mobile Apps API Apps Logic Apps

サービスを組み合わせて開発・運用コストを削減

Azure VirtualMachines の詳細

日本語名：仮想マシン

基本形は、“仮想マシン“ と “ストレージ”

仮想マシン

・コンピューティングサービス

SQL データベースBLOB テーブル HDInsightキュー

・データ管理サービス

ストレージ サービス

・ データ周辺サービス

バックアップ

Virtual Network

・ネットワークサービス

サイト間 VPN

Virtual Network

ポイント対サイト

VPN Traffic Manager

Service BusCache

・ 付加価値サービス

Media Services 認証基盤CDN

ビジネス分析

AD

MachineLearning

クラウドサービス

アプリ サービスWeb Apps Mobile Apps API Apps Logic Apps

基本形は、“仮想マシン“ と “ストレージ”

仮想マシン

・コンピューティングサービス

BLOB

・データ管理サービス

ストレージ サービス

Microsoft Azure上にユーザー専用の仮想マシンを作成する

データはBLOGに保管する

外部との通信はエンドポイント（Endpoint）を通じて行う

エンドポイント

実は、“ストレージ” で、サイト運用できます

仮想マシン

・コンピューティングサービス

BLOB

・データ管理サービス

ストレージ サービス

ストレージサービスは、外部とHTTP/HTTPSで通信を行うことができます。

エンドポイント

Rest API

静的コンテンツ配信にBlob Storageを活用する CSS、画像、動画ファイル等

Web Appsの負荷を下げる

一時的に有効なアクセスキーにも対応

Blob Storageそのものを簡易 Web サイトとすることも可能 http://blogs.msdn.com/b/naokis/archive/201

1/03/12/azure-blob-web.aspx

Microsoft Azure 『仮想マシン』 とは

外部通信は、『エンドポイント 』で行います

外部との通信はこの「エンドポイント」の定義を

通じて行います。

リクエストの負荷分散も可能です。

（無料のロードバランサーとして利用できます）

標準状態では、仮想マシンへログオンするために

RDPやSSHのポートが定義されています。

Linux VM ももちろん作成できます

SSHの証明書が自動構成されますので、PuTTYなどのツールで簡単に接続できます。

仮想マシンと、仮想ディスクは別なサービス

仮想マシンを作るとき、ハードディスクは、自動生成される

（ストレージサービス上に、VHDという仮想ディスクが作成）

マシンを削除したとしても、VHDは残ることがあります。

残っているVHDから、新しい仮想マシンを再作成することもで

きます。

OS

ディスク

データ

ディスク

VHD VHD VHD

イメージ VHD

仮想マシンを削除

月次費用算出の例

WEB サーバー 2台

A シリーズ 2 コア、7 GB RAM、100 GB SSD

×2台 = ¥18,213.12¥ @24.48/時間

DB サーバー 1台

D シリーズ 2 コア、7 GB RAM、100 GB SSD

× 1台 = ¥12,900.96¥ @17.34/時間

帯域幅

100GB ¥1,162.8

開発者サポート

¥2,958.00

合計

¥35,234.88/月

http://azure.microsoft.com/ja-jp/pricing/calculator/?scenario=virtual-machines

Azure App Servicesの詳細

日本語名：アプリサービス

WEB担当者に便利な機能！ アプリサービス

仮想マシン

・コンピューティングサービス

SQL データベースBLOB テーブル HDInsightキュー

・データ管理サービス

ストレージ サービス

・ データ周辺サービス

バックアップ

Virtual Network

・ネットワークサービス

サイト間 VPN

Virtual Network

ポイント対サイト

VPN Traffic Manager

Service BusCache

・ 付加価値サービス

Media Services 認証基盤CDN

ビジネス分析

AD

MachineLearning

クラウドサービス

アプリ サービスWeb Apps Mobile Apps API Apps Logic Apps

Web Apps旧名称： Web サイト

Web Appsとは何か？

開発者が集中したいこと• アプリの開発

Web Apps に任せたいこと• インフラ設計や構成変更• システムの拡大/縮小

を柔軟に変更• デプロイ時のインフラ運用• セキュリティ

http://azure.microsoft.com/ja-jp/services/websites/

コンテンツのイメージは一つだけ

インターネット

ユーザー

デプロイ（リリース作業）イメージ

本番

ユーザー

検証

開発者

AutoSwapは、Standard プランだけで有効にすることができます。

アプリケーションの実行環境設定

言語サポート.NET

Java

PHP

Node.js

Python

Web サーバーIIS

Apache Tomcat

Jetty

Web サイトギャラリー

デプロイ管理

チーム開発・継続的インテグレーションツール等への対応• Visual Studio Online• TeamCity• Hudson • Git / GitHub• BitBucket

カジュアルなスタイルにも対応• FTP• Dropbox• WebMatrix

Mobile Apps旧名称モバイルサービス

Mobile Appsは、マルチデバイス対応の MBaaS

ネイティブアプリのバックエンド処理を簡単に作成

ブロードキャストプッシュソーシャル統合データの同期エンタープライズ対応（シングルサインオン）

Mobile Appsが提供する機能

SQL Table Storage

Blob Storage

WNS &

MPNS

APNS GCM

Mongo DB

Notification Hubs

ソース管理

Facebook Twitter Microsoft GoogleAzure Active

Directory

Windows ストア

iOS（5.0 以降）

Android （2.2以降）

Xamarin

PhoneGap（3.2以降 ）

Sencha

WindowsPhone

HTML 5/JS

機能をアプリに組み込むためのクラ

イアント SDK

Hybrid Connections

REST A

PI

Appendix: Microsoft Azure 開始手順

1. マイクロソフトアカウントの作成Microsoft アカウント登録 https://signup.live.com/

手続きの説明： https://www.microsoft.com/ja-jp/msaccount/signup/default.aspx

2. Microsoft Azure のポータルにログイン製品サイト http://azure.microsoft.com/ja-jp/

1か月無料版 https://azure.microsoft.com/ja-jp/pricing/free-trial/

3. 仮想マシンを作成してみる『Azure 仮想マシンの立ち上げ、基本的な使用方法』をダウンロードhttp://www.microsoft.com/ja-jp/server-cloud/azure/Try/self-learning.aspx

Windows編 http://www.microsoft.com/click/services/Redirect2.ashx?CR_EAC=300173758Linux編 http://www.microsoft.com/click/services/Redirect2.ashx?CR_EAC=300173759

4. WEB Apps （旧 Web Sites）を作成してみるhttps://azure.microsoft.com/ja-jp/documentation/articles/web-sites-deploy/

マイクロソフトアカウントの作成

Microsoft アカウントはインターネット上で個人認証を行う手段です。

マイクロソフトが提供している各種サービス間で共通利用が可能な ユーザー名 (電子メール アドレス) とパスワードを組み合わせたものです。

マイクロソフトが発行するドメイン（live.jp, Hotmail.com 等）や、企業の独自ドメインメールも利用できます。

利用できるサービスの例

• Outlook.com

• OneDrive

Microsoft Azureの製品サイト

Microsoft Azure の情報 が集約されたポータルサイトです。

各 機能 の紹介ページには、上部の『機能』 メニュー からアクセスできます

初めて利用する際に便利な料金シミュレーションをご利用可能です。 『料金』メニューから、アクセスできます。

右上の『ポータル』から、ログインし、実際にMicrosoft Azureを利用することができます。

Microsoft Azureの製品サイト

Microsoft Azure の情報 が集約されたポータルサイトです。

各 機能 の紹介ページには、上部の『機能』 メニュー からアクセスできます

初めて利用する際に便利な料金シミュレーションをご利用可能です。 『料金』メニューから、アクセスできます。

右上の『ポータル』から、ログインし、実際にMicrosoft Azureを利用することができます。

Microsoft Azureの製品サイト

Microsoft Azure の情報 が集約されたポータルサイトです。

各 機能 の紹介ページには、上部の『機能』 メニュー からアクセスできます

初めて利用する際に便利な料金シミュレーションをご利用可能です。 『料金』メニューから、アクセスできます。

右上の『ポータル』から、ログインし、実際にMicrosoft Azureを利用することができます。

Microsoft Azureの製品サイト

Microsoft Azure の情報 が集約されたポータルサイトです。

各 機能 の紹介ページには、上部の『機能』 メニュー からアクセスできます

初めて利用する際に便利な料金シミュレーションをご利用可能です。 『料金』メニューから、アクセスできます。

右上の『ポータル』から、ログインし、実際にMicrosoft Azureを利用することができます。

Microsoft Azureの製品サイト

Microsoft Azure の情報 が集約されたポータルサイトです。

各 機能 の紹介ページには、上部の『機能』 メニュー からアクセスできます

初めて利用する際に便利な料金シミュレーションをご利用可能です。 『料金』メニューから、アクセスできます。

右上の『ポータル』から、ログインし、実際にMicrosoft Azureを利用することができます。

アカウントメニューから新ポータル（PREVIEW）に切り替えて使うこともできます

Webのビジネス利用の多様化・複雑化が進む中で

クラウドが解決できること

• インフラとコンテンツ運用がばらばらなのでスピード感が出せない

• ドメインが増えてきていてサーバーの管理が追い付かない

• インフラ運用に時間がとられてしまい、ログの解析に手が回らない

クラウドにより新しく取り組みやすいこと

• ビジネスの予測・機械学習

• O2O 基盤としての統合データベース構築

• IoT バックエンドサービス

まとめ

• 仮想マシンを利用してWeb制作・運用を実行できます。

• App Services で、より効率的に実施できます。

• 各種データサービスをうまく使うことで、大きなメリットを享受できます。

• 今後も Azure では数多くの機能追加/改善が計画されています。Azure にますますご期待ください。

明確なWeb戦略を打ち立てよう

• WEBでデータを収集

• まずはコストを徹底的に抑えよう

• コストはサーバー単価ではなく、サーバーの手間であることが多い

• 時間的コストが短縮されたらあたらしいことができる

• 新しい技術にチャレンジ