ASP.NET MVC 開発を始める前に理解しておきたいこと
空のプロジェクトからASP.NET MVC5 EntityFramework6 for Oracleを試す

WEB色見本 原色大辞典 - HTMLカラーコード

Bootstrap は、スマートフォンなどのモバイル端末にも対応し、レスポンシブデザインを採用した HTML, CSS, JavaScript フレームワークです。

• Twitter 社で開発され、最初は「Twitter Bootstrap」と呼ばれていましたが、現在は「Bootstrap」となりました。
• ライセンスは MIT License で、商用利用も可能です。

※ASP.NETのBoostrap 3.3.7は、jQuery 1.19.1に依存している。

参照

• Bootstrap3.x.で何かやるときの最低限のメモ
• Bootstrap3日本語リファレンス
• Bootstrapでカッコいいナビゲーションバーを表示しよう
• Bootstrapに用意されているクラス【table編】
• とほほのBootstrap入門

2017/03/21現在の最新版は「jQuery 3.1.1」となる。

メジャーアップデート！高速化したjQuery3.0の特徴
【翻訳まとめ】jQuery 3.0 アップグレードガイド

Visual Studioのプロジェクトを選んで右クリック、「プロパティ」。
「Web」の「開始動作」の「ページを設定する」で、URLにあたる箇所(localhost:57210/以降)を設定する。
参照:スタートさせる最初のページ（URL）の指定

XML形式の設定ファイルを読み込み、DataTable型にセットする。

ReadCofig

    private DataTable ReadConfig()
    {
        DataSet ds = new DataSet();
        string path = HttpContext.Current.Server.MapPath("~/App_Data/config.xml"); ;
        using (System.IO.StreamReader xml = new System.IO.StreamReader(path))
        {
            ds.ReadXml(xml);
        }
 
        return ds.Tables[0];
    }

config.xml

<?xml version="1.0" encoding="utf-8" ?>
<config>
  <data SystemType="HT" SystemName="部材受入れシステム" TableID="RESH003040" TableName="部材受入れ実績" Column="EC,ED"  />
  <data SystemType="HT" SystemName="部材払出しシステム" TableID="RESH003050" TableName="部材受入れ実績" Column="EC,ED"  />
</config>

HomeControllerのIndex Actionが呼ばれたとき下記のような流れで処理されます。

1. /Views/_ViewStart.chtmlが読み込まれる
2. /Views/Shared/_Layout.chtmlが読み込まれる(1.で指定しているから)
3. 2.の_Layout.chtml中の@RenderBody()が呼ばれる(2. に記述されているから)
4. /Views/Home/Index.chtmlが呼ばれる
5. 必要に応じて@RenderSection()が呼ばれる

• @RenderBody()はテンプレートに1箇所のみ
• @RenderSection()は複数箇所でも可

参照

• ASP.NET MVC Viewに関するメモ
• ASP.NET MVCの個人的なメモ。テンプレートとか、共通的に使うViewとか

ViewBag、ViewData、TempDataを使用する。
ASP.NET MVC の ViewData、ViewBag および TempData

コントローラーから Viewへ(モデル以外に)データを渡す必要があります。データを渡す方法は2通りあります。

違いは型の安全性です。ViewData はキャストか型変換が必要となります。
ViewBagはMVC3からサポートされているものでMVC2以前のものはViewDataのみしか選択肢がなかった。
ViewData vs ViewBag vs TempData

コントローラーから他のコントローラーやアクションから他のアクションへデータを渡す場合などです。TempData は要求から他の要求へデータを渡すために使用されます。

TempDataは、「セッション状態（Session）」のラッパーライブラリです。
TempData の正体

IISのアプリケーションプールのアイドル状態のタイムアウトは20分になっている。

この状態では、一定時間アイドル状態（アクセスのない状態）になったワーカープロセスは、タイムアウトされプロセスが停止していた。これにより、頻繁にアクセスのないWebサイトに関してはメモリの消費を抑えられるというメリットがあった。しかし、その分、タイムアウトされた後に来た最初のリクエストに関してはワーカープロセスを起動し直す分、応答に時間がかかっていた。
Windows Server 2012 R2とIIS 8.5の新機能

20分放置後だと初回のページ呼び出しに時間がかかる。対応としてアイドル状態のタイムアウトは 0分 にして回避する。
また、IISリセット後の初回のページ呼び出しに時間がかかるのは、後述の「ASP.NETアプリの起動を高速化(ウォームアップ)」で解消できる。

ASP.NETアプリケーションは初回のページ呼び出しがあった時に、アプリケーションの初期処理（ビルドなど）が実施されます。そのため、ファーストユーザーがページにアクセスした時に遅いと感じることがあります。

IISのApplication Initialization機能を有効にしておくと、起動時にIISがアプリケーションを呼び出しておいてくれます。そのため最初のユーザーがアクセスした時の体感速度を向上させることができます。

[ASP.NET]Application InitializationでASP.NET Webアプリケーションを常時起動する

• IIS オート スタート設定による ASP.NET Web アプリケーションの初回実行時のパフォーマンス向上
• IIS Application InitializationでASP.NETアプリの起動を高速化（ウォームアップ）
• IISのオートスタート機能を使ってASP.NET Webアプリケーションの初回実行を行おう

リソース用フォルダ(例 Resources)を作成する。
リソースファイル(例 Messages.resx)を作成して、アクセス修飾子を「Public」とする。
先頭に@usingでこのページで使用するリソースフォルダを指定する。
文字列を取得したい部分で、「@ResourceFile.name」と記述する。

@using mvctest.Resources;
 
<input type="button" value=@Messages.cstButton1 > <!-- 行追加 -->
<input type="button" value=@Messages.cstButton2 > <!-- 確定 -->
<input type="button" value=@Messages.cstButton3 > <!-- 行削除 -->

• Visual Studio Express 2012 for Web でいってみる 22.多言語対応をやってみた。
• ASP.NET MVC におけるテキストの多言語対応 再考

ASP.NETは仕組み上、BINフォルダ内のファイルの更新を検知すると、アプリケーションを再起動するようになりセッション切れが発生する。
BINフォルダにはDLLなど滅多に更新されないファイルのみを配置する。

※頻繁に更新される出力ファイル(PDF)やログは、BINフォルダ以外の別フォルダに作成すること。

アプリケーションが再起動すると、初期状態になりASP.NETの呼出しに時間がかかってしまう。

Visual Studio上のWeb開発で「Internet Exploler」を使用してデバッグしようとすると、「これ以上ファイルがありません。」のメッセージ画面が表示されて、デバッグが出来なくなってしまう。
別のブラウザ(例 Chrome)にするとデバッグは出来る。

タスクマネージャーで「iexplore.exe」を全て削除する。コマンドでは「taskkill.exe /F /IM iexplore.exe」
これで駄目なら、プロジェクトの右クリックメニューで「クリーン」を実行する。
これでも駄目なら、PC再起動

there are no more files error using express 2012 for web

これでも駄目なら、IIS Expressをコマンドラインで動作確認してみる
開発用 Web サーバー IIS Express をコマンドラインから使用する方法

これでも駄目なら、ソリューションファイルとプロジェクトを一から作り直す。

TypeScriptのバージョンが古いとのことで、NuGetで最新版2.9.2を入れたがエラーが解消されなかった。 Cannot find name 'Record' in index.d.ts build error
Build error “Cannot find name 'Record'” with bootstrap 4

TypeScript for Visual Studio 2015 をインストールしたらエラーが解消された。
https://www.microsoft.com/ja-JP/download/details.aspx?id=48593

ふわっと表示して徐々に消えるメッセージ

<div id="alert" class="alert alert-danger mt-2" role="alert"><span class="fa fa-exclamation-circle pr-2"></span>@ViewBag.MsgError</div>
 
<script type="text/javascript">
    $('#alert').fadeIn(1000).delay(3000).fadeOut(2000);
</script>

例

<textarea style="width:1015px" rows="5" class="ml-3">

原因は site.css を読み込んでいるため 280pxで横幅が固定されていた。
site.cssはASP.NETプロジェクト固有のスタイルシートです。

POST用に専用のViewModelを作成すればいい。
[ASP.NET MVC] JSONを受け取る、JSONを返す

非同期通信の開始／終了／成功／失敗のタイミングで処理を実行するには？（ajaxXxxxx）

<form>
  <div id="spinner" style="display:none;"><img src="ajax-loader.gif" /></div>
  <ul id="result"></ul>
</form>
<script>
$(document)
  .ajaxStart(function() {
    $('#spinner').show();
  })
  .ajaxStop(function() {
    $('#spinner').hide();
  });
</script>

IIS上でbootstrapのwoff2ファイルを使う際には注意が必要。デバッグ時にはエラーにならない。
MIMEにフォントの「woff2」の拡張子が登録されていないため取得できない旨の404エラーが出る。

MIMEタイプの追加 [ IIS と ASP.NET ]

IISでMIMEの追加をすればよいが、設定忘れも考慮してWeb.configに設定を追加する方法がある。
MVCの場合、Viewにあるweb.configに下記の設定を追加する。

web.config

<system.webServer>
    <staticContent>
        <remove fileExtension=".woff2" />
        <mimeMap fileExtension=".woff2" mimeType="application/font-woff2" />
    </staticContent>    
</system.webServer>

• 【ASP.NET】URLなどの扱いあれこれ（取得など） 記事をクリップする
• ASP.NET MVC 違うコントローラーへのリンクを貼る

「ready」と「load」の違いについて
この２つは読込まれるタイミング違ってきております。
どういった動作をしているのか
「ready」は「ready関数を使用してDOMがロードされて操作・解析が可能になったタイミングで関数を実行」でした
「load」は「DOMがロードされ画像などの関連データの読み込みが完了後処理を実行」となります。

jQueryの読込み「ready」と「load」と「function」の順番について

「@Scripts.Render」と「@Style.Render」を使いたいがコマンドを認識してくれない。

NuGetで「Microsoft.AspNet.Web.Optimization」をインストールする。
MVCの場合、Viewにあるweb.configに下記の設定を追加する。

Web.config

 <add namespace="System.Web.Optimization" /> 

これを使うには「App_Start\BundleConfig.cs」ファイルにJavaScript／CSSのバンドル・ファイルの登録が必要となる。

• MVC 4 @Scripts “does not exist”
• ファイル・ダウンロードを効率化するバンドル＆ミニフィケーション機能

【jQuery】submit前に処理を行う方法

@using (Html.BeginForm("Index", "Login", FormMethod.Post, new { id = "fmLogin" }))
 
<script type="text/javascript">
    $('#fmLogin').on('submit', function () {
        // ローディング画面表示
        ShowLoading();
    });
</script>