ASP.NET の Modernization
をテンプレートにして作成
[
トップ
] [
新規
|
一覧
|
単語検索
|
最終更新
|
ヘルプ
]
開始行:
「[[マイクロソフト系技術情報 Wiki>http://techinfoofmicros...
-[[戻る>ASP.NET]]
* 目次 [#b1588e10]
#contents
*概要 [#n1389aec]
以下を行なうことでModernizationが可能と考える。
-NuGet化
-[[OWIN]]化
-RouteConfig
-BundleConfig
--Bundle & Minification
--[[CDNフォールバック>#s62820fe]]
--画面からのリンクを設定
-個別 の Modernization
--ASP.NET Web Forms の Modernization
--ASP.NET MVC の Modernization
*NuGet化 [#u2fc65e2]
NuGetに登録されているライブラリについては、その取得方法を...
**NuGet [#t96ff136]
***NuGetについて [#k94ef67a]
[[コチラ>NuGet]]を参照。
***NuGetの操作手順 [#j5cfb585]
[[コチラ>NuGet を使用したパッケージ管理]]を参照。
**既存ライブラリのNuGet化 [#ice601d2]
既存の参照設定してNuGetから取得したものを参照するようにす...
-参照設定を削除する。
-PM> Install-Package XXXXX コマンドにより、パッケージをイ...
-Gitからは、packagesフォルダを削除できる（ビルド時にpacka...
**既存JS、CSSファイル等のNuGet化 [#j5ba45e8]
既存のファイルを削除してNuGetから取得したものを参照するよ...
-既存のファイルを削除する。
-PM> Install-Package XXXXX コマンドにより、パッケージ（JS...
-JS、CSSファイルの参照方法を変更する（後述の[[BundleConfi...
-GitにはContent, fonts, Scriptsフォルダを含める。
--ビルド時にpackages.configの内容に従ってpackagesフォルダ...
--ScriptやContentフォルダを復元する場合、Visual Studioの...
**既存ライブラリや、JS、CSSファイルの一括更新 [#h1094d04]
以下の手順で、ライブラリや、JS、CSSファイルを更新可能。
-packages.configを最新のものに書き換える。
-一度、packagesフォルダ、Content, fonts, Scriptsフォルダ...
-ソリューションをリビルドすると、
--packagesフォルダが復元される。
--Content, fonts, Scriptsフォルダは復元されない。
-以下のように必要なパッケージに対して、Update-Packageを行...
（全てのパッケージに対して機械的にUpdate-Packageを行って...
--Content, fonts, Scriptsフォルダを持つパッケージ
---Content, fonts, Scriptsフォルダを持つパッケージの特定...
復元したpackagesフォルダを調べると、Content, fonts, Scrip...
---Content, fonts, Scriptsフォルダを持つパッケージに対し...
--その他、Updateしたいパッケージ~
必要に応じて、その他のパッケージに対しても、Update-Packag...
**最新のテンプレート実装を参考にパッケージをインストール ...
新しいバージョンでサポートされた機能に必要なパッケージな...
新しいテンプレートのpackages.config等から読み取って、~
必要に応じて、Install-Packageによってパッケージをインスト...
**[[HttpClient>HttpClientの類の使い方#n074732e]]など、BCL...
<package id="Microsoft.Net.Http.ja" version="2.0.20710.0...
-↓に差し替える。
<package id="System.Net.Http" version="4.3.0" targetFram...
<package id="System.Net.Http.Formatting.Extension" versi...
-Nugetの場合、以下でインストールできる。
Install-Package System.Net.Http
Install-Package System.Net.Http.Formatting.Extension
*OWIN化 [#m516ea9b]
**[[OWIN]] [#jea128c3]
**[[OWIN化手順]] [#w4fd9095]
*[[RouteConfig>ASP.NET の RouteConfig]] [#k9acbdf0]
-[[ASP.NET MVC]] 4 以降には、既定で実装されている。
-Modernizationは、
--[[ASP.NET Web Forms]]
--[[ASP.NET MVC]] 4 以前
>が対象となる。
*[[BundleConfig>ASP.NET の BundleConfig]] [#ic37a72e]
-ここでは、以下の様なウェブサイトやWebアプリケーションを...
フロントエンドWebアプリケーションフレームワークのファイル...
--Bundle & Minification
--[[CDNフォールバック>#s62820fe]]
>する。
-その他、個別のファイルについては、~
[[ASP.NET Web Forms]] 、 [[ASP.NET MVC]]個別で
--Bundle & Minification
--[[CDNフォールバック>#s62820fe]]
>する。
**Bundle & Minification [#y67baf40]
***Bootstrap [#o911cc56]
-HTML及びCSSベースのデザインテンプレートとして用意されて...
--タイポグラフィ
--フォーム
--ボタン
--ナビゲーション
--その他構成要素
--JavaScript用拡張
--, etc.
-インストール方法
Install-Package Bootstrap
***jQuery [#x4cb13d8]
-jQuery
--ウェブブラウザ用のJavaScriptコードをより容易に記述~
できるようにするために設計された軽量なJavaScriptライブラリ
--インストール方法
Install-Package jQuery
-jQuery UI~
&color(red){Bootstrapと競合する。Bootstrapを優先する場合...
--インタラクティブなWebサイトを開発するために使用される、~
jQueryをベースにしたJavaScriptのライブラリ
--インストール方法
Install-Package jQuery.UI.Combined
***modernizr [#x515c105]
ブラウザの機能サポート状況をチェックし、~
HTMLタグにサポート状況を判別できるクラスを付与、~
結果を記録したmodernizrグローバルオブジェクトを生成する。
-インストール方法
Install-Package Modernizr
***Respond.js [#md2cb29d]
IE8以下でレスポンシブWebデザインを実現する。
-インストール方法
Install-Package Respond
**[[CDN>CDN（Content Delivery Network）]]フォールバック [...
***機能概要 [#od7ba443]
-著名なフロントエンドWebアプリケーションフレームワークの...
-これらのファイル群をBundle & Minificationする場合、同時...
***設定の仕方 [#n3004d94]
-ScriptBundle、またはStyleBundleコンストラクターの第2引数...
-CdnFallbackExpressionプロパティに、ライブラリがロードで...
***設定の例 [#r90d00d2]
-ScriptBundleの場合~
ScriptBundle jquery = new ScriptBundle(
"~/bundles/jquery",
"http://ajax.aspnetcdnn.com/ajax/jQ...
.Include("~/Scripts/jquery-{ver...
jquery.CdnFallbackExpression = "window.jQuery";
bundles.Add(jquery);
-StyleBundleの場合~
インターフェイス上はScriptBundleと同じように設定可能だが...
-参考
--ASP.NET MVC 5 主要 JavaScriptライブラリのCDN、Fallback...
http://katsuyuzu.hatenablog.jp/entry/2014/10/02/000330
**リンクのさせ方 [#a42aaaba]
***ヘッダでリンク [#zf481b99]
-CSSファイルはヘッダでリンクする。
-JSファイルもヘッダでリンクする。
--modernizrなど、初期処理に必要なもの。
--・・・
***フッタでリンク [#j2a3d34a]
それ以外のJSファイルはフッタでリンクする。
*個別 の Modernization [#ib7cd2e2]
以下を参照。
**[[ASP.NET Web Forms の Modernization]] [#s1c7b64d]
**[[ASP.NET MVC の Modernization]] [#u1c0d8ee]
*その他 [#ie75cd1a]
**[[ASP.NET のプロジェクト・テンプレートの変遷]] [#f0cec7...
**Webサービス開発へ対応する[[ASP.NET Core]] [#k27de135]
Visual Studio、ASP.NET（特にWeb Forms）は、~
エンタープライズ向けであったこともあり、~
Webサービス隆盛の時代の流れに乗り遅れた感はある。
***Webサービス [#v7b862c1]
このため、現在は、Webサービスの分野に適合したフレームワー...
-[[ASP.NET MVC]]
-[[ASP.NET Web Pages]]
***Linuxプラットフォーム [#iac494e7]
また、Webサービスの分野で多用されるLinuxプラットフォーム...
-[[.NET Standard]]
-[[.NET Core]]
-[[ASP.NET Core]]
*参考 [#gb31eef8]
**Bundle & Minification [#ef36e93f]
- [ASP.NET Optimization] javascript や cssの Bundle と Mi...
http://www.pine4.net/Memo/Article/Archives/545
**[[CDN>CDN（Content Delivery Network）]]フォールバック [...
-効果的なフォールバック戦略の作成方法~
https://msdn.microsoft.com/ja-jp/library/hh273396.aspx
-jQuery, jQueryUI, Bootstrap利用時のCDNフォールバック対応...
http://blog.auxak.com/cdn-fallback/
- CDNダウン時のjs/cssのフォールバック | odekakeshimasyo.me~
https://odekakeshimasyo.me/web-cdn-fallback.html
- パブリックCDNからのロードに対して、フォールバックを行う...
http://qiita.com/jkr_2255/items/6c195a0de5e3ebaf4ac1
----
Tags: [[:.NET開発]], [[:ASP.NET]], [[:ASP.NET Web Forms]]...
終了行:
「[[マイクロソフト系技術情報 Wiki>http://techinfoofmicros...
-[[戻る>ASP.NET]]
* 目次 [#b1588e10]
#contents
*概要 [#n1389aec]
以下を行なうことでModernizationが可能と考える。
-NuGet化
-[[OWIN]]化
-RouteConfig
-BundleConfig
--Bundle & Minification
--[[CDNフォールバック>#s62820fe]]
--画面からのリンクを設定
-個別 の Modernization
--ASP.NET Web Forms の Modernization
--ASP.NET MVC の Modernization
*NuGet化 [#u2fc65e2]
NuGetに登録されているライブラリについては、その取得方法を...
**NuGet [#t96ff136]
***NuGetについて [#k94ef67a]
[[コチラ>NuGet]]を参照。
***NuGetの操作手順 [#j5cfb585]
[[コチラ>NuGet を使用したパッケージ管理]]を参照。
**既存ライブラリのNuGet化 [#ice601d2]
既存の参照設定してNuGetから取得したものを参照するようにす...
-参照設定を削除する。
-PM> Install-Package XXXXX コマンドにより、パッケージをイ...
-Gitからは、packagesフォルダを削除できる（ビルド時にpacka...
**既存JS、CSSファイル等のNuGet化 [#j5ba45e8]
既存のファイルを削除してNuGetから取得したものを参照するよ...
-既存のファイルを削除する。
-PM> Install-Package XXXXX コマンドにより、パッケージ（JS...
-JS、CSSファイルの参照方法を変更する（後述の[[BundleConfi...
-GitにはContent, fonts, Scriptsフォルダを含める。
--ビルド時にpackages.configの内容に従ってpackagesフォルダ...
--ScriptやContentフォルダを復元する場合、Visual Studioの...
**既存ライブラリや、JS、CSSファイルの一括更新 [#h1094d04]
以下の手順で、ライブラリや、JS、CSSファイルを更新可能。
-packages.configを最新のものに書き換える。
-一度、packagesフォルダ、Content, fonts, Scriptsフォルダ...
-ソリューションをリビルドすると、
--packagesフォルダが復元される。
--Content, fonts, Scriptsフォルダは復元されない。
-以下のように必要なパッケージに対して、Update-Packageを行...
（全てのパッケージに対して機械的にUpdate-Packageを行って...
--Content, fonts, Scriptsフォルダを持つパッケージ
---Content, fonts, Scriptsフォルダを持つパッケージの特定...
復元したpackagesフォルダを調べると、Content, fonts, Scrip...
---Content, fonts, Scriptsフォルダを持つパッケージに対し...
--その他、Updateしたいパッケージ~
必要に応じて、その他のパッケージに対しても、Update-Packag...
**最新のテンプレート実装を参考にパッケージをインストール ...
新しいバージョンでサポートされた機能に必要なパッケージな...
新しいテンプレートのpackages.config等から読み取って、~
必要に応じて、Install-Packageによってパッケージをインスト...
**[[HttpClient>HttpClientの類の使い方#n074732e]]など、BCL...
<package id="Microsoft.Net.Http.ja" version="2.0.20710.0...
-↓に差し替える。
<package id="System.Net.Http" version="4.3.0" targetFram...
<package id="System.Net.Http.Formatting.Extension" versi...
-Nugetの場合、以下でインストールできる。
Install-Package System.Net.Http
Install-Package System.Net.Http.Formatting.Extension
*OWIN化 [#m516ea9b]
**[[OWIN]] [#jea128c3]
**[[OWIN化手順]] [#w4fd9095]
*[[RouteConfig>ASP.NET の RouteConfig]] [#k9acbdf0]
-[[ASP.NET MVC]] 4 以降には、既定で実装されている。
-Modernizationは、
--[[ASP.NET Web Forms]]
--[[ASP.NET MVC]] 4 以前
>が対象となる。
*[[BundleConfig>ASP.NET の BundleConfig]] [#ic37a72e]
-ここでは、以下の様なウェブサイトやWebアプリケーションを...
フロントエンドWebアプリケーションフレームワークのファイル...
--Bundle & Minification
--[[CDNフォールバック>#s62820fe]]
>する。
-その他、個別のファイルについては、~
[[ASP.NET Web Forms]] 、 [[ASP.NET MVC]]個別で
--Bundle & Minification
--[[CDNフォールバック>#s62820fe]]
>する。
**Bundle & Minification [#y67baf40]
***Bootstrap [#o911cc56]
-HTML及びCSSベースのデザインテンプレートとして用意されて...
--タイポグラフィ
--フォーム
--ボタン
--ナビゲーション
--その他構成要素
--JavaScript用拡張
--, etc.
-インストール方法
Install-Package Bootstrap
***jQuery [#x4cb13d8]
-jQuery
--ウェブブラウザ用のJavaScriptコードをより容易に記述~
できるようにするために設計された軽量なJavaScriptライブラリ
--インストール方法
Install-Package jQuery
-jQuery UI~
&color(red){Bootstrapと競合する。Bootstrapを優先する場合...
--インタラクティブなWebサイトを開発するために使用される、~
jQueryをベースにしたJavaScriptのライブラリ
--インストール方法
Install-Package jQuery.UI.Combined
***modernizr [#x515c105]
ブラウザの機能サポート状況をチェックし、~
HTMLタグにサポート状況を判別できるクラスを付与、~
結果を記録したmodernizrグローバルオブジェクトを生成する。
-インストール方法
Install-Package Modernizr
***Respond.js [#md2cb29d]
IE8以下でレスポンシブWebデザインを実現する。
-インストール方法
Install-Package Respond
**[[CDN>CDN（Content Delivery Network）]]フォールバック [...
***機能概要 [#od7ba443]
-著名なフロントエンドWebアプリケーションフレームワークの...
-これらのファイル群をBundle & Minificationする場合、同時...
***設定の仕方 [#n3004d94]
-ScriptBundle、またはStyleBundleコンストラクターの第2引数...
-CdnFallbackExpressionプロパティに、ライブラリがロードで...
***設定の例 [#r90d00d2]
-ScriptBundleの場合~
ScriptBundle jquery = new ScriptBundle(
"~/bundles/jquery",
"http://ajax.aspnetcdnn.com/ajax/jQ...
.Include("~/Scripts/jquery-{ver...
jquery.CdnFallbackExpression = "window.jQuery";
bundles.Add(jquery);
-StyleBundleの場合~
インターフェイス上はScriptBundleと同じように設定可能だが...
-参考
--ASP.NET MVC 5 主要 JavaScriptライブラリのCDN、Fallback...
http://katsuyuzu.hatenablog.jp/entry/2014/10/02/000330
**リンクのさせ方 [#a42aaaba]
***ヘッダでリンク [#zf481b99]
-CSSファイルはヘッダでリンクする。
-JSファイルもヘッダでリンクする。
--modernizrなど、初期処理に必要なもの。
--・・・
***フッタでリンク [#j2a3d34a]
それ以外のJSファイルはフッタでリンクする。
*個別 の Modernization [#ib7cd2e2]
以下を参照。
**[[ASP.NET Web Forms の Modernization]] [#s1c7b64d]
**[[ASP.NET MVC の Modernization]] [#u1c0d8ee]
*その他 [#ie75cd1a]
**[[ASP.NET のプロジェクト・テンプレートの変遷]] [#f0cec7...
**Webサービス開発へ対応する[[ASP.NET Core]] [#k27de135]
Visual Studio、ASP.NET（特にWeb Forms）は、~
エンタープライズ向けであったこともあり、~
Webサービス隆盛の時代の流れに乗り遅れた感はある。
***Webサービス [#v7b862c1]
このため、現在は、Webサービスの分野に適合したフレームワー...
-[[ASP.NET MVC]]
-[[ASP.NET Web Pages]]
***Linuxプラットフォーム [#iac494e7]
また、Webサービスの分野で多用されるLinuxプラットフォーム...
-[[.NET Standard]]
-[[.NET Core]]
-[[ASP.NET Core]]
*参考 [#gb31eef8]
**Bundle & Minification [#ef36e93f]
- [ASP.NET Optimization] javascript や cssの Bundle と Mi...
http://www.pine4.net/Memo/Article/Archives/545
**[[CDN>CDN（Content Delivery Network）]]フォールバック [...
-効果的なフォールバック戦略の作成方法~
https://msdn.microsoft.com/ja-jp/library/hh273396.aspx
-jQuery, jQueryUI, Bootstrap利用時のCDNフォールバック対応...
http://blog.auxak.com/cdn-fallback/
- CDNダウン時のjs/cssのフォールバック | odekakeshimasyo.me~
https://odekakeshimasyo.me/web-cdn-fallback.html
- パブリックCDNからのロードに対して、フォールバックを行う...
http://qiita.com/jkr_2255/items/6c195a0de5e3ebaf4ac1
----
Tags: [[:.NET開発]], [[:ASP.NET]], [[:ASP.NET Web Forms]]...
ページ名:
![[PukiWiki]](image/pukiwiki.png "[PukiWiki]")
