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