Embed Size (px)
DESCRIPTION
インターネット接続可能なデバイスの増大と標準技術としての HTML5 の普及により昨今の Web テクノロジは大きく進化を遂げようとしています。本セッションでは最新の技術である HTML5/CSS を活用した Web サイトの作成、マルチデバイスに対応したモバイル アプリケーションの開発、UI を使用しない Web API の構築、Web におけるリアルタイム通信の実現における、ASP.NET と Visual Studio 2013 の活用法についてご紹介します。 ※ The Microsoft Conference 2013 のデベロッパートラック DE-004 講演資料
Citation preview
DE-004
最新のプラットフォーム技術と
開発ツールを活用した Web の構築
～ ASP.NET と Visual Studio 2013 ～
日本マイクロソフト株式会社デベロッパー＆プラットフォーム統括本部エバンジェリスト
岩出 智行
@haruulala
slideshare.net/haruulala
2002 2012
http://venturebeat.com/2012/08/14/the-internet-2002-2012-infographic/
Web アプリケーションの変化
Web アプリケーションの変化
包括的な Web テクノロジー
ASP.NET テクノロジーの統合
使いたいテンプレート
使いたい認証
最新技術に対応した開発支援
• 記述のガイド（インテリセンス）
– HTML5, CSS3, JavaScript への対応
• CSS カラーピッカー
JavaScript の開発支援
• 関数定義への移動
• ブレークポイント／変数の値確認
ブラウザリンク
• Visual Studio とブラウザをリンク
• デザイン モード、インスペクト モード
Page Inspector による確認
ブラウザー
DOM
CSS
コード
レスポンシブ Web デザイン
• レイアウトを画面サイズ毎に動的適用
– CSS3 メディア クエリ
– 同一の HTML でマルチデバイス対応
デバイス判別とビューの切り替え
• Display Modes によるデバイスの判別
• モバイル向け View (*.mobile.*)
マルチデバイスへの対応クライアント サイド サーバー サイド
• デバイス最適化
• 帯域の最適化
• コードの冗長化
• シンプルなコード
• デバイスとの協力
• ロジック変更が困難
ASP.NET SignalR
• ブラウザ/サーバー間の通信用ライブラリ
–サーバーからプッシュ通信
• 適切なトランスポートの自動選択
Single Page Application (SPA)
• 単一URLでリッチな機能を提供
ASP.NET MVC
ASP.NET Web API
画面
データ
ASP.NET Web API
• HTTP サービス構築のフレームワーク
• データベース、オブジェクトから自動生成（スキャフォールディング）
http://example.com/api/Employee
{“Name”:”Mike”, “Phone”:”03123”}
まとめ
• 急速なインターネットの普及に伴い
Web プラットフォーム技術は大きく進化
• Visual Studio と ASP.NET を活用すれば
効率的に最新テクノロジーに対応可能
Visual Studio 2013 評価版で
ぜひその真価を体験してください
MSDNサブスクリプションWindows Azure 無料枠
Windows Azure 無料評価版
http://aka.ms/TryAzhttp://aka.ms/Free-Azure
ハンズオントレーニング
全国11か所で開催
定期セミナー & ハンズオン 開催中
http://aka.ms/azholhttp://aka.ms/AzureMVA
概要セミナー
東京・大阪開催中
オンラインビデオMicrosoftVirtual
Academy
仮想マシンWindows 編
Linux 編
Webサイト
.NET 編WordPress 編
モバイルサービスWindows 8編Android 編
© 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.
@haruulala
slideshare.net/haruulala
