Open棟梁Project - マイクロソフト系技術情報 Wiki
コチラの内容をまとめた。
コチラを参照。
基本的な事項は、コチラを参照。
必要に応じて、追加のBundleConfigを行う。
共通項でインストールしたパッケージに加え以下をインストールする。
Install-Package jQuery.Validation
Install-Package Microsoft.jQuery.Unobtrusive.Ajax
Install-Package Microsoft.jQuery.Unobtrusive.Validation
public class BundleConfig { 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", "~/Scripts/otr/else.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.validate*")); bundles.Add(new ScriptBundle("~/bundles/jqueryuno").Include( "~/Scripts/jquery.unobtrusive")); // 開発と学習には、Modernizr の開発バージョンを使用します。次に、実稼働の準備ができたら、 // http://modernizr.com にあるビルド ツールを使用して、必要なテストのみを選択します。 bundles.Add(new ScriptBundle("~/bundles/modernizr").Include( "~/Scripts/modernizr-*")); bundles.Add(new ScriptBundle("~/bundles/bootstrap").Include( "~/Scripts/bootstrap.js", "~/Scripts/respond.js")); bundles.Add(new StyleBundle("~/bundles/css").Include( "~/Content/bootstrap.css", "~/Content/themes/base/all.css", "~/Content/themes/base/jquery-ui.css", "~/Content/otr/Style.css", "~/Content/app/Site.css")); } }
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" /> <title>@ViewBag.Title</title> @Styles.Render("~/bundles/css") @Scripts.Render("~/bundles/modernizr") @Scripts.Render("~/bundles/jquery") @RenderSection("HeaderSection", required: true) </head> <body onload="Fx_Document_OnLoad(); Fx_AdjustStyle();"> @RenderBody() @Scripts.Render("~/bundles/jqueryui") @Scripts.Render("~/bundles/jqueryval") @Scripts.Render("~/bundles/jqueryuno") @Scripts.Render("~/bundles/otr") @Scripts.Render("~/bundles/app") @RenderSection("FooterSection", required: true) </body> </html>
ASP.NET MVCでは、既定で設定ができている。
・・・
Tags: :.NET開発, :ASP.NET, :ASP.NET MVC, :OWIN, :NuGet