ユーザ用ツール

サイト用ツール


it技術:web開発

差分

このページの2つのバージョン間の差分を表示します。

この比較画面へのリンク

両方とも前のリビジョン前のリビジョン
次のリビジョン
前のリビジョン
it技術:web開発 [2020/03/05 17:24] – [IISのバージョンとWindows OS] yajuadminit技術:web開発 [2022/10/28 10:22] (現在) – [Tips] yajuadmin
行 5: 行 5:
  
 ===== IISのバージョンとWindows OS ===== ===== IISのバージョンとWindows OS =====
-^OS^IIS^ +^サーバーOS^クライアントOS^IIS^ 
-|Windows Server 2019|IIS 10| +|Windows Server 2019|  |IIS 10| 
-|Windows Server 2016|IIS 10| +|Windows Server 2016|Windows 10|IIS 10| 
-|Windows Server 2012 R2|IIS 8.5| +|Windows Server 2012 R2|Windows 8.1|IIS 8.5| 
-|Windows Server 2012|IIS 8.0| +|Windows Server 2012|Windows 8|IIS 8.0| 
-|Windows Server 2008 R2|IIS 7.5| +|Windows Server 2008 R2|Windows 7|IIS 7.5| 
-|Windows Server 2008|IIS 7.0| +|Windows Server 2008|Windows Vista|IIS 7.0| 
-|Windows Server 2003|IIS 6.0| +|Windows Server 2003|  |IIS 6.0
-|Windows 2000|IIS 5.0|+|  |Windows XP|IIS 5.1
 +|Windows 2000|  |IIS 5.0| 
 ===== HTMLカラーコード ===== ===== HTMLカラーコード =====
-[[http://www.colordic.org/|WEB色見本 原色大辞典 - HTMLカラーコード]]+  * [[http://www.colordic.org/|WEB色見本 原色大辞典 - HTMLカラーコード]] 
 +  * [[https://webnetamemo.com/coding/bootstrap4/201711026071|Bootstrap4に用意されているクラス【color編】]]
  
 ===== 画面レイアウト(Bootstrap) ===== ===== 画面レイアウト(Bootstrap) =====
行 22: 行 25:
   * ライセンスは MIT License で、商用利用も可能です。   * ライセンスは MIT License で、商用利用も可能です。
  
-※ASP.NETのBoostrap 3.3.7は、jQuery 1.19.1に依存している。+<wrap em>Bootstrap 5、IE 11サポート対象外、jQueryを使わないよう設計されている。</wrap>
  
-参照+==== 参照 ====
   * [[http://qiita.com/zaburo/items/e5b8c51873b193bb1573|Bootstrap3.x.で何かやるときの最低限のメモ]]   * [[http://qiita.com/zaburo/items/e5b8c51873b193bb1573|Bootstrap3.x.で何かやるときの最低限のメモ]]
-  * [[http://bootstrap3.cyberlab.info/|Bootstrap3日本語リファレンス]]+  * [[https://getbootstrap.jp/docs/4.2/getting-started/introduction/|Bootstrap4.2日本語リファレンス]]
   * [[https://codezine.jp/article/detail/8182|Bootstrapでカッコいいナビゲーションバーを表示しよう]]   * [[https://codezine.jp/article/detail/8182|Bootstrapでカッコいいナビゲーションバーを表示しよう]]
   * [[http://webnetamemo.com/coding/bootstrap/2015062126|Bootstrapに用意されているクラス【table編】]]   * [[http://webnetamemo.com/coding/bootstrap/2015062126|Bootstrapに用意されているクラス【table編】]]
行 32: 行 35:
  
 ===== jQuery ===== ===== jQuery =====
-2017/03/21現在の最新版は「jQuery 3.1.1」となる。+2022/02/18現在の最新版は「jQuery 3.6.0」となる。
  
 ^1.1x系|Internet Explorer 8(IE8)の下位バージョンに対応| ^1.1x系|Internet Explorer 8(IE8)の下位バージョンに対応|
行 107: 行 110:
 [[http://miso-soup3.hateblo.jp/entry/2013/12/14/070356|TempData の正体]] [[http://miso-soup3.hateblo.jp/entry/2013/12/14/070356|TempData の正体]]
  
 +==== ビューにデータを渡す ====
 +コントローラー側にてView(myModel)としてデータクラスを引数を渡す。
 +
 +  * [[https://hirahira.blog/%E3%80%90asp-net-mvc%E3%80%91models_to_view/|【ASP.NET MVC】複数のModelをViewに渡す方法]]
 +  * [[https://www.oborodukiyo.info/ASPNET/ASPNETMVC4/ASPNET-HowToPassSomeModelsForUpdate|ASP.NET MVCでビューにおいて複数のデータを渡したい時]]
 ===== アイドル状態のワーカープロセスのスワップアウト ===== ===== アイドル状態のワーカープロセスのスワップアウト =====
 IISのアプリケーションプールのアイドル状態のタイムアウトは20分になっている。\\ IISのアプリケーションプールのアイドル状態のタイムアウトは20分になっている。\\
行 155: 行 163:
 ==== 調査 ==== ==== 調査 ====
 IIS applicationInitializationリクエストは内部で行われるため、W3Cログには表示されません。 IIS applicationInitializationリクエストは内部で行われるため、W3Cログには表示されません。
-ただし、Initializer.aspxページでリクエストを確認し、ユーザーエージェントを確認すると、「IIS Application Initialization Preload」が表示されます。+ただし、Initializer.aspxページでリクエストを確認し、ユーザーエージェントを確認すると、「IIS Application Initialization Warmup」か「IIS Application Initialization Preload」が表示されます。
  
 <code csharp Initializer.aspx> <code csharp Initializer.aspx>
行 244: 行 252:
 これでも駄目なら、ソリューションファイルとプロジェクトを一から作り直す。 これでも駄目なら、ソリューションファイルとプロジェクトを一から作り直す。
  
 +===== リソースが見つかりません =====
 +POSTを使用すると、「リソースが見つかりません」というエラーが表示されます。\\
 +GetSQLDataのコントローラーが見つからないか、IControllerを実装していません。
 +
 +原因としてコントローラーの指定が間違っている。
 +
 +<code javascript 例>
 +postAjax('GetSQLData', JSON.stringify(param), process);
 +
 +postAjax('/Home/GetSQLData', JSON.stringify(param), process);
 +</code>
 ===== 発行先だと動作しない ===== ===== 発行先だと動作しない =====
 Visual Studio上のWebブラウザでは動作したが、発行した環境ではエラーになる。\\ Visual Studio上のWebブラウザでは動作したが、発行した環境ではエラーになる。\\
行 299: 行 318:
  
 ===== Tips ===== ===== Tips =====
 +==== 非同期POST後のリダイレクト ====
 +jQuery.ajaxのPOSTでdataTypeをjsonにした状態で、リダイレクト(RedirectToAction)しようとするとHTMLをJSONに変換しようとしてエラーとなる。
 +
 +エラー「200 SyntaxError: Unexpected token '<', "<!DOCTYPE "... is not valid JSON」
 +
 +
 +=== 対応 ===
 +Json形式でリダイレクトするURLを返し、jQuery.ajaxのPOST側でwindow.location.hrefにURLを指定してリダイレクトさせる。
 +
 +  * [[https://stackoverflow.com/questions/47903390/asp-net-mvc-redirecttoaction-doesnt-work-after-ajax-post-from-view|ASP.NET MVC RedirectToAction doesn't work after AJAX Post from view]]
 +  * [[http://msprogrammer.serviciipeweb.ro/2013/01/21/redirect-and-ajax-redirect-in-mvc/|Redirect and Ajax Redirect in MVC]]
 ==== Index.d.tsにてRecordが見つかりません ==== ==== Index.d.tsにてRecordが見つかりません ====
 TypeScriptのバージョンが古いとのことで、NuGetで最新版2.9.2を入れたがエラーが解消されなかった。 TypeScriptのバージョンが古いとのことで、NuGetで最新版2.9.2を入れたがエラーが解消されなかった。
行 328: 行 358:
 POST用に専用のViewModelを作成すればいい。\\ POST用に専用のViewModelを作成すればいい。\\
 [[http://itkaeru.blogspot.com/2012/11/aspnet-mvc-jsonjson.html|[ASP.NET MVC] JSONを受け取る、JSONを返す]] [[http://itkaeru.blogspot.com/2012/11/aspnet-mvc-jsonjson.html|[ASP.NET MVC] JSONを受け取る、JSONを返す]]
 +
 +=== AJax使用方法 ===
 +  * [[https://job-support.ne.jp/blog/javascript/howto-ajax|JavaScriptでAjaxを使う方法。使用例や利用方法を解説]]
 +  * [[https://qiita.com/lusf/items/fdcfc0396514f64adc67|ASP.NET MVC : jQuery.ajaxを使った非同期処理]]
  
 ==== AJaxでローディング画像の表示 ==== ==== AJaxでローディング画像の表示 ====
行 425: 行 459:
  
 [[https://qiita.com/rico/items/09c896290e218ed2b7c3|IE対策:互換表示させない。]] [[https://qiita.com/rico/items/09c896290e218ed2b7c3|IE対策:互換表示させない。]]
 +
 +==== javascript のコールバック関数の引数指定 ====
 +関数バインディング(bind())を使う
 +
 +<code>
 +let sayHello = function(who) {
 +    alert('Hi ' + who + '!');
 +};
 + 
 +setTimeout(sayHello.bind(null, 'Mike'), 3000);
 +</code>
 +
 +[[https://blog.enjoitech.com/article/222|javascript のコールバック関数を引数付きで指定するには]]
 +
 +==== フォントアイコンの検索 ====
 +Font Awesomeのアイコンを日本語、英語、カタカナで簡単一発検索!\\
 +[[https://search-fa.com/|Search for Font Awesome]]
 +
it技術/web開発.1583396685.txt.gz · 最終更新: 2020/03/05 17:24 by yajuadmin