ウェブプログラマー来い！

[0001 風吹けば名無し 2022/10/25(火) 13:37:42.72 ID:KQtzJ8yK0]

これBlazorっていうフレームワークなんだけどJSってこんな感じに書くことってできるの？

https://imgur.com/xuWlR38.jpg

C#は得意だけどJavaScriptわからん

[0002 風吹けば名無し 2022/10/25(火) 13:39:19.40 ID:Xvfr6BeHM]

reactとかvueとかフレームワーク使えば

[0003 風吹けば名無し 2022/10/25(火) 13:40:01.49 ID:KQtzJ8yK0]

>>2
マジ？
ReactやVeuだとどう書くの？

[0004 風吹けば名無し 2022/10/25(火) 13:40:13.17 ID:KQtzJ8yK0]

Vueだわ

[0005 風吹けば名無し 2022/10/25(火) 13:42:36.58 ID:Xvfr6BeHM]

react(正確にはjsx)の場合な

const name = 'Josh Perez';
const element = <h1>Hello, {name}</h1>;

const numbers = [1, 2, 3, 4, 5];
const listItems = numbers.map((number) =>
<li>{number}</li>
);

[0006 風吹けば名無し 2022/10/25(火) 13:42:42.14 ID:XeFGhQuUr]

C#ガイジやんけ

[0007 風吹けば名無し 2022/10/25(火) 13:45:27.44 ID:AVd9IHc0M]

style属性に直書きすんな

[0008 風吹けば名無し 2022/10/25(火) 13:46:10.67 ID:KQtzJ8yK0]

>>5
これって例えば
<div>
<a>本文<a>
const numbers = [1, 2, 3, 4, 5];
const listItems = numbers.map((number) =>
<li>{number}</li>
);
</div>って書いたら

本文
1
2
3
4
5

って表示されるようになるの？

[0009 風吹けば名無し 2022/10/25(火) 13:48:01.66 ID:KQtzJ8yK0]

>>7
別にその場で使うだけのStyleだからよくね？
他に使う宛があるやつは
class="クラス名"

別CSSファイルに
.クラス名{
CSSプロパティにするよ
}
にするよ？

[0010 風吹けば名無し 2022/10/25(火) 13:49:08.86 ID:Xvfr6BeHM]

>>8
面倒いからそれ以上はググッてくれ
jsxの構文としてそれはできない
下のコードを引っ張ってきたのはここからな
https://ja.reactjs.org/docs/lists-and-keys.html

[0011 風吹けば名無し 2022/10/25(火) 13:49:52.85 ID:KQtzJ8yK0]

>>10
なるほどあくまでHTMLとは別になるわけね

[0012 風吹けば名無し 2022/10/25(火) 13:52:11.67 ID:KQtzJ8yK0]

Blazorはこんな感じでHTMLに直書きできる

https://i.imgur.com/MLMCMGe.jpg