ASP NET AJAX ASP NET AJAX ASP NET

  • Slides: 43
Download presentation

アジェンダ ASP. NET の AJAX 機能 歴史と現在の状況 ASP. NET AJAX ASP. NET Script. Manager

アジェンダ ASP. NET の AJAX 機能 歴史と現在の状況 ASP. NET AJAX ASP. NET Script. Manager と CDN ASP. NET AJAX Toolkit Ajax Minifier ツール j. Query の拡張 今後追加が予定されている機能 まとめ 4

ASP. NET 4 j. Query ASP. NET Web フォーム ASP. NET AJAX ASP. NET

ASP. NET 4 j. Query ASP. NET Web フォーム ASP. NET AJAX ASP. NET MVC Dynamic Data コア サービス 5

ASP. NET と AJAX の歩み Version UP Visual Studio 2008　 Visual Studio 2005. NET

ASP. NET と AJAX の歩み Version UP Visual Studio 2008　 Visual Studio 2005. NET Framework 2. 0 3. 0 . NET Framework 3. 5 Visual Studio 2010. NET Framework 4 ASP. NET 2. 0 ASP. NET 3. 5 ASP. NET 4 ASP. NET AJAX 1. 0 ASP. NET AJAX 3. 5 ASP. NET AJAX 7

現在の ASP. NET AJAX の構成 ASP. NET 4 ASP. NET AJAX Extensions Microsoft AJAX

現在の ASP. NET AJAX の構成 ASP. NET 4 ASP. NET AJAX Extensions Microsoft AJAX Library ASP. NET AJAX Control Toolkit ASP. NET AJAX Library 4. 0 9

これからの ASP. NET における Ajax 開発 B y e : Let's use j. Query.

これからの ASP. NET における Ajax 開発 B y e : Let's use j. Query. 13 ASP. NET AJAX Library 4. 0

ASP. NET AJAX

ASP. NET AJAX

ASP. NET Script. Manager の使 用 Script. Manager – Script. Manager 1 Script. Manager.

ASP. NET Script. Manager の使 用 Script. Manager – Script. Manager 1 Script. Manager. Proxy – Script. Manager. Proxy 1 ASP. NET Script. Manager の機能: debug/release スクリプトの切り替え Globalization/Localization 3. 5 分割スクリプト 3. 5 複合スクリプト 3. 5 SP 1 Microsoft Ajax CDN の使用 4 16 3. 5

Script. Manager からの CDN の使用 Enable. Cdn プロパティの値を true に 　設定するだけ CDN の場所を知らなくても良い カスタム

Script. Manager からの CDN の使用 Enable. Cdn プロパティの値を true に 　設定するだけ CDN の場所を知らなくても良い カスタム コントロール CDN の場所を指定す ることも可能 Script. Manager – Script. Manager 1 Script. Manager. Proxy – Script. Manager. Proxy 1 19

Microsoft Ajax CDN #1 Microsoft Ajax Content Delivery Network ajax. microsoft. com ドメインで主要 JS

Microsoft Ajax CDN #1 Microsoft Ajax Content Delivery Network ajax. microsoft. com ドメインで主要 JS ファイル をホスト Microsoft AJAX や j. Query の利用を容易に 最小限のネットワーク ホップ数で効率的にロード 無償サービス Web サーバー エッジ キャッシュ サーバー 20 ajax. microsoft. com

Microsoft Ajax CDN #2 ホストされる Java. Script ライブラリ j. Query 1. 4. 2 j.

Microsoft Ajax CDN #2 ホストされる Java. Script ライブラリ j. Query 1. 4. 2 j. Query 1. 4. 1 ※ URL 等、詳細はこちら j. Query 1. 4 http: //www. asp. net/ajax. Lib j. Query 1. 3. 2 rary/CDN. ashx j. Query Validate 1. 7 j. Query Validate 1. 6 j. Query Validate 1. 5. 5 AJAX Control Toolkit 40412 ASP. NET AJAX 4 ASP. NET AJAX 3. 5 ASP. NET MVC 1. 0 21

ASP. NET AJAX Control Toolkit (ACT) ～ ASP. NET AJAX の機能を利用するリッチ コントロール群 ～ ASP.

ASP. NET AJAX Control Toolkit (ACT) ～ ASP. NET AJAX の機能を利用するリッチ コントロール群 ～ ASP. NET 3. 5 ASP. NET 4 40 個以上 オープンソース CDN Ajax Minifier ツール 22

Ajax Minifier ツール #1 )) )) *. js *. css ajaxmin test. js -o

Ajax Minifier ツール #1 )) )) *. js *. css ajaxmin test. js -o test. min. js ajaxmin test. css -o test. min. css 23

j. Query

j. Query

j. Query と Non j. Query コードの比較 例) すべての <P> タグ内の文字列の書き換え <!– HTML -->

j. Query と Non j. Query コードの比較 例) すべての <P> タグ内の文字列の書き換え <!– HTML --> <body> <form> <h 1 class="about">j. Queryサンプル</h 1> <p id="about">j. Queryとは？</p> <p class="about">j. Queryとは？</p> </form> </body> 28

j. Query テンプレートの定義 <!-- 住所テンプレート -- > <script id="address. Template" type="text/html"> <div> Fast Name:

j. Query テンプレートの定義 <!-- 住所テンプレート -- > <script id="address. Template" type="text/html"> <div> Fast Name: ${fast. Name} Last Name: ${last. Name} Zip Code: ${zip. Code} </div> </script> オブジェクトの値が出力 <!– テンプレート コンテナー --> <div id="address. Container"></div> テンプレートの出現場所 35

j. Query テンプレート 情報の表示 ① ② ③ ④ <script src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20415%20289%22%3E%3C/svg%3E' data-src=“Scripts/jquery-1. 4. 2. js” type=“text/javascript”>

j. Query テンプレート 情報の表示 ① ② ③ ④ <script src=“Scripts/jquery-1. 4. 2. js” type=“text/javascript”> </script> <script src=“Scripts/jquery. tmpl. js” type=“text/javascript”> </script> <script type=“text/javascript”> 　//データの定義 var addresses = [ {fast. Name: "太郎", last. Name: "山田", zip. Cade: "141 -0021"}, {fast. Name: ”次郎”, last. Name: “鈴木", zip. Cade: "141 -0025"} ]; テンプレートの id //テンプレートを使用したデータの表示 $(“#address. Template”). tmpl(addresses). appendto(“# address. Container”); </script> テンプレート コンテナーの id 36

まとめ ASP. NET 4 ささ ASP. NET AJAX Controls Toolkit j. Query プラグイン j.

まとめ ASP. NET 4 ささ ASP. NET AJAX Controls Toolkit j. Query プラグイン j. Query UI Microsoft Ajax CDN 4. 0 ASP. NET AJAX Library 38

リファレンス #1 ASP. NET デベロッパー センター http: //msdn. microsoft. com/ja-jp/asp. net/default. aspx The Official

リファレンス #1 ASP. NET デベロッパー センター http: //msdn. microsoft. com/ja-jp/asp. net/default. aspx The Official Microsoft ASP. NET Site http: //www. asp. net j. Query: The Write Less, Do More, Java. Script Library http: //jquery. com/ Code. Plex – ASP. NET http: //aspnet. codeplex. com/ Microsoft Web Platform http: //www. microsoft. com/web 40

リファレンス #2 Microsoft Ajax Minifier http: //www. asp. net/ajaxlibrary/Ajax. Min. Documentation. ashx j. Query

リファレンス #2 Microsoft Ajax Minifier http: //www. asp. net/ajaxlibrary/Ajax. Min. Documentation. ashx j. Query Code Snippets for Visual Studio 2010 http: //jquerysnippets. codeplex. com/ . NET Framework 4 技術資料一覧 http: //msdn. microsoft. com/ja-jp/netframework/ee 959223. aspx monoe’s blog http: //blogs. msdn. com/b/osamum/ THE TRUTH IS OUT THERE hhttp: //blogs. msdn. com/b/chack/ 41

© 2010 Microsoft Corporation. All rights reserved. Microsoft, Windows and other product names are

© 2010 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.

ASP NET AJAX ASP NET AJAX System WebASP NET AJAX ASP NET AJAX System Web
ASP NET AJAX 1 ASP NET AJAX FeaturesASP NET AJAX 1 ASP NET AJAX Features
ASP NET AJAX What is AJAX Ajax whichASP NET AJAX What is AJAX Ajax which
ASP NET AJAX What is AJAX Ajax whichASP NET AJAX What is AJAX Ajax which
ASP NET AJAX What is AJAX Ajax whichASP NET AJAX What is AJAX Ajax which
ASP Net Security Asp net Security Asp netASP Net Security Asp net Security Asp net
ASP NET Validators ASP NET Validators ASP NETASP NET Validators ASP NET Validators ASP NET
ASP NET 2010 ASP NET 2010 ASP NETASP NET 2010 ASP NET 2010 ASP NET
7 ASP NET AJAX AJAX Control Toolkit 20087 ASP NET AJAX AJAX Control Toolkit 2008
Ajax Prof Jim Briggs WEBP Ajax 1 AjaxAjax Prof Jim Briggs WEBP Ajax 1 Ajax
CHAPTER 8 AJAX JSON WHAT IS AJAX AjaxCHAPTER 8 AJAX JSON WHAT IS AJAX Ajax
Ajax What is AJAX AJAX stands for AsynchronousAjax What is AJAX AJAX stands for Asynchronous
ASP NET in ASP Net Definition 1 ASPASP NET in ASP Net Definition 1 ASP
admin asp adminsend asp posend asp reply aspadmin asp adminsend asp posend asp reply asp
ASP NET XML NET AJAX Open API OpenASP NET XML NET AJAX Open API Open
AJAX ASP NET XML NET Silverlight 3 0AJAX ASP NET XML NET Silverlight 3 0
ASP NET tolstikov n sgmail com ASP NETASP NET tolstikov n sgmail com ASP NET
ASP NET Razor Engine ASP Int NET rodASP NET Razor Engine ASP Int NET rod
Getting Started with ASP NET Beginning ASP NETGetting Started with ASP NET Beginning ASP NET
ASP NET 2 0 What is ASP NETASP NET 2 0 What is ASP NET
ASP NET 2 ASP NET 2 n wwwASP NET 2 ASP NET 2 n www
Introduction to ASP NET MVC ASP NET MVCIntroduction to ASP NET MVC ASP NET MVC
ASP NET 3 5 Ch 9 ASP NETASP NET 3 5 Ch 9 ASP NET
ASP NET Web Kontrolleri ASP NET web sayfalarndaASP NET Web Kontrolleri ASP NET web sayfalarnda