インターネット接続可能なデバイスの増大と標準技術としての HTML5 の普及により昨今の Web テクノロジは大きく進化を遂げようとしています。本セッションでは最新の技術である HTML5/CSS を活用した Web サイトの作成、マルチデバイスに対応したモバイル アプリケーションの開発、UI を使用しない Web API の構築、Web におけるリアルタイム通信の実現における、ASP.NET と Visual Studio 2013 の活用法についてご紹介します。 ※ The Microsoft Conference 2013 のデベロッパートラック DE-004 講演資料

1. DE-004
最新のプラットフォーム技術と
開発ツールを活用した Web の構築
～ ASP.NET と Visual Studio 2013 ～
日本マイクロソフト株式会社
デベロッパー＆プラットフォーム統括本部
エバンジェリスト
岩出 智行
@haruulala
slideshare.net/haruulala

2. 2002
2012
http://venturebeat.com/2012/08/14/the-internet-2002-2012-infographic/

3. Web アプリケーションの変化

4. Web アプリケーションの変化

5. 包括的な Web テクノロジー

6. ASP.NET テクノロジーの統合
使いたい
テンプレート
使いたい
認証

7. 最新技術に対応した開発支援
• 記述のガイド（インテリセンス）
– HTML5, CSS3, JavaScript への対応
• CSS カラーピッカー

8. JavaScript の開発支援
• 関数定義への移動
• ブレークポイント／変数の値確認

9. ブラウザリンク
• Visual Studio とブラウザをリンク
• デザイン モード、インスペクト モード

10. Page Inspector による確認
ブラウザー
コード
DOM
CSS

11. レスポンシブ Web デザイン
• レイアウトを画面サイズ毎に動的適用
– CSS3 メディア クエリ
– 同一の HTML でマルチデバイス対応

12. デバイス判別とビューの切り替え
• Display Modes によるデバイスの判別
• モバイル向け View (*.mobile.*)

13. マルチデバイスへの対応
クライアント サイド
サーバー サイド
• シンプルなコード
• デバイスとの協力
• ロジック変更が困難
• デバイス最適化
• 帯域の最適化
• コードの冗長化

14. ASP.NET SignalR
• ブラウザ/サーバー間の通信用ライブラリ
–サーバーからプッシュ通信
• 適切なトランスポートの自動選択

15. Single Page Application (SPA)
• 単一URLでリッチな機能を提供
画面
ASP.NET MVC
データ
ASP.NET Web API

16. ASP.NET Web API
• HTTP サービス構築のフレームワーク
• データベース、オブジェクトから自動生
成（スキャフォールディング）
http://example.com/api/Employee
{“Name”:”Mike”, “Phone”:”03123”}

17. まとめ
• 急速なインターネットの普及に伴い
Web プラットフォーム技術は大きく進化
• Visual Studio と ASP.NET を活用すれば
効率的に最新テクノロジーに対応可能
Visual Studio 2013 評価版で
ぜひその真価を体験してください

18. Windows Azure 無料評価版
MSDN サブスクリプション
Windows Azure 無料枠
http://aka.ms/TryAz
http://aka.ms/Free-Azure

19. 定期セミナー & ハンズオン 開催中
概要
セミナー
オンライン
ビデオ
Microsoft
Virtual
Academy
ハンズオン
トレーニング
東京・大阪
開催中
全国11か所で
開催
http://aka.ms/azhol
http://aka.ms/AzureMVA
仮想
マシン
Windows 編
Linux 編
Web
サイト
.NET 編
WordPress 編
モバイル
サービス
Windows 8 編
Android 編

20. @haruulala
slideshare.net/haruulala
© 2012 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.