「マイクロソフト系技術情報 Wiki」は、「Open棟梁Project」,「OSSコンソーシアム .NET開発基盤部会」によって運営されています。
目次 †
概要 †
以下を行なうことでModernizationが可能と考える。
- 個別 の Modernization
- ASP.NET Web Forms の Modernization
- ASP.NET MVC の Modernization
NuGetに登録されているライブラリについては、その取得方法をNuGet化する。
コチラを参照。
コチラを参照。
既存の参照設定してNuGetから取得したものを参照するようにする。
- 参照設定を削除する。
- PM> Install-Package XXXXX コマンドにより、パッケージをインストールして参照設定を追加する。
- Gitからは、packagesフォルダを削除できる(ビルド時にpackages.configの内容に従って復元されるため)。
既存JS、CSSファイル等のNuGet化 †
既存のファイルを削除してNuGetから取得したものを参照するようにする。
- 既存のファイルを削除する。
- PM> Install-Package XXXXX コマンドにより、パッケージ(JS、CSSファイル等)を取得する。
- JS、CSSファイルの参照方法を変更する(後述のBundleConfigを使用すると良い)。
- GitにはContent, fonts, Scriptsフォルダを含める。
- ビルド時にpackages.configの内容に従ってpackagesフォルダは復元されるが、ScriptやContentフォルダは復元されないため。
- ScriptやContentフォルダを復元する場合、Visual Studioのパッケージ・マネージャコンソールから、Update-Packageを行なう。
既存ライブラリや、JS、CSSファイルの一括更新 †
以下の手順で、ライブラリや、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, Scriptsフォルダを持つパッケージを特定できる。
- Content, fonts, Scriptsフォルダを持つパッケージに対してUpdate-Packageを行う。
- その他、Updateしたいパッケージ
必要に応じて、その他のパッケージに対しても、Update-Packageを行う。
最新のテンプレート実装を参考にパッケージをインストール †
新しいバージョンでサポートされた機能に必要なパッケージなどを、
新しいテンプレートのpackages.config等から読み取って、
必要に応じて、Install-Packageによってパッケージをインストールする。
<package id="Microsoft.Net.Http.ja" version="2.0.20710.0" targetFramework="net46" />
OWIN化 †
が対象となる。
- ここでは、以下の様なウェブサイトやWebアプリケーションを作成する
フロントエンドWebアプリケーションフレームワークのファイル群を
する。
する。
Bundle & Minification †
Bootstrap †
- HTML及びCSSベースのデザインテンプレートとして用意されている。
- タイポグラフィ
- フォーム
- ボタン
- ナビゲーション
- その他構成要素
- JavaScript用拡張
- , etc.
jQuery †
- jQuery UI
Bootstrapと競合する。Bootstrapを優先する場合、インストールしない。
modernizr †
ブラウザの機能サポート状況をチェックし、
HTMLタグにサポート状況を判別できるクラスを付与、
結果を記録したmodernizrグローバルオブジェクトを生成する。
Respond.js †
IE8以下でレスポンシブWebデザインを実現する。
- インストール方法
Install-Package Respond
機能概要 †
- 著名なフロントエンドWebアプリケーションフレームワークのファイル群はCDNから配布されている。
- これらのファイル群をBundle & Minificationする場合、同時に、CDNフォールバックの設定をすることができる。
設定の仕方 †
- ScriptBundle?、またはStyleBundle?コンストラクターの第2引数に、CDNの URLを追加
- CdnFallbackExpression?プロパティに、ライブラリがロードできたかどうかを判定するための式を指定する。
設定の例 †
- StyleBundle?の場合
インターフェイス上はScriptBundle?と同じように設定可能だが、現バージョンでは設定不可能なもよう。
リンクのさせ方 †
ヘッダでリンク †
- CSSファイルはヘッダでリンクする。
- JSファイルもヘッダでリンクする。
- modernizrなど、初期処理に必要なもの。
- ・・・
フッタでリンク †
それ以外のJSファイルはフッタでリンクする。
個別 の Modernization †
以下を参照。
その他 †
Visual Studio、ASP.NET(特にWeb Forms)は、
エンタープライズ向けであったこともあり、
Webサービス隆盛の時代の流れに乗り遅れた感はある。
Webサービス †
このため、現在は、Webサービスの分野に適合したフレームワークをリリースしている。
Linuxプラットフォーム †
また、Webサービスの分野で多用されるLinuxプラットフォーム上で動作するOSSのランタイムの提供を開始している。
参考 †
Bundle & Minification †
Tags: :.NET開発, :ASP.NET, :ASP.NET Web Forms, :OWIN, :NuGet, :移行