The Microsoft Conference 2014 DE-261download.microsoft.com/download/0/4/A/04AF9F4F-54F... · Pro Premium Ultimate 月々 5,500 円分 10,500 円分 15,500 円分年間 66,000 円分

The Microsoft Conference 2014

ROOM D

DE-261

MSC 2014 開発系関連セッションの位置づけ

ビジネス環境の変化に伴うアプリケーションのリフォーム方法と技術選択

デスクトップアプリのリフォーム

Visual Studio で実現するクラウド時代の Rapid Release

Web アプリのリフォーム

マルチデバイスを見据えたこれからのアプリケー

ション開発技術

実践 !! IoT(Internet of

Things)

オープンテクノロジによる O365 アプリ

の可能性

DE-241

DE-261 DE-251

DE-211DE-121 DE-271

DE-131

モバイルとクラウドの時代に向けて、既存のアプリを改変し、継続して活用するためのポイントを知る

クライアントサーバー方式の既存アプリが、モバイルとクラウドで動作する方式に改良された状態を before – after デモで見る

モバイルワークスタイルの実現にむけて、「モビリティ」を提供するアイディアを知る

このセッションのゴール

Agenda

アプリのリフォーム＝＝競争力強化

ステップ 1: UX の改善

ステップ 2: 企業データ API 構築

ステップ 3: サーバーからクラウドへ

ステップ 4: モバイルとクラウドによるモビリティの実現

時代は変わった

デバイスの進化

クライアント OS の進化

クラウド / サービスの進化

開発ツールの進化

年単位の計画では時代に取り残されるのみ

アプリのリフォーム「一度作って改変しない」から「必要に応じて改変する」へ

今までのクライアントサーバー

Firewall を越えられない

スケールアップはサーバーハードウェア増強

データベースのスキーマに強く依存

クライアントサーバー 2.0 (仮) へ

Firewall を越えられる

スケールアップはクラウドで簡単

データストレージは柔軟に選択

次世代型のパターンという言い方もありますが、実はクラサバの応用

考え方のリフォーム

作り手の理屈ではなく、使い手の利便性

(デスクトップ)アプリのリフォーム手順

より優れた

UXの

提供

企業データ

API 化

サーバーから

クラウドへ

モバイルと

クラウドで

モビリティを

実現

デスクトップアプリのリフォーム手順

より優れた

UXの

提供

企業データ

API 化

サーバーから

クラウドへ

モバイルと

クラウドで

モビリティを

実現

UX で競争力を生み出す

エンドユーザーのゴールを最短に導く

間違いやトラブルを未然に防ぐ

時間の無駄遣いからの解放

工数の削減、品質の向上

Fitts's law

意味のあるアニメーション

状況の変化を明示

現在の仕事に集中できる環境を提供

画面開発の生産性

XAML (ザムルと呼びます)

Visual Studio + Blend for Visual Studio


DEMOBlend for Visual Studio によるSketchFlow を使ったプロトタイプ作成

WPF + SketchFlow

サンプルデータ機能デザインのためのダミーデータを作成

データの型やサイズ,名称などを設定

ドラッグ＆ドロップでバインド

データは追加編集可能

C:¥Program Files (x86)

¥Microsoft Visual Studio 12.0

¥Blend

¥SampleDataResources

¥ja

¥Data¥SampleStrings.csv

¥Images

※必ずUTF-8で保存する

低価格タブレットでもマルチコア、GPU 搭載

ハードウェアアクセラレーションによる画面描画○: WPF や Windows ストアアプリ× : WinForm や GDI+ 利用のアプリ

C++ Accelerated Massive Parallelism (C++ AMP)GPU を利用した C++ コード実行の高速化

クライアントのパワーを使う

(参考) Windows アプリと DWM

Complete native

implementation

built on top of

DirectX

XAML Architecture

XAML graphics engine

XAML ABI support

Windows Store app (C++, C#, or Visual Basic)

AppTheming &

PVLDirect3DDirectWrite Direct2DMedia Input

Windows Runtime / C++

XAML core and framework (parser, controls, property

engine, styles, animation, etc.)

(参考) XAML architecture


より優れた

UXの

提供

企業データ

API 化

サーバーから

クラウドへ

モバイルと

クラウドで

モビリティを

実現☑

確かに昔はこれでも良かった

サーバー

ODBC, RDO, OLEDB, ADO, ADO.NET …

企業データにおける課題

現場データの即時性

モバイル環境からの利用（クラウド）

通信コストの削減

BYOD

活動ログからの類推やインサイト

REST によるリソースアクセス

JSON を XML としても間違いではない

ただし、通信するデータ量が増えることに注意

企業データの API 化 #1<アプリ> <RESTサービス>

<データ>

企業データの API 化 #2<サービス> <RESTサービス>

<データ>

Framework for HTTP Services

RESTful HTTP サービス構築のためのフレームワーク

ASP.NET プロジェクトテンプレートの一部として提供

URL ルーティング

モデルバインディング

スキャフォールディング

OData クエリパラメータ



DEMO・既存アプリのリフォーム

WinForm -> WPF -> WinRT

エバンジェリスト

荒井省三

既存アプリのリフォームUXを変更


DEMO・ASP.NET Web API を利用した

企業データの API 化・既存アプリから企業 API 利用

企業データの API 化DAL を再利用


より優れた

UXの

提供

企業データ

API 化

サーバーから

クラウドへ

モバイルと

クラウドで

モビリティを

実現☑ ☑

クラウドを使う

・ストレージ

・サービスのホスティング

・コンピューティングパワー

・企業システムとの連携

クラウドにデータを預ける

オンプレミスのインターネット公開はコスト高

クラウドの方が圧倒的に安い

キャパシティ、スケーラビリティ対応

企業間でデータの共有や交換が簡単

企業データ API をクラウドへ<サービス> <RESTサービス><クライアント>

← MN-222、MN-271 を参考に

サービスのクラウド化

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

Windows Phone

HTML5 / JavaScript

Hybrid Connections

RES

T A

PI


DEMOAzure Mobile Service によるデータアクセス

エバンジェリスト

荒井省三

企業データのクラウドサービス化

サービスのクラウド化、技術の選択

ASP.NET Web API

汎用性があり、サービスを実装するのに便利

.NET スキル、アプリの開発と展開が必須

Azure Mobile Services

簡単な操作でデータベースに連携したサービス公開が簡単

専門知識は必須でないが、汎用性は Web API に劣る


より優れた

UXの

提供

企業データ

API 化

サーバーから

クラウドへ

モバイルと

クラウドで

モビリティを

実現☑ ☑ ☑

モバイルワークスタイル

移動中にコミュニケーション

自宅からの会議参加

外出先での作業継続

日常的な在宅勤務、直行直帰

マイクロソフト社員が実践する時間と場所にとらわれない働き方

作業のモビリティを提供する

入力途中に内容をクラウドへ保存

別のデバイスから保存内容を読込

通知による次の活動への誘導

デバイスを越えた業務の継続性

誘導例: Outlook の予定表による通知

モビリティの実現へ

Azure Mobile Services と通知

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

Windows Phone

HTML5 / JavaScript

Hybrid Connections

RES

T A

PI

ASP.NET SignalRReal Time Web Application Library

サーバーからクライアントへのプッシュや RPC 通信

クライアント - サーバー間の永続的コネクション

トランスポートの自動ネゴシエーション (WebSocket, Long Polling …)

1 サーバーあたり数千の接続を非同期で処理

リアルタイム・非同期・双方向通信ライブラリ

NuGet パッケージとして提供

ASP.NETアプリ

SignalRハブ JavaScript / .NET

アプリ

SignalRハブ Proxyリアルタイム

通信サーバークライアント



DEMOASP.NET SignalR による通知

http://aka.ms/cfm

デスクトップアプリのリフォーム完了

より優れた

UXの

提供

企業データ

API 化

サーバーから

クラウドへ

モバイルと

クラウドで

モビリティを

実現☑ ☑ ☑ ☑

MOBILE-FIRST CLOUD-FIRST

既存アプリのリフォームUXを変更

企業データの API 化DAL を再利用

企業データのクラウドサービス化

アプリのリフォーム＝＝競争力強化

より優れた

UXの

提供

企業データ

API 化

サーバーから

クラウドへ

モバイルと

クラウドで

モビリティを

実現


書籍：プログラミング ASP.NET MVC / SignalRProgramming ASP.NET MVC / SignalR

プログラミング ASP.NET MVC 5 対応版Dino Esposito 著、日本マイクロソフト井上章監訳

http://ec.nikkeibp.co.jp/item/books/P98380.html

2014 年 10 月 30 日一般発売開始

プログラミング ASP.NET SignalRJose M. Aguilar 著、日本マイクロソフト井上章監訳

http://ec.nikkeibp.co.jp/item/books/P98410.html

2014 年 10 月 30 日一般発売開始

!! MSC 会場内の日経 BP 社様ブースにて 10% 割引で先行販売中 !!

Expo会場 Visual Studioブースにお越しください

Deploy InsightTestBuildWorkCode

抽選会やってます！豪華景品を当てよう

最新ツールを体験

http://aka.ms/TryAz

http://aka.ms/Free-Azure

開発・テストで使える MSDN Azure 無料特典

MSDN サブスクライバー向け Azure 特典http://aka.ms/azure-msdn-benefits

MSDN サブスクライバー向け Azure 無償特典利用方法http://aka.ms/azure-msdn-use

チーム開発で！

Visual Studio Online月額約 2,000円

※ A1 + ストレージ 127GB を1ヶ月間平日に 24 時間利用した場合の料金

開発環境として！

Windows+Visual Studio ※

月額約 4,500円

テスト環境として！

Windows Server ※月額約 4,500円

エディション別の Azure 無償枠

無償枠内で例えばこんな使い方

すぐ利用可能

Pro Premium Ultimate

月々 5,500 円分 10,500 円分 15,500 円分

年間 66,000 円分 126,000 円分 186,000 円分

※無償枠を超過して自動的に課金されることはありません。

マイクロソフトのオンライントレーニング

Microsoft Virtual Academy (MVA)

• 専門家が提供する質の高い無料コンテンツ

• 100 以上の日本語コースを提供

• C# や HTML5 などプログラミングの基礎も網羅

• MCSD* 受験対策コースも用意* Microsoft Certified Solution Developer

http://aka.ms/msmvaこちらの URL よりアクセス

© 2014 Microsoft Corporation. All rights reserved. Microsoft, Windows and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries.

The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on

the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Documents

The Microsoft Conference 2014 DE-261download.microsoft.com/download/0/4/A/04AF9F4F-54F... · Pro Premium Ultimate 月々 5,500 円分 10,500 円分 15,500 円分 年間 66,000 円分

The Microsoft Conference 2014 DE-261download.microsoft.com/download/0/4/A/04AF9F4F-54F... · Pro Premium Ultimate 月々 5,500 円分 10,500 円分 15,500 円分年間 66,000 円分