てぃぐれのプログラマwiki

ワクワクに従う

Blazor

SupplyParameterFromQueryが動かない【Blazor】

経緯 BlazorでURLからパラメーターを取得したい。 SupplyParameterFromQueryでいい感じに取得できるということなので、使ってみたい。のに使えなかった。 原因 Mainlayoutでページ遷移のため@Bodyを表記している。ある理由があって、ここに@Bodyの代わりに直…

AdvancedMarkerViewをBlazorでやりたいんですが【Blazor】

経緯 マーカーにhtmlを使いたいとずっと思っていた。ふと見るとgoogleがAdvancedMarkerViewというベータ版の機能を提供しているではないか。 以前だとこれを実現しようとするとRichMarkerと巷で言われているoverlayviewを派生させて無理やり?作っていた。し…

ぐるぐる スピナーを出す方法【C# Blazor】

経緯 Webの処理の待機中にスピナーを出したい。 対処法 divの中身はbootstrapから頂いております。bootstrapのコンポーネントが入ってない人はそれらを記述する必要がindex.html等であります。 @page "/counter" @if(IsWaiting) { <div class="spinner-border text-primary" role="status"> <span class="visually-hidden">Loading...</span> </div> } boolのtrue…

?クエスチョンマークの使い方1 Null条件演算子【C#】

経緯 ?マークのC#での使い方を押さえておきたい。それによりもっときれいなコードをかくことができるはずだ。 Null条件演算子 三項演算子 Null合体演算子 で使われる。今回はNull条件演算子を押さえたい。 エラーになるコード nullがくるとFirst()で参照でき…

前回の処理を取り消して新しく処理したい【Blazor】

経緯 前回の処理を取り消して、新しく処理を開始したい。 チェックボックスなどのたくさんクリックして行いがちな処理をTask.Delayを使って、3秒間待って、何の入力もないのであれば、処理を行い、入力があれば、前回の処理を取り消して処理を行いたい。 そ…

親?画面に値を渡す方法【Blazor】

経緯 Mainlayoutに表示したい項目等があり、子画面でのアクションによってその項目の値を変えたい場合、どのような方法があるのかすごく迷ったり戦ったりしたので、記録しておきたい。 CascadingValueで渡す CascadingValueは子画面から渡すのが難しいという…

sqlparameter Geomertryを使って躓く【C#,Blazor】

経緯 rawsqlを使い、sqlinjectionを避けるためにsqlparameterを使って値を渡してあげる。しかし、geometryのカラムを使っていて、そこに値を渡すのに、躓いた話をしたい。 問題 Parametrizing geometry sql command c# in ASP.NET, not working - Stack Over…

コンポーネント ライフサイクルのメモ【Blazor】

経緯 Blazorといかコンポーネントのライフサイクルで詰まり、はまる。 【Blazor】Razorコンポーネントのライフサイクルを解説する|Blazorマスターへの道 ASP.NET Core Razor component lifecycle | Microsoft Learn 端的にはまった問題として、 ①親で取得し…

Failed to find a valid digest in the 'integrity' attribute for resource 【C# Blazor】

経緯 Failed to find a valid digest in the 'integrity' attribute for resource 'domain/_framework/〇〇.dll' with computed SHA-256 integrity 'XXXXXXXXXXXXXXXX. The resource has been blocked. 上記のようなエラーがデプロイ環境で起きた。 ローカル…

PlatformNotSupportedException WebAssembly 暗号化 【C#】

経緯 暗号化、復号化の方法をC#で探していたところ、下記のサイトを発見。 【C#中級】 AES-256で暗号化・復号化する方法 よっしゃ、簡単やんと思ったら、 PlatformNotSupportedException のエラーが出てしまった。 原因 破壊的変更:Blazor WebAssembly で Sy…

Cascading Value リロードに弱い?【Blazor】

経緯 Blazorでどの画面でも使うような値の持ち方を考えていた。 jwtにももちろん値は持つのだが、コロコロ変わる、でも使いまわすような状況の場合、どこに値を持てばよいのか悩む。 Session Storage あまり使わないWebストレージ。あまり値を晒したくない。…

子画面から親画面に処理させる【Blazor】

経緯 子画面から親画面に処理させるときはどのようにやるか少し詰まった。さらに引数のあるメソッドは、さらに迷ったのので残しておきたい。 参考 【Blazor】EventCallbackで子コンポーネントからイベントを受け取る方法|Blazorマスターへの道 参考の記事の…

ChangeTracking 変更追跡処理【C#/Blazor/EntityFramework】

経緯 先日、EntityFrameworkの変更追跡がSQLRawを使うと難しくなる話をした。 なにか良いライブラリはないかものかと、ダメもとでぐぐっていたところ、よさげなライブラリをみつけた。 POCO クラスに対する変更追跡ライブラリ ChangeTracking を使ってみた -…

EntityStateとSQLRaw 【C#/Blazor/EntityFrame】

経緯 bindしているデータの変更管理をするときみんなはどうしているだろうか。 Datatableを使用していた時、Rawstateというものがあった。 Added,modified,unchange等、データの行ごとに状態を持ち、追加するもの、変更するもの等を管理していた。 さて、Ent…

boolにはbit型【SQLServer】C# blazor

経緯 フラグ処理をDBで管理したいときint型にする人がいる。それに従ったら、つらい目にあったので、記録する。 int型とbool型 C#でint型とbool型の型変換は一つConvert.to〇〇を挟むことになる。しかし、これではbindはうまくいかない。 checkboxにbindさせ…

EntityFrameworkをSQLで【C#】

経緯 EntityFrameworkに感動と失望を抱いていた中、「ある程度結合するようならSQLで書いたほうがいいよ」という鶴の一声を聞く。 ある程度ってどれくらい!? まだ、開発をクエリーベースにするなら間に合う!! SQLのほうが速い これは実際に試していないのだ…

EntityFramework 多対多【C#】

経緯 Entity Frameworkで多対多を扱った記事が少なすぎる気がする。 というかSQLをごりごり書いていた身からすると、かなり扱いづらい。 たとえ記事があっても、Controllerでの記述方法が全然見つからない。 新人の子が多対多でデータを取得するのに一緒につ…

BlazorStrapでモーダル【Blazor】

経緯 Blazorというjsが使いにくい環境でjsのように動きを出させるのは一苦労するもの。そこで、「Blazor モーダル」と調べると出てくるBlazorStrapというUIフレームワーク?を使ってみることにする。 始め方 ここを見てやるとできる BlazorStrap V5 モーダル…

Blazorでjsを呼び出してclassを追加【C#/Blazor】

経緯 前回の続きで、jsっぽいことをblazorでやるんだが、 あえてjsを呼び出して、blazorの意味ねーっていうことをしてみた。 コード js window.jsFunctions = { test: function (xxx) { const x = document.getElementById(xxx); x.classList.add('table'); …

classへバインドcss【C#/Blazor】

経緯 C#/Blazorを使ってJsっぽいことがしたい。 いやいや、Jsですればいいやんって? そういう理不尽さが社会にはあるんや。 コード 以外と簡単やな。 <table class=@Table> <thead> <tr> <th>Date</th> <th>Temp. (C)</th> <th>Temp. (F)</th> <th>Summary</th> </tr> </thead> <tbody> @foreach (var forecast in forecasts) { <tr> <td>@forecast.Date.ToSh</td></tr></tbody></table>…

it does not have [ParameterAttribute] or [CascadingParameterAttribute] applied. 【C#/Blazor】

エラーメッセージ Microsoft.AspNetCore.Components.WebAssembly.Rendering.WebAssemblyRenderer[100] Unhandled exception rendering component: Object of type 'BlazorApplicationxxx.Pages.Components.BmiChild' has a property matching the name 'xxxx…