SPA

Blazor Server

Blazor Server Excelファイルをアップロードする

Blazor Server <InputFile>組み込みコンポーネントでExcelファイルをアップロードし、アップロードしたExcelファイルを読み込んで、Excelファイル内のデータを画面に表示するサンプルを作りしました。Excelファ...
Blazor Server

Blazor Server ファイルアップロードボタンをカスタマイズする

Blazor Server の<InputFile>組み込みコンポーネントを使った、ファイルアップロード処理を実装しました。<InputFile>のレイアウト、デザインを変更したパターン例も実装しています。ソースコードはGitHubで公開し...
Blazor Server

Blazor Server 画面間で使う共通メソッド

Blazor Server 画面間で使う共通のメソッドは、staticクラス、staticメソッドとして実装し、共通部品用のフォルダに纏めるのが基本です。 staticクラス、staticメソッドで実装した共通処理を、2画面から使用するサン...
Blazor Server

Blazor Server ボタンクリックでsubmitさせない

Blazor Serverの初期プロジェクトに設けられているサンプルのボタンは、submitするボタンなので、それを元に画面にボタンを追加して行くと、追加した全てのボタンがsubmitしてしまい、submitするボタン/submitしないボ...
Blazor Server

Blazor Server でInjectを一箇所に纏める

Blazor Server はデフォルトで、_Imports.razor に using を集約できるようになっていますが、 Injectを集約できる場所はデフォルトではありません。 Injectを集約するための基本クラスを作成し、各ページ...
Blazor Server

Blazor Server でCSVファイルをダウンロード

Blazor Serverで、「BlazorDownloadFile、CsvHelper」Nugetパッケージを使ったCSVファイルダウンロード処理を実装しました。今はこの実装方式が最短だと思う。ソースコードはGitHubで公開しています。...
Blazor Server

Blazor Server で環境設定ファイルの値を画面に表示する

appsettings.json 環境設定ファイル内のユーザー設定値を、WEBアプリ起動時に読込み、アプリのタイトルとして表示する処理を実装しました。ソースコードはGitHubで公開しています。   appsettings.json の文字...
Blazor Server

Blazor Server でHtmlタグのdisabledをシンプルに実装する

チェックボックスのチェック状態と、「有効/無効」状態が連動するテキストボックスを実装しました。bindしている変数をそのまま使い、bool型専用の拡張メソッドからdisabledに対応する値を返す方式で実装しましたが、この実装方式が一番ソー...
Blazor Server

Blazor Server ボタンの連続クリック対策

連続クリックされると良くないボタンの、連続クリック対策として実装必須なのは、確認MSGです。クリックされた際にボタンを無効にすることで、より堅牢になりますが、こちらは余裕があればの実装です。クリックされた際にボタンを非表示にするのは、選択肢...
Slack

Blazor Server でSlackへ通知する

SlackのWebhook機能を使い、Blazor Serverに Slackワークスペースのチャネルへ投稿する処理を実装した。※インターネット接続可能なアプリなら何でも、WebhookからSlack通知することが出来る。ソースコードはGi...