shuhelohelo’s blog

Xamarin.Forms多めです.

Blazor

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

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>…

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

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

DebugとReleaseのどちらかに限るという制限

} .showRawExceptionContainer { InvalidOperationExceptionInvalidOperationException: Cannot identify unique bin directory for Blazor app. Found both 'C:\Users\nishizawa\Source\Repos\BlazorDataBinding\BlazorDataBinding\bin\Debug' and 'C:\User…

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

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

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ファイルをテキストエディタで開いてみると、参照して…