Blazor

Blazor

Blazorでテキストボックスの値をキー押下時にリアルタイムにbindする方法

BlazorはWebUIフレームワークで、c#でフロントエンドを記述することができます。テキストボックスの値をキー押下時にリアルタイムに取得したり、キーイベントを実行することも可能です。テキストボックスの値をキー押下時にリアルタイムに取得す...
Blazor

blazorserverでgoogle recaptcha v3を導入する方法

blazorserverアプリでgoogle reCAPTCHA v3 を導入する方法BlazorはMicrosoftが開発したウェブアプリを開発するフレームワークです。ログイン画面など自動生成することができますが、ログイン画面にGoogl...
Blazor

WebAssembly と JavaScriptどちらを勉強するべきか

WebAssemblyもJavaScriptも、どちらもブラウザで動作するプログラムを記述できます。このことから、どちらも似たようなユースケースが想起され、JavaScriptはWebAssemblyに置き換えられると考える方もいるようです...
Blazor

Blazor Server で自動生成したユーザー認証機能の各画面をカスタマイズする方法

BLAZOR SERVER で ユーザー認証機能の自動生成とコード生成(スキャフォールディング) のページでは、Blazor Serverアプリにユーザー認証機能を追加する方法を紹介しました。この記事では、追加したユーザー認証機能の各ページ...
Blazor

Blazor Server で ユーザー認証機能の自動生成とコード生成(スキャフォールディング)

Blazor Serverではメールアドレスとパスワードによるユーザー認証機能を自動生成できます。しかし、自動生成しただけではコードまでは自動的に生成されません。この記事では、ユーザー認証機能とそのコードの自動生成を行う方法を紹介します。d...
Blazor

BlazorServerでリッスンポート番号を変更する方法

BlazorServerはデフォルトで と でリッスンしています。このポート番号を変更する方法について紹介します。IWebHostBuilder UseUrls を使うProgram.cs では、以下のとおりCreateHostBuil...
Blazor

Blazor でrazorページごとに異なるJavaScriptを読み込む方法

Blazorでは、JavaScriptファイルはrazorファイルに記述できません。razorページは動的に読み込まれるため、scriptタグを記述できません。そのかわり、scriptタグは「_Host.cshtml」ファイルに記述します。...
Blazor

c# Blazor Serverアプリのいろいろな公開用サーバ構築方法

はじめにBlazor は JavaScriptのかわりにc#を使ってウェブアプリが開発できるフレームワークです。バックエンドサーバで稼働する「Blazor Server」と、フロントエンドのみで稼働する「Blazor Web Assembl...
Blazor

[Ubuntu + Nginx]Blazor Serverアプリのデプロイ方法

Blzor Serverでウェブアプリを作ったらやっぱり公開して反応をみたい!けどWindowsサーバは高いので、Ubuntu + Nginxで安く運用したい!!と思ったので、Ubuntu + NginxでBlazor Serverアプリを...
Blazor

Blazor Wasm PWA ウェブアプリにGoogleアドセンス広告を掲載できるか?

Blazor wasm は、C#のウェブアプリ構築フレームワークです。razorページで画面を構築していきますが、ページ内にJavaScriptを直接記述できないなど、制約がいくつかあります。この記事では、Blazor Wasmウェブアプリ...