shuhelohelo’s blog

Xamarin.Forms多めです.

ASPNET

これは下書きにもタグを登録するためのページです。

ASP.NET MVCでAjaxでPOST

環境 ASP.NET(Framework) .NET Framework 4.6.1 動いたコードを残す. 配列をPOSTして,同じ配列を受け取る. Controller public class ProductsController : Controller { [HttpPost] public ActionResult GetProduct(string[] names) { return Json(names); }…

ASP.NET CoreのJavaScript部分をVisual Studioでデバッグする方法

ASP.NET Coreアプリケーションの開発をVisual Studioで行う時に、JavaScript部分のデバッグもVisual Studioでやりたいですね。 しかし、デバッグ実行時にJavaScript部分にブレークポイントを設定するだけでは止まってくれません。 環境 Visual Studio 2019 1…

ASP.NET Coreでバリデーションメッセージを変更する方法

Identity関連のバリデーションメッセージの日本語化について別の記事で書きました。 今回はIdentity以外の様々なメッセージについてです。 以下の記事が詳しいです。この記事のとおりにやれば大丈夫です。 qiita.com しかしながら一点、注意点がありますので…

ASP.NET CoreでIdentityのバリデーションメッセージを日本語化する

ASP.NETはパスワードやEmailの入力に対するバリデーションの機能がついていて便利です。 便利なのですが、デフォルトでは英語です。これを日本語で表示させる必要があったりします。 今回は認証機能(Identity)のバリデーションに関するメッセージの日本語…

ASP.NET Coreでプロジェクト内のcssやjsファイルをminifyする

クライアントにコンテンツを提供する際に、bootstrapなどのcssフレームワークやjQueryなどのjsフレームワークなども一緒に送るわけですが、そのサイズは小さければ小さいほど良いことは言うまでもありません。 そこで一般的には機能的に不要な空白やインデン…

ASP.NET CoreでIdentityUser、IdentityRoleにカラムを追加する。

環境 Windows 10 Pro 1903 Visual Studio 2019 ASP.NET Core 2.1 ASP.NET Coreでユーザー認証、認可にIdentityを使用する場合、元から用意されているIdentityUser、IdentityRoleなどにプロパティ(DB上のカラム)を追加したい場合がある。 ここでは、Identit…

ASP.NETでpartialタグで部分ビューが検索されるフォルダー一覧

環境は以下のとおり。 ASP.NET Core MVC .NET Core Sdk 2.1 Razorビューで以下のように部分ビューを参照するとき、 <partial name="{部分ビュー名}" /> デフォルトでは以下のフォルダ内が検索される。 /Areas/Identity/Pages/Account/_FrontPartial.cshtml /Areas/Identity/Pages/_FrontPartia</partial>…

Client Side BlazorをAzure App Serviceに配置する

現時点ではVisual Studioから普通にAzure App Serviceに配置できます。 ビルド > 発行 発行先の選択では、App ServiceにはWindowsとLinuxの2種類があるが、今回はLinuxではない方を選択。 (App Service For LinuxではBlazorが動かない?ような気がする。や…

Client Side Blazorの開発をはじめる

事前準備 Visual Studio 2019に拡張機能「Blazor」をインストール。 .NET Core 3.0 previewをインストールしておく。 dotnet.microsoft.com ツール > オプション > 環境 > プレビュー機能とたどって、「.NetコアSDKのプレビューを使用する」にチェックをつけ…

Blazorで文字列をHTMLとしてページ内に出力する

Blazorで変数に格納された文字列としてのHTMLは、そのまま変数をページ内に出力すると適切にエスケープされてそのまま文字列として表示されます。 @page "/" <h1>Hello, world!</h1> Welcome to your new app. <SurveyPrompt Title="How is Blazor working for you?" /> <div> @MyHtml </div> @functions{ string MyHtml { get; set; } = "<h1></h1></surveyprompt>…

BootStrap4で画像を中央寄せ

<div class="container-fluid"> <div class="row"> <img src="~/images/Hoge.png" class="img-fluid d-block mx-auto" /> </div> </div>

Blazorでテキストボックス間の同期

片方のテキストボックスに入力した内容を、もう片方のテキストボックスに同期的に表示したい。 というのはまったくニーズが無い話とは思います。 環境 Windows 10 Pro 1809 Visual Studio 2019 16.0.3 .NET Core 3.0.1 preview5 準備 さて、まずはClient Sid…

Blazorでコードビハインド的な書き方

コードビハインド的な書き方 ロジック部分を別ファイル、別クラスに記述しておく。 そのクラスはComponentBaseクラスを継承しておく。 Razorファイルから利用するプロパティやメソッドはpublicにしておく。 using System; using System.Collections.Generic;…

ASP.NET Core 2.2→3.0への移行 メモ

(2019.10.08)5月にメモとして書いたときと比べ,現時点では.NET Coreが3.0がリリースされており,下のリンクの公式サイトの解説も充実していると思うのでご注意ください. docs.microsoft.com ASP.NET Core 3.0では2.2と比べていろいろと書き方が変わっている。…

Client-side Blazorでデバッグする方法

Server-side BlazorなどServer側で動作する部分についてはVisual Studio上でデバッグできます。 では、Client-side Blazorのデバッグはどうするかというと、もちろんブラウザのデバッグツールを使います。 ChromeならばCtrl+Shit+Iで出てくる開発ツールです…

Blazorでプロジェクト内のファイルを指定する絶対URIを生成するには?

これもBlazorというかASP.NET Coreの話ですが、現在実行中のアプリケーションのベースURIを取得する方法です。 多分いろいろあると思いますが、そのうちの一つということで。 ASP.NETではDIコンテナの機能が組み込まれていますが、ここに明示的に登録する以…

BlazorでのDIコンテナの使い方

BlazorというかASP.NETにはDIコンテナの機能が提供されています。 DIコンテナの機能を使うことで、Razorページの中、または他のクラスの中で使用するインスタンスの生成を任せることができます。 Razorページ内では Startup.cs内のConfigureServicesメソッド…

Blazorメモ

Blazorを勉強しながらメモ。 Blazorの特徴 .NETでインタラクティブなクライアントWeb UIを作る。 JavaScriptの代わりにC#でリッチなUIを作る。 ↑これがメイン。 サーバーサイドもクライアントサイドも.NETで。 razor構文を使えるよ。 一つのファイル内でマー…

Visual Studio 2019 v16.1.0 preview2 でBlazorアプリを作成したら、実行時にエラーがでたときの対処

VS2019 v16.1.0 preview2をインストールして、テンプレートからBlazorアプリを作成し、実行したらこんなエラーが出た。 ターゲットプロセスは、CoreCLR開始イベントを発生させずに終了しました。 csprojファイルをテキストエディタで開いてみると、参照して…

「Web サーバー 'IIS Express' に接続できませんでした。」エラーの対処方法

友人のASP.NET Core MVCプロジェクトをgithubからクローンして、デバッグ実行したときに以下のエラーダイアログが表示されて実行できませんでした。 ビルドはとおりますし、友人のローカル側では正しく実行され、ブラウザで表示されます。 さて、これの対処…