【本命】Blazor スレ2【真打】

**デフォルトの名無しさん** · 2020/11/22(日) 15:59:37.31

混沌を極めるWebアプリケーション界隈に現れた一筋の光明
型無し言語 JavaScript の悪夢を打ち払い
林立するエコシステムの亡霊を退散
アプリケーション開発者の希望となるMVVMを引っ提げて登場した真のSPA開発環境

Blazorを語る者よ、集え！

ASP.NET Core Blazor の概要
https://docs.microsoft.com/ja-jp/aspnet/core/blazor/?view=aspnetcore-5.0

前スレ
【本命】Blazor スレ1【真打】
https://mevius.5ch.net/test/read.cgi/tech/1595255796/

**デフォルトの名無しさん** · 2022/10/15(土) 17:30:16.93

@page "/{変数}"これですか？

これをどうやってリストの数字と置き換えるかに迷ってます
まさか
@foreach(int i in List)
{
@page "/{i.ID}"
}
とかにするわけじゃないですよね？？？

**デフォルトの名無しさん** · 2022/10/15(土) 17:34:18.27

そうじゃなく/?number=1とかでいいじゃんってこと
numberそれぞれ別ページにするんじゃなく同じページじゃいかんのか？

**デフォルトの名無しさん** · 2022/10/15(土) 17:40:58.56

>>629
なるほどそういう方法もあるんですね
その場合どうやれば良いのでしょうか？

**デフォルトの名無しさん** · 2022/10/15(土) 17:42:46.50

>>630
https://zenn.dev/okazuki/articles/blazor-wasm-rc1-queryparam

**デフォルトの名無しさん** · 2022/10/15(土) 17:44:02.33

>>631
ありがとうございます！
参考にします！

**デフォルトの名無しさん** · 2022/10/15(土) 18:01:02.34

これって例えばなんですけど
左のサイドバーにリストの数字が羅列されててその数字にリンクが貼ってある

サイドバー
@foreach(int i in List)
{
‹a href=$"/?{i.ID}/›
}
のときもそのサイドバーのリンク踏むだけで移動できるものなのでしょうか?

**デフォルトの名無しさん** · 2022/10/15(土) 18:42:49.22

なんでやってみないの？
表示されたリンク踏んで望んだページに遷移するかをまず確かめる
望んだページでなかった場合は正しいURLをアドレスバーに打ち込んでみる
それでも遷移できなければルーティングが間違ってる

**デフォルトの名無しさん** · 2022/10/15(土) 18:51:50.63

やってみます

**デフォルトの名無しさん** · 2022/10/15(土) 20:17:29.10

できました！
ありがとうございます！

**デフォルトの名無しさん** · 2022/10/15(土) 23:55:24.84

セッションストレージも使ってみてる？

**デフォルトの名無しさん** · 2022/10/16(日) 00:04:25.60

セッションストレージとはなんですか？

**デフォルトの名無しさん** · 2022/10/16(日) 02:21:27.13

https://learn.microsoft.com/ja-jp/aspnet/core/blazor/state-management?view=aspnetcore-6.0&pivots=server

クッキーの変わりにページ間でデータを引き渡す方法

**デフォルトの名無しさん** · 2022/10/16(日) 11:06:32.08

>>639
なるほどありがとうございます
少しずつ覚えていきます

**デフォルトの名無しさん** · 2022/10/16(日) 13:37:55.31

そういやなんでコテつけるのやめたの

**デフォルトの名無しさん** · 2022/10/17(月) 17:40:07.32

他のスレで自演してるから間違えると恥ずいので

**デフォルトの名無しさん** · 2022/10/17(月) 19:00:12.83

何か変なのが居るね

**デフォルトの名無しさん** · 2022/10/17(月) 19:10:27.51

.NET MAUI HighSchoolですが私のことですか？
このコテは.NET MAUI用に作ったものなので他のスレでは使わないようにしてます

**デフォルトの名無しさん** · 2022/10/27(木) 17:48:33.08

server触ってるけど直接DB触れるんだな…楽だ

**デフォルトの名無しさん** · 2022/10/27(木) 17:52:12.31

そりゃバックエンドが直接触らなきゃどこが触るんだ

**デフォルトの名無しさん** · 2022/10/27(木) 19:25:13.82

小規模な業務アプリとかだとラクでいいね

**デフォルトの名無しさん** · 2022/10/27(木) 19:28:12.52

大規模アプリでも静的型付けだから楽になるはずなんだけどな

**デフォルトの名無しさん** · 2022/10/28(金) 18:55:37.18

大規模でserverはパフォーマンスもやばそうだし
プレゼントテーション層でDBアクセスしたりビジネスロジック書き出すやついそう

**デフォルトの名無しさん** · 2022/11/01(火) 12:56:24.96

おかげさまでBlazorアプリできました
https://mauiwiki.azurewebsites.net/

最初のLoadingにアニメーションとかインジケーターとか入れたいのですが可能でしょうか？
可能であればどこに入れればよいでしょうか？

**デフォルトの名無しさん** · 2022/11/01(火) 12:58:06.54

テンプレートアップデートしろよ
自動で入るから

**デフォルトの名無しさん** · 2022/11/01(火) 15:48:36.66

おおついに！リリースおめでとう

**デフォルトの名無しさん** · 2022/11/01(火) 19:04:02.61

>>651
そうなんですか
ありがとうございます！

**デフォルトの名無しさん** · 2022/11/01(火) 19:04:19.40

>>652
ありがとうございます！
色々迷惑かけました

**デフォルトの名無しさん** · 2022/11/01(火) 22:55:51.64

>>650
ボロカス書かれてて胸が痛い

**デフォルトの名無しさん** · 2022/11/01(火) 23:18:03.65

機能/操作性はおいといて
ロード長すぎ（つかWebアプリならロード時間不要）
パフォーマンス悪すぎやな

**デフォルトの名無しさん** · 2022/11/02(水) 18:35:00.44

2回目でも更新されてたらまたロード長いからなぁ。
表示が始まるまで7-8秒からかかり、
表示された後も数秒ロードw

5秒過ぎだら毎日1億アクセスあるようなサイト以外
殆どの人はバックボタン押すからな。

**デフォルトの名無しさん** · 2022/11/02(水) 18:47:41.03

自分は新サービスたぶんそんなに人使わないと踏んで
Blazor Serverを選んだけど
毎日1血�Aクセスで想鋳闥ﾊりだわ(遠い目)

**デフォルトの名無しさん** · 2022/11/02(水) 20:14:34.39

そのロード負荷(精神的な)を減らすためにアニメーションとかあればいいなぁと思ってる
初っ端のチュートリアルみたいなやつだけでもjsとHTMLとCSS使って表示させとくとか
まぁできないかもしれんけど

**デフォルトの名無しさん** · 2022/11/02(水) 20:44:59.66

wasmかserverかしらんけどこんな掲示板に近いようなサービスでspaにする必要ある？
https://webassembly.org/docs/use-cases/

**デフォルトの名無しさん** · 2022/11/02(水) 22:30:34.11

>>659
loading...のとこ変えればいけるはずだからいけるはず(語彙力)

**デフォルトの名無しさん** · 2022/11/03(木) 00:34:06.16

>>661
ふむふむ…

**.NET MAUI HighSchool** · 2022/11/28(月) 00:22:05.78

ASP.NETにホストされたWebAssemblyでのIISデプロイの仕方がわから～ん
なんでか発行するとエラーが出てできないんだが…

**.NET MAUI HighSchool** · 2022/11/28(月) 23:28:55.51

IISにはデプロイできてlocalhostでは開けるのにそのサーバーのIPアドレスと任意ポートでアクセスしようとしたらダメだった…

**.NET MAUI HighSchool** · 2022/12/01(木) 00:54:07.14

プリコネのエイプリルフール用アプリってサーバー側BlazorServer使ってるらしい
https://magazine.cygames.co.jp/archives/24728

**.NET MAUI HighSchool** · 2022/12/01(木) 01:01:16.05

ここね

https://i.imgur.com/tqOTYYo.png

**デフォルトの名無しさん** · 2022/12/01(木) 10:12:14.97

>>666
おお～

ちと断定するまではできないけど
確かにそれっぽいな！

**デフォルトの名無しさん** · 2022/12/01(木) 12:05:53.63

builtwith.com/

で、使っている技術を分析してみれば？

**デフォルトの名無しさん** · 2022/12/01(木) 12:25:14.41

>>665
自分が読み違えているかもだけど、
エイプリルフール用アプリをBlazorServerで作ったんじゃなくて、社内で使う開発用ツールをBlazorServerで作ったんじゃないの？

社内で使うようなツールはServerで作った方が楽ちんってことよね
ユースケース的にも合致してて納得
不特定多数の人が使うようなものをServerで作っちゃうとリソース爆食い

**デフォルトの名無しさん** · 2022/12/01(木) 15:25:21.01

>>669の理解で合ってると思う
CysharpってC#使うための会社なのに、そのCysharpですら社内ツールにしかBlazor使ってないということにむしろ驚くわ

**デフォルトの名無しさん** · 2022/12/01(木) 18:08:26.67

>>670
wasm自体、使い所がゲームか業務システムくらいだし
CySharpも謹製のマジックオニオンがまだBlazorWasmに対応してない（未来永劫対応しないかもしれない）ので、
ブラウザで動くゲームは公開しないんじゃないかな

自分はコテコテのSIerなので、業務システムをBlazorで作ってみたい気持ちもあるけど
つぶしが効かなさそうなので二の足踏んでる

**デフォルトの名無しさん** · 2022/12/01(木) 18:16:13.79

wasmはたまに使うんだけど、c#から書き出したものはまだちょっと時期尚早かなぁ。
BlazorはクラシックASPみたいにサーバがジリ貧になりそうなので怖いわ。

**.NET MAUI HighSchool** · 2022/12/01(木) 19:44:47.90

>>671
潰し聞くだろ
C#だぞ？

**.NET MAUI HighSchool** · 2022/12/01(木) 19:48:58.10

使ってみればわかるけどReactよりも直感的になったブラウザでもC#を使えるようになる技術だぞ？
潰しとかどうこうじゃなくね？
普通にC#やってれば使えるしBlazorだけでなくてもバックエンドでもデスクトップでもモバイルでも活用できるだろ

**デフォルトの名無しさん** · 2022/12/01(木) 19:49:54.64

ださ

**.NET MAUI HighSchool** · 2022/12/01(木) 19:50:29.24

ださとは？

**デフォルトの名無しさん** · 2022/12/01(木) 21:50:22.78

>>673
C# ができるのと、Blazorができるのはまた違うだろ

**.NET MAUI HighSchool** · 2022/12/01(木) 22:44:53.80

>>677
そうか？
ほぼC#のようにBlazorアプリ作ったけど

**デフォルトの名無しさん** · 2022/12/01(木) 22:54:37.99

>>678
極端な話Unityいじっててインターフェースの概念すら知らない人もC#経験者に含まれてくるからね
分けて考えておくのが吉かと

**デフォルトの名無しさん** · 2022/12/01(木) 22:57:55.78

SPAをやるならReactやSvelte等のJSフレームワークの方が圧倒的に潰しがきくのは厳然たる事実なんで、低レベルな議論は虚しいだけだぞ
BlazorはAPIの実装とか面倒なことをしないで従来のWebFormsのように社内ツールをお手軽に作れる技術であり、それ以上でも以下でもない

**.NET MAUI HighSchool** · 2022/12/02(金) 06:56:10.75

C#使えるなら覚えといて損はないと思うけどな

**デフォルトの名無しさん** · 2022/12/02(金) 07:31:32.55

そりゃなんでも覚えたら損はしないけど時間は有限なのだ。
自分が個人的に何かWebサービス作るならBlazor wasm使うけど、会社で若手に習得させるフロント技術を選択せよとなったらReact選ぶわ。

**.NET MAUI HighSchool** · 2022/12/02(金) 07:40:09.92

そりゃReactと比べたらReact教えんだろ
アホか

**デフォルトの名無しさん** · 2022/12/02(金) 08:10:59.27

>>683
だよね
つぶしがきくほう選ぶよね
というわけで>>671を書いた次第

**.NET MAUI HighSchool** · 2022/12/02(金) 08:25:04.59

>>684
いやReactできるうえでの話かと思ったんだが？

**デフォルトの名無しさん** · 2022/12/02(金) 08:37:37.91

>>685
おれが？
おれはできないよ
でも社内にできる人はいるから教えてもらったら良い

**デフォルトの名無しさん** · 2022/12/02(金) 09:03:14.53

お客さん向けのシステム提案にBlazor選択するのはリスク高いな
Blazorを選んだ責任を問われる
やっぱ自社内のシステム向けだね
WebFormしか出来そうもない開発者向けの

**デフォルトの名無しさん** · 2022/12/02(金) 09:16:00.21

blazor wasmだとロード長すぎ、
blazor server だとブラウザで見てる間ずっと
サーバーのメモリ確保されちゃうから処理できる人数少なすぎ

これでは不特定多数者向けサイトには使えない
最初からアクセスほぼ無し、人気が将来出るはずもないと
わかりきってるサイトならありかもね。

c#でのロジックが必要ならそこだけマイクロサービスのAPIにするか
サーバ内で外部プロセスにするかした方がはるかにマシ。

**デフォルトの名無しさん** · 2022/12/02(金) 09:45:52.18

パフォーマンスもそうだか
お客様が望むものが容易に提供出来ない可能性が有ることも怖すぎる

**デフォルトの名無しさん** · 2022/12/02(金) 10:41:22.06

Blazor使うならServerでしょう
実際、稀に出てくるBlazorの実際の活用例ってほぼServerじゃないか？
APIを作ってクライアントを別個に作るオーバーヘッドを受け入れた時点で、もはや一般的なSPAとの違いは言語と開発環境の好みの問題でしかないよね

**デフォルトの名無しさん** · 2022/12/02(金) 11:03:50.41

>>690
多くのユーザーがアプリを拡張するには、複数のクライアント接続とクライアントの状態を処理するためのサーバーリソースが必要です。

という制限がつきまとうServer
Blazorといえば、Serverでしょう！にはならんかな…

>>687
が書いてる通り、WebFormsの逃げ道でしかないとおもう
IEで動くってのも利点だったけどIEもうないし。

**デフォルトの名無しさん** · 2022/12/02(金) 11:24:59.35

> WebFormしか出来そうもない開発者向けの
ワシのことかな？

**.NET MAUI HighSchool** · 2022/12/02(金) 13:16:54.01

>>686
なるほど…

**.NET MAUI HighSchool** · 2022/12/02(金) 13:20:48.97

まてまて
だとしたら全てのWASMが全てそういうデメリットがあるものだと思う
それを踏まえた上でWASMの利用促進っていうんだからBlazorがこれから伸びる可能性はかなり高いと言えよう
てかEdgeに.NET環境を予め入れておけば万事解決では？と思ってしまうな
MSにはうまく連携を取ってほしいところ

**デフォルトの名無しさん** · 2022/12/02(金) 18:59:10.40

>>694
wasmはパフォーマンスがなんとかなれば強いと思うんだけど、
やっぱり使われるシーンって、ニッチなところだと思うよ
業務システム、CAD、なんかの管理画面。

これ言うと君は必ず不機嫌になるけど、少なくともwikiのサイトに使うもんじゃない…

**デフォルトの名無しさん** · 2022/12/02(金) 19:01:16.73

あ、あとやっぱりゲームだな
もし自分がwordleみたいなゲーム作るとしたらBlazor wasmで作るわ

**.NET MAUI HighSchool** · 2022/12/02(金) 23:13:31.44

>>695
いやむしろWikiサイトを作るのにJavaScriptが適正なのか？
Linqも使えないクソゴミでは？
.NET MAUIでスマホアプリ化もできんし

**デフォルトの名無しさん** · 2022/12/02(金) 23:58:43.50

>>696
blazorはjs使えない弱者むけの
c#<->jsラッパーみたいなもんですよ
なので最終的にはHTML+jsで画面制御してるし
原理的にもreactより超遅い
つかベンチマークでSPAライブラリーで最下位ですよ

**.NET MAUI HighSchool** · 2022/12/03(土) 00:43:24.86

>>698
どこ情報？

**デフォルトの名無しさん** · 2022/12/03(土) 00:58:04.18

>>699
マニュアルにそれとなくかいてあんよ
それにjsやってんならChrome Devtools使えんだろうから
それでハックすれば簡単にわかるだろうに

**.NET MAUI HighSchool** · 2022/12/03(土) 00:59:05.81

>>700
へー

**デフォルトの名無しさん** · 2022/12/03(土) 01:11:54.10

https://learn.microsoft.com/ja-jp/dotnet/architecture/blazor-for-web-forms-developers/media/hosting-models/blazor-webassembly.png

この絵ですぐわかる
またこの文章がまたいやらしいよな

「BlazorWebAssembly アプリは、Angular や React などのフロントエンド JavaScript フレームワークと同様の方法で機能します。ただし、JavaScript を記述するのではなく、C# を記述します。」

c#のコードが対になるjsと連携してHTMLを制御するというのをはぐらかした文章
c#しか書く必要ないのは、js側のライブラリーをblazorライブラリーの一部として用意してるから

つまり『blazor＝wasm+HTML+js』って事

**デフォルトの名無しさん** · 2022/12/03(土) 01:39:29.14

BlazorとMAUIの違いや関係性、Razorとの関連性、DOMや仮想DOM、
XAMLなどとの関連性、WinForms、WPF、UWP、WinRTとの関係性、類似性
などなど、複雑で難しい。
Blazor自体も種類が沢山あり、Forms的なものとWPF的なものが有った様な。

**デフォルトの名無しさん** · 2022/12/03(土) 11:17:51.82

>>702
wasmが何かわかってないだろw

**デフォルトの名無しさん** · 2022/12/03(土) 19:41:55.99

>>704
ググれよw

**デフォルトの名無しさん** · 2022/12/04(日) 11:58:06.72

>>705
お前がわかってないんだろって言われてるんだぞw

**デフォルトの名無しさん** · 2022/12/04(日) 12:13:12.54

DOMにアクセス出来るのは現状jsだけなのだからね

**デフォルトの名無しさん** · 2022/12/12(月) 10:30:24.59

まあjs無しでBlazorを実装するのが不可能なのは事実なんだけど、どこまでwasmでどこからisなの？
Razorで仮装DOMを作るとこまではwasm でその反映はis?

**デフォルトの名無しさん** · 2022/12/19(月) 08:00:19.94

当たり前だけど.NETライブラリを紹介する簡易WebエディターってBlazor使ってるところ多いよな
これNethereumっていうWeb3,NFT用の.NETライブラリのサイトだけどBlazor使ってる
http://playground.nethereum.com/

**デフォルトの名無しさん** · 2022/12/19(月) 08:08:10.93

>>709
使い方としては正しいんじゃない？
wikiサイト作るのに使う技術ではないわな

**.NET MAUI HighSchool** · 2022/12/27(火) 19:02:44.36

ねこジョーカー氏が電子サインサービス作ったらしい
https://zenn.dev/nekojoker/articles/11942566354b49

**デフォルトの名無しさん** · 2022/12/27(火) 19:06:56.12

>>711
先を越されちゃったね

**デフォルトの名無しさん** · 2022/12/28(水) 22:50:37.62

知り合いの会社が電子契約やら電子署名系のシステム作ろうとしてたけど
特許だらけだったとかで断念してたな
用途がわかりやすいだけに新規参入の余地がほとんどない

**デフォルトの名無しさん** · 2022/12/29(木) 08:30:40.21

電子契約とかドキュサインとアドビがあるというのに
個人制作物が何の背景を元に何の契約トラストを提供できるの？

**デフォルトの名無しさん** · 2022/12/29(木) 08:53:52.47

>>714
相場が月5,000～10,000円に対して、
自分で作ってしまえば、もっと安く提供できるということでは？

**デフォルトの名無しさん** · 2022/12/29(木) 08:54:28.53

>>711の記事を引用

**デフォルトの名無しさん** · 2022/12/29(木) 13:22:22.14

結局の所、その費用が安いというのも、他社が作ってきた「電子サインもまあアリだよね」という空気感(どんだけ電子サイン自体の広告やってたよ)へのフリーライドになってしまうので、難しいだろうなって思ってる。
その次は信じるか否かの問題にもなるし。

グループ会社向けの電子署名機能のついた請求アプリ作って運用してるけど、外販できる気がしないので、どういう風にこれをビジネスに持って行くかというのは結構気になる。

**デフォルトの名無しさん** · 2022/12/29(木) 20:19:30.18

過去スレも見たけど期待上げしかなくて何の情報もないスレだな

無礼者！

**デフォルトの名無しさん** · 2023/01/18(水) 17:38:06.20

まだjs何かつかつてるの？
暇人だね
Blazor で得に困ることも無く
サックサック作れるのに

**デフォルトの名無しさん** · 2023/01/19(木) 22:28:48.24

え…誰と会話してるんだろう…

**デフォルトの名無しさん** · 2023/04/30(日) 10:34:57.64

Blazorでプリコネグランドマスターのツール作ったってやつの資料来たぞ
いろんなツールをBlazorで作ったらしい
https://speakerdeck.com/cygames/sabanokai-fa-yan-yu-tong-gamotarasugao-xiao-lu-nakai-fa-ti-zhi-purikone-gurandomasutazukai-fa-shi-li?slide=71

**デフォルトの名無しさん** · 2023/04/30(日) 10:36:08.99

https://speakerdeck.com/cygames/sabanokai-fa-yan-yu-tong-gamotarasugao-xiao-lu-nakai-fa-ti-zhi-purikone-gurandomasutazukai-fa-shi-li
すまんリンク貼り間違えたかも

**デフォルトの名無しさん** · 2023/05/09(火) 08:03:02.90

最近作り始めたんだけど、クライアントサイドのJSみたいな感覚で作ってたら
当たり前なんだけどタスクがずっと残っててめちゃくちゃ重くなってたりとかいろいろハマったわ
でも面白いね、スマホアプリ作ろうか悩んでたけど特に何も考えずにいろんな環境で動いてくれるから
ちょっとしたツールとかバッチとかBlazorServerで作ってる

一つ聞きたいんだけど、家族用のアプリでアクセスしたユーザーをリストから選択したら覚えておく方法ってないだろうか
動画視聴アプリを作ってるんだけど、視聴済みや再生終了位置をユーザーごとに記憶させたいんだけど
アクセスしているユーザーの固有識別子みたいなものが欲しいんだよね…

**デフォルトの名無しさん** · 2023/05/09(火) 19:48:34.30

>>723
ログイン機能付ければ良いだけやん

**デフォルトの名無しさん** · 2023/05/21(日) 14:33:01.59

テキストボックスの選択範囲が変更されたとき
選択範囲と選択している文字列を取得したいんだけど
c#のコードだけで実現できないものだろうか？

**デフォルトの名無しさん** · 2023/05/21(日) 19:08:57.98

コードも見てないし、どのバージョンでServerかWasmかも解らんけど多分できるよ

**デフォルトの名無しさん** · 2023/05/21(日) 22:06:28.23

ああごめん、.net7でblazor serverだけど、シンプルな方法が見つけられなかった
とりあえず他の方法で代わりとしたけど
javascript部分をそのままC＃でって訳にはいかないもんだね

**デフォルトの名無しさん** · 2023/06/16(金) 20:10:27.15

最近流行りの別言語のWebフレームワーク触ったら
Blazor Serverやっぱり良いなぁと改めて実感した
特にバックエンド開発はASP.NETが基盤なのでかい