【本命】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/09/30(金) 12:06:23.99

今はどうか知らんけど、blazorでたてのころにタワレコがBlazor Serverでサイト作ってたよな
BlazorServerって、wasmと比較してサーバーのリソースが必要だけど大丈夫だったんだろうか

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

Blazor始めてみたけどもう何がなんやらわからん…
マイクロソフト公式のTreeViewでサイドメニュー作りたいんだけどコピペしても縦並びにならないんですが…
どうすれば良いのでしょうか？
https://brave-cliff-0c0c93310.azurestaticapps.net/TreeView

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

状況わからなすぎだけもコピペしてうまくいかないなら
必要なcssロードできてないとか
コピペする場所間違えててマークアップの構造がおかしくなってるとかじゃない

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

>>554
なるほどサンキューです
サンプルアプリ立ち上げ直してもう一度やってみます

**デフォルトの名無しさん** · 2022/10/02(日) 17:54:54.85

BlazorじゃなくてHTML/CSSがわからないんだろ？
そのレベルならBlazorなんか余計なノイズにしかならないから、最初は普通にスタティックなHTMLファイルとCSSファイルだけで始めた方がいいよ
あと経験上、HTML/CSSは自分の手に負えないような複雑なサンプルから始めない方がいい
1から自分で仕組みを把握しながら組み上げていったほうが結果的に早く習得できる

**デフォルトの名無しさん** · 2022/10/02(日) 19:14:03.10

ありがとうございます
どこにでもありそうなWikiみたいなサイトを作りたくてとりあえずやってみようって思ったのですが難しいですね
サイドメニューをツリー構造にするところでもうすでに躓いてます…

**デフォルトの名無しさん** · 2022/10/03(月) 01:03:12.32

すみませんツリーのやつですが解決しました
index.htmlにscriptを入れるのを忘れてたみたいでした
プラスボタンでツリーを追加したり色々やってます

**デフォルトの名無しさん** · 2022/10/03(月) 03:50:34.10

ほとんどがBootstrap。少数でBulma もあるけど。
最近は、Tailwind も

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

CSS を知らない香具師は皆、Bootstrap

**デフォルトの名無しさん** · 2022/10/03(月) 16:00:18.59

>>558
よかったねえ🥺

**デフォルトの名無しさん** · 2022/10/06(木) 08:35:53.26

DevExpress Syncfusion Blazorise
この辺を入れてみれは？

**デフォルトの名無しさん** · 2022/10/09(日) 01:20:31.04

SQLServerとか使う場合はBlazorServerの方がいいのだろうか？
WASMでもよい？

**デフォルトの名無しさん** · 2022/10/09(日) 10:42:23.30

SQLServer使うようなギョウムアプリならServerでいいんじゃない
どうせ同時利用数人とかでしょ
WASMだと別途APIサーバーが必要だからBlazor全く関係なくなる

**デフォルトの名無しさん** · 2022/10/09(日) 11:37:20.60

>>563
そうなんですね
ありがとうございます
BlazorServerに切り替えます

**デフォルトの名無しさん** · 2022/10/09(日) 11:57:38.45

Blazorって流行るの？

**デフォルトの名無しさん** · 2022/10/09(日) 11:57:55.00

>>565
知らない

**デフォルトの名無しさん** · 2022/10/09(日) 13:01:40.62

アーリーアダプタ達が飽きて去っていって、早くも幻滅期に入ってる
このまま静かに消えていくだけだよ

**デフォルトの名無しさん** · 2022/10/09(日) 13:22:48.27

でも海外ではかなり多いイメージだわ
飛行機会社とかも使ってたよなたしかに

**デフォルトの名無しさん** · 2022/10/09(日) 13:40:11.86

まだまだこれからよ

**デフォルトの名無しさん** · 2022/10/09(日) 18:52:03.30

う～ん、コンポーネントは使えるようになったもののコンポーネントの中の文字の大きさとかの変え方がわからん…

**デフォルトの名無しさん** · 2022/10/09(日) 19:56:15.04

>>570
コンポーネントのパラメーターってとこのやり方でできない？

https://learn.microsoft.com/ja-jp/aspnet/core/blazor/components/?view=aspnetcore-6.0#component-parameters

**デフォルトの名無しさん** · 2022/10/09(日) 23:51:23.95

>>571
ありがとうございます
試してみます！

**デフォルトの名無しさん** · 2022/10/10(月) 22:16:48.79

今ねこジョーカーさんのBlazor実践編でSQLServerつくってEntityFramework使ってDBの処理行ってるけどこれってもしかしてSQL使ったほうが早いのでは？と思った
猫ジョーカーさんの方はわざわざAPI作ってるけどどうなんだろ？

**デフォルトの名無しさん** · 2022/10/10(月) 22:32:40.45

SQL書けるエンジニアが
EFとか使う訳がない

**デフォルトの名無しさん** · 2022/10/10(月) 22:49:55.06

>>574
そうなんだ…
SQL使ったほうがいいよね？
そっちのほうが簡単そうだし

**デフォルトの名無しさん** · 2022/10/10(月) 22:52:23.96

EFは百害あって二利くらいだな
EFの利はマイグレーションが便利なのと、結果セットとオブジェクトの間のマッピングが楽という点
つまり、基本的にSQLを使用し、EFはマイグレーションだけに利用し、マッピングはDapper使えばよい

**デフォルトの名無しさん** · 2022/10/10(月) 23:41:54.13

最近Blazorスレにも書き込みが増えたな
MAUIの影響か？

**デフォルトの名無しさん** · 2022/10/11(火) 00:14:10.05

マイグレーションもSQLで書いた方が確実

**デフォルトの名無しさん** · 2022/10/11(火) 06:07:06.93

スキャフォールディングはラクだけどなぁ

**デフォルトの名無しさん** · 2022/10/11(火) 13:10:24.74

Ruby on Rails では、
3大データベースのPostgreSQL, MySQL, SQLite の方言・型などの互換性を担保するために、
Rubyで、マイグレーションファイルを書く

これにより例えば、datetime と書くと、
PostgreSQLのtimestamp型、MySQLのdatetime型になる

**580** · 2022/10/11(火) 13:16:37.35

基本的に、Ruby on Rails みたいなO/R マッパーを使わないと、
各データベースの方言・型などに互換性がないから、保守できない

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

それに、SQLServer などを使う人は、まずいない。
普通は、3大データベースのみ。それ以外は、AWS Aurora とか

**デフォルトの名無しさん** · 2022/10/11(火) 17:12:21.47

3大データベースて

SQL ServerはDBMSシェアでずっと上位だぞ
Oracleが入ってないのもおかしい

**デフォルトの名無しさん** · 2022/10/11(火) 19:08:15.45

>>581
ふーん
SQLServer以外使わないのであればSQL直書きでいいわけか

**デフォルトの名無しさん** · 2022/10/11(火) 19:34:23.34

>>583
そいつ荒らしだぞ

**デフォルトの名無しさん** · 2022/10/12(水) 17:15:23.05

Blazor　のが　MVC　とか
JavaScript ViewJs なんかで開発するより
数倍効率は良くなる
はっきり言ってBlazor があるのに
何で他の使ってんの状態

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

そりゃまあ学習コストの問題だね
何も知らない人がいきなりBlazorから始めるのは勇気がいるしある程度経験のある人が移行するのは面倒くさい
今はC#が好きな人やBlazorに興味がある人がいじってる状態
情報は絶対的に足りてない
JavaScriptだと「こんなサイトを見たからその真似をしたい」と思って探すとたいていやり方がすぐみつかる
Blazorは自分で作るのが基本
例えば仮にPWAを作りたくなったとしてどう作る？
Blazorが広く使われるようになるにはもう少し時間がかかるだろう

**デフォルトの名無しさん** · 2022/10/12(水) 19:03:27.38

藍より青しって言葉があるからね
後発が先発よりも優れてるってのは当たり前さね
まぁDartとかいうゴミ言語みたいな例もあるけどね

**デフォルトの名無しさん** · 2022/10/12(水) 19:21:29.39

もう少し情報が有ればなぁ

**デフォルトの名無しさん** · 2022/10/12(水) 19:26:46.68

もうちょい書籍も充実してくれたらな

**デフォルトの名無しさん** · 2022/10/12(水) 19:44:33.71

学習コストの問題に含まれるかもだけど
ホスティング環境の問題もある気がする

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

コンテナ化するだけか！最高！って喜べる層はそこまで多くない気もしてる

**デフォルトの名無しさん** · 2022/10/12(水) 19:49:23.47

社内ツールで使いたいけど
Blazor ServerってWindowsのサービスとして使えたりすんの？
IISいるの？

**デフォルトの名無しさん** · 2022/10/12(水) 20:14:32.09

>>591
IISなくても動くよ！

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

自分はまだWindowsサービスとして動かしたことはないけど
blazor UseWindowsService
あたりで調べれば情報出てくるはず

**デフォルトの名無しさん** · 2022/10/12(水) 22:08:01.80

>>591
試してないけどこれでいけないか
https://www.tatlead.com/2022/03/15/Blazor-Server-as-a-Windows-Service/

**デフォルトの名無しさん** · 2022/10/13(木) 09:07:53.34

EntityFramework使わずSQLと接続する方法がわからぬ…
program.csファイルにjsonファイルから文字取得するメソッド作って
他のクラスでそのメソッド呼び出してSQLと繋ぐってイメージ？

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

てかなんでみんなEFでAPI使った方法しか紹介しないんだろうか？
API作るのが主流なのか？？？

**デフォルトの名無しさん** · 2022/10/13(木) 09:22:06.04

>>595
EFがDBのファサードになるから
なんだけどそれでもチューニングしていくと結局DBに依存するから役に立ったことないんだよね
SQLをリソースにしたりExecuteCommandのラッパーを作ったりする方が話が早い

**デフォルトの名無しさん** · 2022/10/13(木) 10:56:07.68

初めてのDB接続でEFから始める事の愚かさ...

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

やっぱそうだよな
configurationでappsetting.jsonの接続文字列読み取れることができたからこれ使う

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

Dapper最強

**デフォルトの名無しさん** · 2022/10/13(木) 13:09:19.80

ああだめだ…
ASP.NET CoreでホストされたBlazorWebAssemblyでSharedでConnectionString取得するメソッド作ったけどクライアントの方で使えない…
どうすればいいんだ…
Serverの方で作ったクラスも参照できないし…どうしたら…

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

もうEFでAPI作るようにするか…

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

普通にAWS に上げて
無料で使えば？

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

EF は余計な事するから
Dapper で普通のsgl
のがわかりやすい
PostgreSql なら無料で使えるし

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

この板限定だけどPostgreSQLを勧めるのはキチガイの印象しかない

**デフォルトの名無しさん** · 2022/10/13(木) 14:09:27.36

何か問題でも？

**デフォルトの名無しさん** · 2022/10/13(木) 14:33:07.99

MySQL よりはましだと思うけど。

**デフォルトの名無しさん** · 2022/10/13(木) 14:50:13.02

PostgreSQLには問題ないよ
あくまで勧めてる一人がおかしいだけ

**デフォルトの名無しさん** · 2022/10/13(木) 17:50:39.69

SQL文でいいじゃん

**デフォルトの名無しさん** · 2022/10/13(木) 20:03:28.02

Dao 作るんならEF風に使えるし
末端のプログラマーにはSQLは
触らせない手もある
上級プログラマー以外はSQL
使うなみたいな

**デフォルトの名無しさん** · 2022/10/13(木) 22:17:53.92

>>609
ありえん...

処理を全部SQLで書かせないから（ここ強制）
処理速度が遅いわ
コードはぐちゃぐちゃだわになる

**デフォルトの名無しさん** · 2022/10/14(金) 08:31:33.84

逆だろ
書き込みは共通ルールに則って
統一されるからキレイなコードになる

**デフォルトの名無しさん** · 2022/10/14(金) 08:44:55.47

>>610
フロントエンドdisってんの？

**デフォルトの名無しさん** · 2022/10/14(金) 10:07:51.45

>>611
専属のデータベーススペシャリストのいるプロジェクトかな？

>>612
ロジックは全部APIの内側！
クライアントは表示と手続き支援のみ！

**デフォルトの名無しさん** · 2022/10/14(金) 10:14:38.81

BlazorをSQLで動かす件なんとかなりそう

**デフォルトの名無しさん** · 2022/10/14(金) 12:50:05.92

DbのオープンだけEFのクラス使って
Dapper入れれば普通のプロジェクトと
変わらないでしょ

**デフォルトの名無しさん** · 2022/10/14(金) 12:53:57.67

オープンはServer側でAppsetting.json読み取るクラス作ってそこから接続文字列読み取るようにした
SQLの操作はSystem.Data.SqlClientクラスを使ったよ

**580** · 2022/10/14(金) 12:56:41.40

【エンジニア未経験】転職を成功させるWebアプリ開発の技術選定7選
www.youtube.com/watch?v=K6Us1UXI784&t=170s

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

そもそも、Heroku もPostgreSQL だし

**デフォルトの名無しさん** · 2022/10/14(金) 13:05:54.03

AWS のオーロラdb
がポスグレでしょ
AWSでサーバー立てるなら
一番安上がり

**デフォルトの名無しさん** · 2022/10/14(金) 13:24:37.50

それだとDBの管理が面倒くさいでしょ
フレームワーク任せのが簡単
コネクトプールとかも使えるし
>>616

**580** · 2022/10/14(金) 15:59:36.54

AWS Aurora は、PostgreSQL なのか？

Auroraは、MySQL および PostgreSQL と、完全な互換性がある

**デフォルトの名無しさん** · 2022/10/14(金) 19:06:51.28

SQL駆使するプログラマはSQLにドメインロジック入れがち
テスト書けなくなる

**デフォルトの名無しさん** · 2022/10/14(金) 19:58:24.89

書けんぞーー

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

昔はPLSQLだけでwebサイト作ってる
時代もあったね

**デフォルトの名無しさん** · 2022/10/15(土) 00:31:07.51

Blazor はEF使ってオープンして
スタートupでdbアクセス用のサービスを
DI化して
各クライアントのページからは
インジェクトでサービスを取り込むのが
標準のようになってる

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

>>623
ほぼオンメモリで動くあれは爆速だったな。
まだcgiが主流でようやくmod_perlが普及し始めたくらいの当時。

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

Blazorの@pageルーティングでリストの数で複製させるってどうやるのでしょうか
例えばリストに1～5までがあったら
@page "/1"
@page "/2"
@page "/3"
@page "/4"
@page "/5"
ってのが自動生成されるようにしたいです

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

なんでクエリパラメータ使わないんだ

**デフォルトの名無しさん** · 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

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