ASP.NET MVC の Modernization のバックアップソース(No.5)

[[Open棟梁Project>http://opentouryo.osscons.jp/]] - [[マイクロソフト系技術情報 Wiki>http://techinfoofmicrosofttech.osscons.jp/]]

-[[戻る>ASP.NET の Modernization]]

* 目次 [#cb2dcf69]
#contents

*概要 [#p4222e1f]
コチラの内容をまとめた。

-Modify template : Link Bootstrap and jQuery from the template.~
https://github.com/OpenTouryoProject/OpenTouryo/issues/199
-Modify template : Correspond the JavaScript and CSS to bundle and minify, or to CDN.~
https://github.com/OpenTouryoProject/OpenTouryo/issues/200
-Modify template : Maintenance of the master page.~
https://github.com/OpenTouryoProject/OpenTouryo/issues/201

*[[共通項>ASP.NET の Modernization]] [#le39c2c1]
[[コチラ>ASP.NET の Modernization]]を参照。

*[[BundleConfig>ASP.NET の BundleConfig]] [#b48396de]
基本的な事項は、[[コチラ>ASP.NET の BundleConfig]]を参照。

**Bundle & Minification [#wefbae22]
必要に応じて、追加の[[BundleConfig>ASP.NET の BundleConfig]]を行う。

***インストール [#nbca941f]
[[共通項>ASP.NET の Modernization]]でインストールしたパッケージに加え以下をインストールする。

-jQuery Validation Plugin ( MVC の Validation で使っている )
--既存のフォームのドロップイン検証を提供する。~
アプリケーションに合わせてあらゆるカスタマイズを簡単できる。
--インストール方法
 Install-Package jQuery.Validation

-jQuery Unobtrusive Ajax~
https://github.com/aspnet/jquery-ajax-unobtrusive
--公式サイトにも殆ど情報が無いが、Ajax.BeginFormを実行するのに必要らしい。
--インストール方法
 Install-Package Microsoft.jQuery.Unobtrusive.Ajax

-jQuery Unobtrusive Validation~
https://github.com/aspnet/jquery-validation-unobtrusive
--公式サイトにも殆ど情報が無いが、Ajax.BeginForm での Validationを実行するのに必要らしい。
--インストール方法
 Install-Package Microsoft.jQuery.Unobtrusive.Validation

***定義方法 [#z6ec33f3]
詳しくは、[[コチラ>https://github.com/OpenTouryoProject/OpenTouryo/issues/200]]を
-「BundleConfig」
-「RegisterBundles」

という検索文字列で検索。

**CDNフォールバック [#s8ee8670]
-[[ASP.NET MVC]]では上記の、Bundle & Minificationの中で同時に、CDNフォールバックの定義を行う。
-具体的には、「CDNのURL」と「CDNフォールバックを行なうための評価式」を設定する。

***ScriptBundle [#df4571d7]
[[ASP.NET MVC]]のCDNフォールバックは、ScriptBundleクラスだけで行なう。

***定義方法 [#s25dcf4f]
詳しくは、[[コチラ>https://github.com/OpenTouryoProject/OpenTouryo/issues/200]]を
-「CdnFallbackExpression」

という検索文字列で検索。

実際の設定方法は、以下のサイトが参考になる。

-ASP.NET MVC 5 主要 JavaScriptライブラリのCDN、Fallbackまとめ - KatsuYuzuのブログ~
http://katsuyuzu.hatenablog.jp/entry/2014/10/02/000330

**リンクのさせ方 [#xbdfa1a0]
詳しくは、[[コチラ>https://github.com/OpenTouryoProject/OpenTouryo/issues/200]]を参照。

***JS [#id2a0390]
   @Scripts.Render("~/bundles/jquery")
   @Scripts.Render("~/bundles/bootstrap")
   @RenderSection("scripts", required: false)
 </body>

***CSS [#f1858a71]
   @Styles.Render("~/Content/css")
   @Scripts.Render("~/bundles/modernizr")
 </head>

*[[RouteConfig>ASP.NET の RouteConfig]] [#z952e103]
[[ASP.NET MVC]]では、既定で設定ができている。

*参考 [#md5b9f16]

**[[BundleConfig>ASP.NET の BundleConfig]] [#r8f5da6a]

***Bundle と Minification [#d2257292]
-[ASP.NET Optimization] javascript や cssの~
Bundle と Minification 機能を使ってみる - Netplanetes~
http://www.pine4.net/Memo/Article/Archives/545

-jQuery UI
--ASP.NET Razor Jqueryuiの使い方 | Yutaka Hirata~
http://rich.hrd.co.jp/asp-net-razor-jueryui%E3%81%AE%E4%BD%BF%E3%81%84%E6%96%B9/
--クライアント側検証の無効化~
http://surferonwww.info/BlogEngine/post/2015/02/17/disable-client-side-validation-in-mvc4-internet-application.aspx

-Ajax.BeginForm
--MVC5 Ajax.BeginForm()を利用するための手順 - Qiita~
http://qiita.com/m-otoguro/items/1250015aed6907a8d9e7
--asp.net mvc 5 - Ajax.BeginForm doesn't fire AJAX script, falls back on postback - Stack Overflow~
http://stackoverflow.com/questions/21831451/ajax-beginform-doesnt-fire-ajax-script-falls-back-on-postback

***CDNフォールバック [#s57b8e7a]

**[[RouteConfig>ASP.NET の RouteConfig]] [#je500e98]
・・・

----
Tags: [[:.NET開発]], [[:ASP.NET]], [[:ASP.NET MVC]], [[:OWIN]], [[:NuGet]]