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

1デフォルトの名無しさん
垢版 |
2020/11/22(日) 15:59:37.31ID:bqzy0V6t
混沌を極める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/02/17(木) 20:30:06.87ID:lMPVfsa5
DB周りだったりビジネスロジック書くのはC#の方が圧倒的に便利だよ
BlazorによってJSが本来の役割に戻ったとも言える
2022/02/17(木) 22:26:15.33ID:Tb3dO0k6
View側にDBアクセスやビジネスロジックは書かないかな…
2022/02/17(木) 22:36:37.25ID:hx7Q8l3q
>>513
直接DOMを触らないとならないシチュエーションってあまり思いつかないが
2022/02/17(木) 22:49:36.26ID:LuSR9kQY
サーバーサイドとクライアントサイドを同一プロジェクトで開発できるところがめっちゃ便利
2022/02/17(木) 23:19:41.56ID:1xHLT3Wc
>>523
だよね
日曜プログラマーがスタンドアロンの
デスクトップアプリ作ってるのかな？
2022/02/18(金) 11:35:19.39ID:/oj4JpIY
>>526
あ？うちの会社のソース見に来いや
2022/02/18(金) 11:50:54.27ID:piXiw/O8
>>527
どこに行けばいいの？
2022/02/18(金) 13:15:40.71ID:AowWF4FZ
お前どこ中よ!?
2022/02/18(金) 15:27:10.05ID:EjixO46z
>>528
github
2022/02/19(土) 11:30:36.00ID:R5yjbcGL
無礼者！Blazor！と書く気も失せる
2022/02/19(土) 21:54:27.34ID:huyRzVWT
簡単なCRUD操作しかしない業務アプリBlazorで作ってみたけどほぼJS無しで作れた
みんなどんなハイレベルなの作ってるんだよ…
2022/02/19(土) 23:13:39.82ID:v22Fyi01
その程度ならReactとかでもほとんどJS無しで作れるよ
2022/02/19(土) 23:26:33.60ID:65Jjqn9I
>>533
ReactってJSのライブラリとちゃうのん？
2022/02/20(日) 00:15:37.95ID:ABTK+uZl
>>532
ASP.NET MVCでいいですやん
2022/05/01(日) 12:33:40.80ID:GvRRQSqT
プリコネ期間限定ゲームの周辺ツール実装でBlazorが使われたらしい
内部向けツールとはいえ大手での採用事例が出来たな
2022/06/05(日) 08:09:49.45ID:qIUtYfBA
WindowsForm少々、Blazor初心者です
MSのLearnをちまちま進めてますが、
> イベント ハンドラーが、Web サービスの呼び出しなど、長時間実行される可能性のある操作を実行すると、イベント ハンドラーを実行するスレッドは、操作が完了するまでブロックされます。 これにより、ユーザー インターフェイスの応答が低下する可能性があります。
と書いてあるところでふと疑問

BlazorServerの場合で、サーバー上ではdotnetが常時実行された状態で待機してますよね
クライアントからの要求に順次応答してサーバーが処理していくわけですが、
非同期にしていない場合、それは一意のユーザに対して処理で待たされるって意味ですよね
WindowsFormだったら、当然デスクトップ上の単一のユーザの処理で待つことになりますが
Sever上で走っているdotnetは様々なユーザの要求にそれぞれ対応していくって理解であっていますか？
WindowsFormでもそれなりの処理を書けばPC性能によっては結構待たされますが
Serverが多数のユーザからの処理を同じようにC#の処理をこなしていくって
相当不可のかかる（ユーザにとっては時間がかかる）ように思うのですが
なぜサービスとして成立できるのでしょうか、初心者ながらに不思議で仕方がないです
描画などの重い処理はブラウザ側がやってくれるから？
2022/06/05(日) 08:52:26.55ID:ZScjncWB
>>537
マルチスレッドで動いてるだけ
最近では非同期でスレッドを節約するモデルが採用されるケースも増えているが、
基本的にWebサーバーというのはユーザーからリクエストを受けるとそれを処理し終えるまで一つのスレッドを専有するものだ
WebなんてDBにクエリ投げて結果を受け取ってHTMLやJSONの文字列を組み立てて返すという単純な処理をやってるだけなんで、大して重いものではない
とはいえBlazor Serverはサーバー側でUIの状態を管理する必要があるため一般的なWebアプリに比べればサーバーの負担が大きく、
あまり大規模に展開するのには向かないのは事実
2022/06/05(日) 10:59:57.71ID:xMf+CtFl
わかりやすくありがとうございます
実際どれくらいが許容されるのか初心者がイメージするのは難しいですね
大規模ってどれくらいの話なんでしょう

有名どころのそこそこの性能のVPS(４コア、8GB、SSD)で
WEB、DNSやメールも稼働させているところに同時接続せいぜい100人くらいの
本業片手間にやや閉鎖的に簡単な業務アプリつくる予定ですが
できてから使いものにならなかったらつらい・・・
2022/06/05(日) 13:11:13.92ID:CScy6GSe
>>539
アプリ次第としか言いようがないが、Blazor Serverはユーザーがブラウザを開いている間長時間にわたってUIの状態を持ち続けるから、
同時に使うユーザー数が多いとメモリをバカ食いする
たとえばDBから取得した5MBの巨大な結果セットをセッションに丸々保持するような作りにしてしまっていて、
同時に利用している100人のユーザーがそれぞれ同時に5タブを開いているとしたら、500セッションで2500MBのメモリを消費することになるな
普通のWebアプリならリクエストの処理で一時的に5MB使ったとしても一瞬で解放されるから、100ユーザーが同時にF5アタックでもしない限りは問題にならない
2022/06/05(日) 13:40:15.91ID:QFYftukq
Blazor Server アプリのF5攻撃か！笑
2022/06/05(日) 16:22:25.37ID:z1mSXQO7
C# で UI開発したいなら、サーバ側はAPIのみ公開して
Windows Forms か WPFでクライアントアプリ作るってのもアリだけどね。

まぁ管理と展開の手間は増えるけど。

展開ならグループポリシーでなんとかなるかな。
2022/06/07(火) 11:46:33.12ID:xy4JUM90
>>540
サーバー側にあまりデータを持たせず、都度DBから引っ張ってくる方が圧迫させないってことですよね
BlazorServerは同じサーバにあればDBのアクセスにも容易でしょうし
WindowsFormsのときのように、PC性能が許せばDBとのやりとりよりもクライアント側に持たせておく方が
いいと思ってましたが、大勢がアクセスしてくるWebアプリだと逆の考えで作っていった方が良さそうですね
544デフォルトの名無しさん
垢版 |
2022/09/05(月) 12:53:36.59ID:uXODbQDL
まとめWikiみたいなのを作りたいのですがBlazorでできますか？
その場合WEBAssembly、サーバーどっちを使えばいいんでしょうか？
2022/09/05(月) 17:08:01.20ID:wecjovVi
パブリックなサイトを作るならserverはタブ沢山開くだけで簡単に落とせるから論外
ただ、wasmだとロード時間で殆どの人は離脱するだろうね
546デフォルトの名無しさん
垢版 |
2022/09/05(月) 22:37:54.46ID:uXODbQDL
>>545
なるほど不便なんすね…
2022/09/06(火) 09:15:51.70ID:ZTa00sCy
>>544
Blazor usecaseでググる
2022/09/18(日) 16:10:13.58ID:P88o/TFm
もうjavascriptでやってるから他まで手出す人すくないの
549デフォルトの名無しさん
垢版 |
2022/09/29(木) 17:46:56.87ID:VFPt3UK4
Blazor Serverで作るの最初は楽しいけど
微調整とかになると氏にたくなってくる
550デフォルトの名無しさん
垢版 |
2022/09/29(木) 17:56:51.53ID:VFPt3UK4
はあ…どうせ大したアクセスも見込まれないので
とりあえず形にしてリリースして
後からリプレースするかとか思ってたら
微調整に苦労しててちゅらい🥺
2022/09/29(木) 18:50:34.11ID:Lb1giMLS
WEBAssemblyのロードに時間かかるけどおもしろそうではある
2022/09/30(金) 12:06:23.99ID:6W1ysRVa
今はどうか知らんけど、blazorでたてのころにタワレコがBlazor Serverでサイト作ってたよな
BlazorServerって、wasmと比較してサーバーのリソースが必要だけど大丈夫だったんだろうか
553デフォルトの名無しさん
垢版 |
2022/10/02(日) 07:21:40.11ID:ToZbQWzB
Blazor始めてみたけどもう何がなんやらわからん…
マイクロソフト公式のTreeViewでサイドメニュー作りたいんだけどコピペしても縦並びにならないんですが…
どうすれば良いのでしょうか？
https://brave-cliff-0c0c93310.azurestaticapps.net/TreeView
554デフォルトの名無しさん
垢版 |
2022/10/02(日) 16:34:28.43ID:mru8RM6k
状況わからなすぎだけもコピペしてうまくいかないなら
必要なcssロードできてないとか
コピペする場所間違えててマークアップの構造がおかしくなってるとかじゃない
555デフォルトの名無しさん
垢版 |
2022/10/02(日) 16:42:23.12ID:jE287c4+
>>554
なるほどサンキューです
サンプルアプリ立ち上げ直してもう一度やってみます
2022/10/02(日) 17:54:54.85ID:dk1cJbbA
BlazorじゃなくてHTML/CSSがわからないんだろ？
そのレベルならBlazorなんか余計なノイズにしかならないから、最初は普通にスタティックなHTMLファイルとCSSファイルだけで始めた方がいいよ
あと経験上、HTML/CSSは自分の手に負えないような複雑なサンプルから始めない方がいい
1から自分で仕組みを把握しながら組み上げていったほうが結果的に早く習得できる
557デフォルトの名無しさん
垢版 |
2022/10/02(日) 19:14:03.10ID:jE287c4+
ありがとうございます
どこにでもありそうなWikiみたいなサイトを作りたくてとりあえずやってみようって思ったのですが難しいですね
サイドメニューをツリー構造にするところでもうすでに躓いてます…
558デフォルトの名無しさん
垢版 |
2022/10/03(月) 01:03:12.32ID:7M+SSEiP
すみませんツリーのやつですが解決しました
index.htmlにscriptを入れるのを忘れてたみたいでした
プラスボタンでツリーを追加したり色々やってます
2022/10/03(月) 03:50:34.10ID:pcuzjq2H
ほとんどがBootstrap。少数でBulma もあるけど。
最近は、Tailwind も

Ruby on Rails でも初歩は、Bootstrap, jQuery

CSS を知らない香具師は皆、Bootstrap
560デフォルトの名無しさん
垢版 |
2022/10/03(月) 16:00:18.59ID:SouKdki6
>>558
よかったねえ🥺
2022/10/06(木) 08:35:53.26ID:+AsrxDle
DevExpress Syncfusion Blazorise
この辺を入れてみれは？
562デフォルトの名無しさん
垢版 |
2022/10/09(日) 01:20:31.04ID:lxUkaVwk
SQLServerとか使う場合はBlazorServerの方がいいのだろうか？
WASMでもよい？
2022/10/09(日) 10:42:23.30ID:HJR0JYza
SQLServer使うようなギョウムアプリならServerでいいんじゃない
どうせ同時利用数人とかでしょ
WASMだと別途APIサーバーが必要だからBlazor全く関係なくなる
564デフォルトの名無しさん
垢版 |
2022/10/09(日) 11:37:20.60ID:lxUkaVwk
>>563
そうなんですね
ありがとうございます
BlazorServerに切り替えます
2022/10/09(日) 11:57:38.45ID:zcOK7xJj
Blazorって流行るの？
566デフォルトの名無しさん
垢版 |
2022/10/09(日) 11:57:55.00ID:lxUkaVwk
>>565
知らない
2022/10/09(日) 13:01:40.62ID:ksY6xqU3
アーリーアダプタ達が飽きて去っていって、早くも幻滅期に入ってる
このまま静かに消えていくだけだよ
568デフォルトの名無しさん
垢版 |
2022/10/09(日) 13:22:48.27ID:lxUkaVwk
でも海外ではかなり多いイメージだわ
飛行機会社とかも使ってたよなたしかに
569デフォルトの名無しさん
垢版 |
2022/10/09(日) 13:40:11.86ID:As/19xd1
まだまだこれからよ
570デフォルトの名無しさん
垢版 |
2022/10/09(日) 18:52:03.30ID:lxUkaVwk
う～ん、コンポーネントは使えるようになったもののコンポーネントの中の文字の大きさとかの変え方がわからん…
2022/10/09(日) 19:56:15.04ID:Q9DyMows
>>570
コンポーネントのパラメーターってとこのやり方でできない？

https://learn.microsoft.com/ja-jp/aspnet/core/blazor/components/?view=aspnetcore-6.0#component-parameters
572デフォルトの名無しさん
垢版 |
2022/10/09(日) 23:51:23.95ID:lxUkaVwk
>>571
ありがとうございます
試してみます！
573デフォルトの名無しさん
垢版 |
2022/10/10(月) 22:16:48.79ID:p1R6oL8J
今ねこジョーカーさんのBlazor実践編でSQLServerつくってEntityFramework使ってDBの処理行ってるけどこれってもしかしてSQL使ったほうが早いのでは？と思った
猫ジョーカーさんの方はわざわざAPI作ってるけどどうなんだろ？
2022/10/10(月) 22:32:40.45ID:TSCOizg9
SQL書けるエンジニアが
EFとか使う訳がない
575デフォルトの名無しさん
垢版 |
2022/10/10(月) 22:49:55.06ID:p1R6oL8J
>>574
そうなんだ…
SQL使ったほうがいいよね？
そっちのほうが簡単そうだし
2022/10/10(月) 22:52:23.96ID:1S+us0pK
EFは百害あって二利くらいだな
EFの利はマイグレーションが便利なのと、結果セットとオブジェクトの間のマッピングが楽という点
つまり、基本的にSQLを使用し、EFはマイグレーションだけに利用し、マッピングはDapper使えばよい
2022/10/10(月) 23:41:54.13ID:rnb1RKi2
最近Blazorスレにも書き込みが増えたな
MAUIの影響か？
2022/10/11(火) 00:14:10.05ID:Uxg8Txql
マイグレーションもSQLで書いた方が確実
579デフォルトの名無しさん
垢版 |
2022/10/11(火) 06:07:06.93ID:qiIej6xr
スキャフォールディングはラクだけどなぁ
2022/10/11(火) 13:10:24.74ID:17+/w9Hg
Ruby on Rails では、
3大データベースのPostgreSQL, MySQL, SQLite の方言・型などの互換性を担保するために、
Rubyで、マイグレーションファイルを書く

これにより例えば、datetime と書くと、
PostgreSQLのtimestamp型、MySQLのdatetime型になる
581580
垢版 |
2022/10/11(火) 13:16:37.35ID:17+/w9Hg
基本的に、Ruby on Rails みたいなO/R マッパーを使わないと、
各データベースの方言・型などに互換性がないから、保守できない

例えば、直にSQL 文を書いていると、異なるデータベースに適用できない

それに、SQLServer などを使う人は、まずいない。
普通は、3大データベースのみ。それ以外は、AWS Aurora とか
2022/10/11(火) 17:12:21.47ID:qiIej6xr
3大データベースて

SQL ServerはDBMSシェアでずっと上位だぞ
Oracleが入ってないのもおかしい
583デフォルトの名無しさん
垢版 |
2022/10/11(火) 19:08:15.45ID:zdHyQVUo
>>581
ふーん
SQLServer以外使わないのであればSQL直書きでいいわけか
2022/10/11(火) 19:34:23.34ID:D4ywmAPt
>>583
そいつ荒らしだぞ
2022/10/12(水) 17:15:23.05ID:Az5/M0PL
Blazor　のが　MVC　とか
JavaScript ViewJs なんかで開発するより
数倍効率は良くなる
はっきり言ってBlazor があるのに
何で他の使ってんの状態
2022/10/12(水) 17:40:45.84ID:87sZcmju
そりゃまあ学習コストの問題だね
何も知らない人がいきなりBlazorから始めるのは勇気がいるしある程度経験のある人が移行するのは面倒くさい
今はC#が好きな人やBlazorに興味がある人がいじってる状態
情報は絶対的に足りてない
JavaScriptだと「こんなサイトを見たからその真似をしたい」と思って探すとたいていやり方がすぐみつかる
Blazorは自分で作るのが基本
例えば仮にPWAを作りたくなったとしてどう作る？
Blazorが広く使われるようになるにはもう少し時間がかかるだろう
587デフォルトの名無しさん
垢版 |
2022/10/12(水) 19:03:27.38ID:Veh6OBjF
藍より青しって言葉があるからね
後発が先発よりも優れてるってのは当たり前さね
まぁDartとかいうゴミ言語みたいな例もあるけどね
2022/10/12(水) 19:21:29.39ID:nhqNHfSV
もう少し情報が有ればなぁ
2022/10/12(水) 19:26:46.68ID:fZIq2sNZ
もうちょい書籍も充実してくれたらな
2022/10/12(水) 19:44:33.71ID:PwsA+LUV
学習コストの問題に含まれるかもだけど
ホスティング環境の問題もある気がする

いざデプロイとなると大まかに
- コンテナインスタンス立ち上げる
- IISで動かす
とかになると思うんだけど

コンテナ化するだけか！最高！って喜べる層はそこまで多くない気もしてる
2022/10/12(水) 19:49:23.47ID:MqpEV/3v
社内ツールで使いたいけど
Blazor ServerってWindowsのサービスとして使えたりすんの？
IISいるの？
2022/10/12(水) 20:14:32.09ID:PwsA+LUV
>>591
IISなくても動くよ！

単体で動くKestrelっていうWebサーバーが既定で内包されるようになってる

自分はまだWindowsサービスとして動かしたことはないけど
blazor UseWindowsService
あたりで調べれば情報出てくるはず
2022/10/12(水) 22:08:01.80ID:Ytnm6KA7
>>591
試してないけどこれでいけないか
https://www.tatlead.com/2022/03/15/Blazor-Server-as-a-Windows-Service/
594デフォルトの名無しさん
垢版 |
2022/10/13(木) 09:07:53.34ID:lwjmoNfm
EntityFramework使わずSQLと接続する方法がわからぬ…
program.csファイルにjsonファイルから文字取得するメソッド作って
他のクラスでそのメソッド呼び出してSQLと繋ぐってイメージ？
595デフォルトの名無しさん
垢版 |
2022/10/13(木) 09:12:09.76ID:lwjmoNfm
てかなんでみんなEFでAPI使った方法しか紹介しないんだろうか？
API作るのが主流なのか？？？
2022/10/13(木) 09:22:06.04ID:3Wf/3S4p
>>595
EFがDBのファサードになるから
なんだけどそれでもチューニングしていくと結局DBに依存するから役に立ったことないんだよね
SQLをリソースにしたりExecuteCommandのラッパーを作ったりする方が話が早い
2022/10/13(木) 10:56:07.68ID:fzJDj2RS
初めてのDB接続でEFから始める事の愚かさ...
598デフォルトの名無しさん
垢版 |
2022/10/13(木) 12:32:00.01ID:JfhtLQgc
やっぱそうだよな
configurationでappsetting.jsonの接続文字列読み取れることができたからこれ使う
2022/10/13(木) 12:48:20.55ID:3Wf/3S4p
Dapper最強
600デフォルトの名無しさん
垢版 |
2022/10/13(木) 13:09:19.80ID:JfhtLQgc
ああだめだ…
ASP.NET CoreでホストされたBlazorWebAssemblyでSharedでConnectionString取得するメソッド作ったけどクライアントの方で使えない…
どうすればいいんだ…
Serverの方で作ったクラスも参照できないし…どうしたら…
601デフォルトの名無しさん
垢版 |
2022/10/13(木) 13:13:18.44ID:JfhtLQgc
もうEFでAPI作るようにするか…
2022/10/13(木) 13:17:55.10ID:oxb0UZdv
普通にAWS に上げて
無料で使えば？
2022/10/13(木) 13:28:28.22ID:oxb0UZdv
EF は余計な事するから
Dapper で普通のsgl
のがわかりやすい
PostgreSql なら無料で使えるし
2022/10/13(木) 13:48:44.38ID:UDcXO/ME
この板限定だけどPostgreSQLを勧めるのはキチガイの印象しかない
2022/10/13(木) 14:09:27.36ID:oxb0UZdv
何か問題でも？
606デフォルトの名無しさん
垢版 |
2022/10/13(木) 14:33:07.99ID:3gX/khO/
MySQL よりはましだと思うけど。
2022/10/13(木) 14:50:13.02ID:UDcXO/ME
PostgreSQLには問題ないよ
あくまで勧めてる一人がおかしいだけ
2022/10/13(木) 17:50:39.69ID:aC9ORZDC
SQL文でいいじゃん
2022/10/13(木) 20:03:28.02ID:oxb0UZdv
Dao 作るんならEF風 に使えるし
末端のプログラマーにはSQLは
触らせない手もある
上級プログラマー以外はSQL
使うなみたいな
2022/10/13(木) 22:17:53.92ID:fzJDj2RS
>>609
ありえん...

処理を全部SQLで書かせないから（ここ強制）
処理速度が遅いわ
コードはぐちゃぐちゃだわになる
2022/10/14(金) 08:31:33.84ID:C+FpWlM3
逆だろ
書き込みは共通ルールに則って
統一されるからキレイなコードになる
2022/10/14(金) 08:44:55.47ID:t5o5qpLS
>>610
フロントエンドdisってんの？
2022/10/14(金) 10:07:51.45ID:yNZTqU3N
>>611
専属のデータベーススペシャリストのいるプロジェクトかな？

>>612
ロジックは全部APIの内側！
クライアントは表示と手続き支援のみ！
614デフォルトの名無しさん
垢版 |
2022/10/14(金) 10:14:38.81ID:WAeSut8C
BlazorをSQLで動かす件なんとかなりそう
2022/10/14(金) 12:50:05.92ID:C+FpWlM3
DbのオープンだけEFのクラス使って
Dapper入れれば普通のプロジェクトと
変わらないでしょ
616デフォルトの名無しさん
垢版 |
2022/10/14(金) 12:53:57.67ID:WAeSut8C
オープンはServer側でAppsetting.json読み取るクラス作ってそこから接続文字列読み取るようにした
SQLの操作はSystem.Data.SqlClientクラスを使ったよ
617580
垢版 |
2022/10/14(金) 12:56:41.40ID:ljWa0xD5
【エンジニア未経験】転職を成功させるWebアプリ開発の技術選定7選
www.youtube.com/watch?v=K6Us1UXI784&t=170s

この動画で、Ruby on Rails 専門学校・RUNTEQ の菊本も言ってる。
データベースはPostgreSQL、セッション管理はRedis

そもそも、Heroku もPostgreSQL だし
2022/10/14(金) 13:05:54.03ID:C+FpWlM3
AWS のオーロラdb
がポスグレでしょ
AWSでサーバー立てるなら
一番安上がり
2022/10/14(金) 13:24:37.50ID:C+FpWlM3
それだとDBの管理が面倒くさいでしょ
フレームワーク任せのが簡単
コネクトプールとかも使えるし
>>616
620580
垢版 |
2022/10/14(金) 15:59:36.54ID:ljWa0xD5
AWS Aurora は、PostgreSQL なのか？

Auroraは、MySQL および PostgreSQL と、完全な互換性がある
2022/10/14(金) 19:06:51.28ID:FA/TMT89
SQL駆使するプログラマはSQLにドメインロジック入れがち
テスト書けなくなる
新着レスの表示
レスを投稿する

5ちゃんねるの広告が気に入らない場合は、こちらをクリックしてください。
ニューススポーツなんでも実況