Open棟梁Project - マイクロソフト系技術情報 Wiki
コチラの内容をまとめた。
コチラを参照。
基本的な事項は、コチラを参照。
必要に応じて、追加のBundleConfigを行う。
共通項でインストールしたパッケージに加え以下をインストールする。
Install-Package jQuery.Validation
Install-Package Microsoft.jQuery.Unobtrusive.Ajax
Install-Package Microsoft.jQuery.Unobtrusive.Validation
public class BundleConfig { /// <summary> /// 特集:ASP.NET 4.5新機能概説(1): /// Visual Studio 2012の新機能とASP.NET 4.5のコア機能 (3-4) - @IT /// http://www.atmarkit.co.jp/ait/articles/1303/08/news072_3.html /// ASP.NET 4.5では、リクエスト時のファイル読み込み時間を /// 削減するためにバンドル&ミニフィケーションの仕組みが導入された。 /// Bundling の詳細については、http://go.microsoft.com/fwlink/?LinkId=254725 を参照してください /// </summary> public static void RegisterBundles(BundleCollection bundles) { //BundleTable.EnableOptimizations = true; //BundleTable.Bundles.UseCdn = true; // same as: bundles.UseCdn = true; // ( new ScriptBundle("~/XXXX") のパスは実在するpathと被るとRender時にバグる。 // なので、bundlesと実在しないpathを指定している(CSSも同じbundlesを使用する)。 bundles.Add(new ScriptBundle("~/bundles/app").Include( "~/Scripts/app/Site.js")); bundles.Add(new ScriptBundle("~/bundles/otr").Include( "~/Scripts/otr/common.js", "~/Scripts/otr/ie_key_event.js")); bundles.Add(new ScriptBundle("~/bundles/jquery").Include( "~/Scripts/jquery-{version}.js")); bundles.Add(new ScriptBundle("~/bundles/jqueryui").Include( "~/Scripts/jquery-ui-{version}.js")); bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include( "~/Scripts/jquery.unobtrusive*", "~/Scripts/jquery.validate*")); // 開発と学習には、Modernizr の開発バージョンを使用します。次に、実稼働の準備ができたら、 // http://modernizr.com にあるビルド ツールを使用して、必要なテストのみを選択します。 bundles.Add(new ScriptBundle("~/bundles/modernizr").Include( "~/Scripts/modernizr-*")); bundles.Add(new StyleBundle("~/bundles/css").Include( "~/Content/themes/base/all.css", "~/Content/themes/base/jquery-ui.css")); // http://rich.hrd.co.jp/asp-net-razor-jueryui%E3%81%AE%E4%BD%BF%E3%81%84%E6%96%B9/ } }
public class Startup { public void Configuration(IAppBuilder app) { // アプリケーションの設定方法の詳細については、http://go.microsoft.com/fwlink/?LinkID=316888 を参照してください // アプリケーションのスタートアップで実行するコードです // AreaRegistration.RegisterAllAreas(); // WebApiConfig.Register(GlobalConfiguration.Configuration); // グローバルフィルタの登録 FilterConfig.RegisterGlobalFilters(GlobalFilters.Filters); // URLルーティングの登録 RouteConfig.RegisterRoutes(RouteTable.Routes); // バンドル&ミニフィケーションの登録 BundleConfig.RegisterBundles(BundleTable.Bundles); } }
ASP.NET MVCのCDNフォールバックは、ScriptBundle?クラスだけで行なう。
詳しくは、コチラを
という検索文字列で検索。
実際の設定方法は、以下のサイトが参考になる。
詳しくは、コチラを参照。
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width" /> <title>@ViewBag.Title</title> @Styles.Render("~/bundles/css") @Scripts.Render("~/bundles/modernizr") </head> <body> @RenderBody() @Scripts.Render("~/bundles/jquery") @RenderSection("scripts", required: false) </body> </html>
ASP.NET MVCでは、既定で設定ができている。
・・・
Tags: :.NET開発, :ASP.NET, :ASP.NET MVC, :OWIN, :NuGet