最新のプラットフォーム技術と開発ツールを活用した Web の構築

1,779 views
1,691 views

Published on

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

0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,779
On SlideShare
0
From Embeds
0
Number of Embeds
666
Actions
Shares
0
Downloads
7
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

最新のプラットフォーム技術と開発ツールを活用した Web の構築

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

×