Visual Studio 2012 と ASP.NET に見る、最新 Web 開発の魅力

Transcription

1 日 本 マイクロソフト 株 式 会 社 デベロッパー & プラットフォーム 統 括 本 部 エバンジェリスト 井 上 章 (いのうえ あきら)blogs.msdn.com/chack

2 セッションのゴール Session Takeaways Visual Studio 2012 の Web 開発新機能 を学ぶ Web 開発のトレンドと今後 を知る

3 アジェンダ The NEW Visual Studio 2012 Web Developments Web 開 発 のトレンド Visual Studio 2012 Web 開 発 新 機 能 One ASP.NET デバッグとテスト Web アプリの 発 行 Web 開 発 の 今 後 と Visual Studio 2012

4 Web 開 発 のトレンド

5 Productivity Future Vision 近未来の IT, Cloud, Web... 不可欠な Web 技術 (HTTP 1.1, HTML5, CSS3...) Web API の進化と普及 (REST, JSON...) サーバー ロジック と クライアント UI の疎結合 クライアント側実装の多様化 HTML5, CSS3, ECMAScript 5 マルチデバイス (PC, Tablet, Mobile ) レスポンシブ Web デザイン

6 マルチデバイス エクスペリエンス Devices, Platforms, Browsers クロス デバイス PC, スマートフォン, タブレット... クロス プラットフォーム ios, Android, Windows Phone... クロス ブラウザー Web 標準と HTML5 / CSS3 実装レベル差異への対応

7 モダン Web アプリ エクスペリエンス Single Page Application Architecture ASP.NET View Async View Model クライアント HTML HTTP REST JSON XML Web API サーバー

8 できることなら 楽 したい... HTML, CSS, JavaScript のコーディング 支 援 機 能 がたくさん!

9 Visual Studio 2012 Web 開 発 新 機 能

10 HTML エディターの進化 Improvements of HTML Editor インテリセンス コード スニペットの強化 HTML5 スキーマ対応 開始タグと終了タグの同期リネーム 各要素のスマート タスク表示 容易なユーザー コントロールへの展開

11 CSS エディターの進化 Improvements of CSS Editor インテリセンス コード スニペットの強化 CSS3 スキーマ対応 ベンダー プレフィックス メディア クエリー スニペット カラー ピッカー 階層形式インデント カスタム リージョン コメント

12 JavaScript エディターの 進 化 Improvements of JavaScript Editor インテリセンス コード スニペットの 強 化 ECMAScript 5 サポート HTML5 APIs サポート インテリセンス コメントの 暗 黙 的 参 照 とオーバーロード アウトライン 表 示 定 義 へ 移 動

13 さらに進化した Web 開発支援機能 #1 Improvements of Web Development Page Inspector (ページ インスペクター) HTML, CSS の確認と検査 サーバー サイド コード連動 ページのプレビュー 画像のサムネイル表示

14 さらに進化した Web 開発支援機能 #2 Improvements of Web Development デバッグ用ブラウザーの切り替え フォルダー種別による 各種ファイルの追加メニュー (Web フォーム)

15 One ASP.NET

16 One ASP.NET ASP.NET Web Stack One ASP.NET - Making JSON Web APIs with ASP.NET MVC 4 Beta and ASP.NET Web API :

17 ASP.NET Web フォーム Improvements of ASP.NET Web Forms 豊 富 なサーバー コントロール イベント 駆 動 型 プログラミング HTML5 対 応 プロジェクト テンプレート NuGet パッケージ マネージャー 対 応 URL ルーティング モデル バインディング 強 く 型 付 けされたデータ コントロール

18 ASP.NET MVC 4 Improvements of ASP.NET MVC 4 HTML ベースの UI 開発 Model-View-Controller パターン HTML5 対応プロジェクト テンプレート モバイル アプリケーション テンプレート Display Modes とビューの切り替え スクリプトの自動縮小化 & 結合処理 Task, async, await による非同期アクション Task-based Asynchronous Pattern (TAP)

19 ASP.NET Web API New Framework for HTTP Services RESTful サービス構築のためのフレームワーク MVC 4 プロジェクト テンプレートの一部として提供 URL ルーティング モデル バインディング スキャフォールディング (w/ Entity Framework) OData クエリパラメータ (Microsoft.AspNet.WebApi.Odata)

20 SignalR Async library for.net リアルタイム 非 同 期 双 方 向 通 信 ライブラリ NuGet パッケージとして 提 供 クライアント - サーバー 間 の 永 続 的 コネクション トランスポートの 自 動 ネゴシエーション WebSocket, Server-Sent Events, Forever Frames, Long Polling サーバーからクライアントへのプッシュや RPC 通 信 1 サーバーあたり 数 千 の 接 続 を 非 同 期 で 処 理

21 デバッグとテスト

22 Web アプリのデバッグ Improvements of Debugging Tools JavaScript コンソール JavaScript エラーの 確 認 入 力 プロンプトによるスクリプト 実 行 DOM Explorer 対 話 形 式 の HTML, CSS の 表 示 と 操 作 IIS Express 開 発 向 けに 最 適 化 された 軽 量 Web サーバー これまでの ASP.NET 開 発 サーバーに 代 わり 既 定 で 使 用 される

23 Web アプリのテスト Improvements of Testing Tools JavaScript の単体テスト Jasmine / QUnit をテスト エクスプローラーに統合可能 拡張機能: Chutzpah test adapter for Visual Studio 2012 Web パフォーマンスとロード テストのプロジェクト 容易なパフォーマンスとストレス テストの実施 同時アクセス ユーザー数や使用ブラウザーなどをシミュレート フツパ

24 Web アプリの 発 行

25 Web アプリの発行 Web Publishing Improvements 発行時の Web.config の変換とプレビュー機能 変換前と変換後の Web.config を IDE で比較可能に 容易になった Windows Azure への発行 Windows Azure Web サイト, クラウド サービス SQL データベースへのマイグレーション TFS (Team Foundation Service) の利用 TFS を利用したプロジェクト管理とソーシャル開発 Windows Azure への発行と継続的インテグレーション

26 Web 開 発 の 今 後 と Visual Studio 2012

27 言語とフレームワーク & ライブラリ Web 開発の今後 HTML5 / CSS3 Web 標準として急速に普及 マルチ プラットフォームにおける共通 UI マークアップ 残るクロス ブラウザ クロス プラットフォーム問題

28 言語とフレームワーク & ライブラリ Web 開発の今後 JavaScript 第一級のプログラミング言語としての進化と普及 オブジェクト指向の知識と理解 JavaScript ライブラリの普及やサーバー サイドへの応用 jquery / jquery UI / jquery Mobile / Modernizr / knockout.js... TypeScript, CoffeeScript

29 サーバー サイドのサービス化とその利用 Web 開発の今後 進む Web API の利用 サーバー サイドのサービス インターフェースの実装と公開 実装手段の選択 非同期処理 ステートレス... クライアント サイド実装の多様化 Web アプリケーション アーキテクチャの変化 非同期処理の知識と理解 マルチデバイス対応

30 ネイティブ アプリ開発のための Web 技術 Web 開発の今後 応用が進む HTML5 + CSS3 + JavaScript Windows 8: Windows ストア アプリ開発 HTML5 + CSS3 + JavaScript + WinRT APIs Windows デベロッパー センター:

31 統合 Web 開発環境の必要性 開発者が避けては通れない Web 技術 HTML5 / CSS3 / JavaScript... 最適な技術選択と アプリケーション アーキテクチャの検討 複雑化するクライアント サイド実装への対応 最適な開発環境 ツールの選択 コーディング デバッグ テストへの支援

32

33 2012 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista 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.