Vue vs React vs Svelte Part.7

■ このスレッドは過去ログ倉庫に格納されています
1デフォルトの名無しさん
垢版 |
2021/01/18(月) 01:41:17.84ID:3Z3F12lC
実際どうなん?
※Angularは残念ながら全く話題にならなかったのでSvelteに差し替えました
Vue
https://jp.vuejs.org/
React
https://reactjs.org/
Svelte
https://svelte.dev/
※前スレ
Vue vs React vs Svelte Part.6
https://mevius.5ch.net/test/read.cgi/tech/1603771745/

★ここではjQuery, Ruby, C#, Blazorの話題は禁止です
★jQuery, Ruby, C#, Blazorキチガイが書き込んでも無視してください
Angular, Next, Nuxt, Sapper, Gatsby, VuePress, RedWoodなどはおk。
2021/02/03(水) 18:49:17.29ID:El6Fj4FU
大岡さんじゃないですか
2021/02/03(水) 19:04:58.31ID:+v6gLMtx
状態管理はuse.stateとuse.contextで充分よ
recoileとかそびえ立つなんとか
2021/02/03(水) 19:31:35.77ID:RFAk90vV
状態管理って
ネイティブクライアントつくってれば
当たり前の機能でしかなくて、
Webアプリしか作った事ないのが
騒いてるにしか見えんね。

しかも、これらのライブライリ
使うと著しく見通しが悪いコードになる。

普段通り要件に合わせて
都度作った方が良いね。
2021/02/03(水) 19:36:37.91ID:W6NaOLRR
コードから無理やり状態を排除しようとした結果
状態を扱うだけの高機能な巨大なオブジェクトが出来上がってしまったという
笑うに笑えない間抜けな事態になってる

状態が"必要ない"ものであれば、状態をなくすのは理にかなってるが
そもそも状態が必要なものは、状態をなくすことは不可能なので
部屋に散らかったゴミを押入れに入れるように一箇所に隠すことしかできないのだ
一見きれいに見えたとしても、それはいずれ大きな負債となり管理できなくなる
2021/02/03(水) 20:00:24.74ID:Z5OWTF0C
ま〜た来てんのか懲りないなぁ
2021/02/03(水) 20:00:49.82ID:FluqeStE
stateもreducerもrecoilもcontextも
必要に応じて使い分けるがなあ
reduxを使わない(使う技術と根気がない)からかもしれんけど
2021/02/03(水) 23:12:27.69ID:DcIpd+xu
>>118
>状態を扱うだけの高機能な巨大なオブジェクトが
それが正しく抽象化されていて、管理の手間も掛からないなら、何の問題もないだろ

何ならオブジェクトって単語をライブラリに置き換えるだけで、受ける印象が全然違うし
>状態を扱うだけの高機能な巨大なライブラリが出来上がってしまった
2021/02/03(水) 23:22:34.31ID:W/8d1T4e
明らかにReactの事わかってない(もしくは使ったことない)文章だし、触るだけ無駄だって
2021/02/04(木) 00:29:36.39ID:3FUYW+4v
JotaiよりValtioのほうが好き
2021/02/04(木) 16:27:49.58ID:ZmbwzlTJ
Reactは糞
2021/02/04(木) 17:20:47.74ID:ShVNWnqX
じゃあ何が紙なんですか?
2021/02/04(木) 18:51:27.05ID:g2toKVp1
jqueryですよ
2021/02/04(木) 19:54:20.88ID:3FUYW+4v
ハイハイ別スレまで立ててんならそっちでやれよ(藁
2021/02/05(金) 02:48:18.83ID:rPKZ7Ca7
Context APIは適切にメモ化して再レンダリング抑制して場合によっては正規化もやって云々
って色々とやっていくうちにreduxのしょぼい版が完成するだけ

じゃあ最初からreduxで良かったじゃんってなる
2021/02/05(金) 04:11:19.75ID:byuAt8tU
あるある
オレオレフレームワークの末路も大体そんなだな
結局、シェアが大きいのは大きいなりの理由があるわけだ
2021/02/05(金) 04:13:28.59ID:O6ItStNw
フレームワーク開発者の実験に突き合わされてるって
いい加減気づかないものかね?
それなりの人が作ってるものはどれでもいいんだよ
あとは将来性で考えればいい
重要なのはどれだけ長く使えるかだ
131デフォルトの名無しさん
垢版 |
2021/02/05(金) 19:40:52.00ID:Yskikq1v
やっと時代がsvelteに追いついてきたな
2021/02/05(金) 21:20:44.34ID:I8WwnXYs
なんかあったのか?
2021/02/06(土) 01:54:59.73ID:NiMfppQU
redux + hooksが良さげだな。
2021/02/06(土) 06:43:56.37ID:5ssiRSsb
reduxの時代はもうすぐ終わる
2021/02/06(土) 10:35:03.63ID:gScbfwpE
reduxはやく死ね
2021/02/06(土) 13:07:30.27ID:zhCigCdf
reduxって単体で便利なライブラリなのに、
reactとセットが当たり前みたいに扱われたせいで、とんだとばっちりだな
137デフォルトの名無しさん
垢版 |
2021/02/06(土) 13:44:57.96ID:v1TWPYNZ
reduxしねって言ってる奴は基地外なんだよなぁ
2021/02/06(土) 14:56:20.33ID:R+q0SOf2
redux使わないレベルの規模ならhooksでいいけどな
しょぼいのしか作ってなさそう
2021/02/06(土) 15:59:21.13ID:hAnIbt2b
angularは何がまずかったのか
2021/02/06(土) 17:05:52.27ID:8arEYX2Q
reduxが糞言われるのと同じ感じゃね?
2021/02/06(土) 17:25:54.17ID:R+q0SOf2
まあそもそも、SPAフレームワークとか状態管理とかこのゴミのようなブラウザやネット、htmlやらjsの仕様に合わせて仕方なくやってることだよな

状態管理は後付けで出てきたようなもんだし
何もかも非効率
2021/02/06(土) 18:01:05.80ID:RQX4dzOj
>>139
angularはUIとデータベースをうまく紐付けないといけないので高度な設計能力が必要になる
その反面、設計能力が高ければUI関するコードを減らせるので
かなりシンプルにすることができる

reactとかはデータとUIに直接のつながりがないので
適当に作っても、それなりにどうにかなる
その反面JavaScriptでUIをゴリゴリと書いてる
2021/02/06(土) 18:07:56.70ID:NiMfppQU
フロントみたいなデザイン的な面を最初からうまく設計できるって仮定自体が馬鹿げてるわ。
2021/02/06(土) 18:23:28.52ID:RQX4dzOj
本来データ構造と見た目を分離するのがHTML/CSSなんだけどな
フロントやってるやつはCSSが苦手
CSSの命令は知っていても最低限の機能しか使えず
CSSだけで高度なデザインする能力がない
デザイン作るのにHTML構造を弄くらないと作れない
2021/02/06(土) 18:27:50.12ID:Kl671woR
>>144
当たり前やん
それデザイナーの領域やし
2021/02/06(土) 18:51:57.32ID:m5/vxF5j
angularは単になんでも入りが受け入れられなかっただけでしょ
バンドルサイズでかくなるし
2021/02/06(土) 19:14:40.81ID:R+q0SOf2
>>145
ゴミクソ自称フロントエンジニアwww
デザイナーがjsxいじるのか?
2021/02/06(土) 20:10:33.12ID:Kl671woR
>>147
おまえデザインも完璧に出来るんやな?(笑)
そんな奴がフロントエンドのコードまともにかけるわけ無いやん(笑)
2021/02/06(土) 20:18:29.57ID:RQX4dzOj
>>145
だからデザイナーにやらせればいいということになる
そこをうまく分離できておらずプログラマがやらなければいけなくしてるため
メンテナンス性とパフォーマンスが低下して、生産性もスケールしなくなった
2021/02/06(土) 20:24:16.20ID:RQX4dzOj
高い技術を持っていればAngularは素晴らしい道具なんだが
それを使いこなせる技術者・デザイナーが少ないという話
2021/02/06(土) 20:29:37.13ID:RQX4dzOj
具体的に言えば、

デザイナーは最低限これぐらいは自力で実装できるぐらいの技術力が必要

CSSだけで作るドロップダウンメニュー(多階層)サンプル8
https://webdesignday.jp/samples/p5793/sample8/


そしてプログラマは、自分で作れなくともHTMLとCSSだけでこれらを作れると知っており
それを作るために必要なHTMLをカスタムタグなどを使いより簡潔に生成するために
HTMLやフレームワークの機能を熟知していなければいけない


ここまでの技術者が揃うのは少ないのでAngularを使いこなすことができない
そこでちまちまとJavaScriptで生成してる
2021/02/06(土) 20:31:26.99ID:R+q0SOf2
>>148
ゴミクズのお前はコードすらゴミじゃん
2021/02/06(土) 20:33:05.87ID:Kl671woR
>>152
低能だから直ぐ発狂するんだな(笑)
朝鮮人かよ(笑)
どうせデザイン能力も大したことなければコードもまともに書けないという事がバレバレやな(笑)
あ、また発狂するの?(笑)
2021/02/06(土) 20:35:24.24ID:R+q0SOf2
>>149
だからjsxとstyleComponentをデザイナーにやらせるのか?
オメーがやれよって話
stateによって可変させるUIとかどっちがやるんだよ?
自称フロントエンジニアどものゴミのようなUI作成能力どうにかならねえのか
2021/02/06(土) 20:36:30.75ID:R+q0SOf2
>>153
お前の目ん玉腐ってるからデザインもできないわ、コードもゴミだわで存在価値ゼロだろ
2021/02/06(土) 20:54:06.29ID:RQX4dzOj
>>154
> だからjsxとstyleComponentをデザイナーにやらせるのか?

jsxとstyleComponentはウェブ標準技術じゃないよ
ウェブ標準はプログラマとデザイナーの両方にとってより良い技術だったのに
それをぶち壊している技術がたくさんあるってだけの話
ウェブ標準に戻りましょう
2021/02/06(土) 20:55:45.19ID:RQX4dzOj
>>154
> stateによって可変させるUIとかどっちがやるんだよ?

プログラマはstateの管理までをやればいい。
最終的にそれはHTMLのクラス属性やdata属性などに反映される
そのstateに応じたUIを作るのはデザイナ
一人で作るのは大変なんだからさ、分業しようぜ
2021/02/06(土) 21:00:50.81ID:SFhq9+QY
いつもの奴じゃん。相手するなよ
2021/02/07(日) 00:37:12.45ID:qbLU6RFF
高い技術があれば〜とか、超人的能力あればアセンブラで十分ていう狂人と一緒だぞそれ。
2021/02/07(日) 01:41:48.31ID:LJ4y35I5
NGしたらほぼ見えなくなった
2021/02/07(日) 06:10:25.10ID:XoDa8kg4
なにでNGしたんだ?
2021/02/07(日) 06:12:46.97ID:XoDa8kg4
>>159
高い技術ある人で、アセンブラで十分なんて言う人いないだろ?
その例えはおかしい

そもそも開発コストの話をしてるわけで
記述量が圧倒的に増えるアセンブラは
高い技術がある人が使っても開発コストは増える
2021/02/07(日) 07:01:46.57ID:kKBZX8I/
フロントエンド開発が複雑になりすぎて、デザイナの手に負えなくなったからフロントエンドエンジニアって職種が出てきたのに
デザイナにコード書かせるとか、お前らいつの時代の話してるんだよ
分業っていうなら、デザイナの仕事はあくまでデザインで、コーディングじゃねぇよ
2021/02/07(日) 07:46:29.35ID:XoDa8kg4
> フロントエンド開発が複雑になりすぎて

ここが根本的な問題で解決すべきこと
2021/02/07(日) 07:47:54.17ID:XoDa8kg4
>>163
デザイナが書くのはHTML+CSSだぞ。これをコードとも言うけどな
あと正確にはウェブデザイナな
フォトショでカンプ作るとかいうやつじゃないからw
2021/02/07(日) 07:59:38.06ID:7Hox7ISB
自称フロントエンドエンジニアはhtmlやcssすらまともに使えない
使えないからデザイナーガーとしか言えない
例えデザイナーがカンプ作ってもセンスゼロだからhtml cssで再現できない
マジでフロントエンドエンジニア名乗るのやめたほうがいいぞ
2021/02/07(日) 08:00:39.40ID:kKBZX8I/
>>165
それがいつの時代の話してるんだって言ってるのに、会話成り立たなすぎて草
2021/02/07(日) 08:18:15.35ID:kKBZX8I/
このスレに限らないけど、5chってXHTML時代から情報更新されてないやつ多すぎないかね
Web関連の話になると、こういうやつがうじゃうじゃ湧いてくる
bootstrap全盛時代とかWP全盛時代の常識がガンガン出てきて、びっくりする
平成の半ばにタイムリープしたかと思うわ
2021/02/07(日) 08:41:40.36ID:MLlcStaP
それな。
首だけ突っ込んできてなんにも学ばない不毛な人が一定数居る。
そういう人はどういうわけかいつもイライラしてるようだ。

勉強して知識アップデートするか、首突っ込んで来なければ、今よりは幸せになれるだろうに
2021/02/07(日) 08:55:46.26ID:XoDa8kg4
>>167
ウェブ標準団体が、Web3.0とかいいだしましたか?w
いつの時代って普通に現役
ウェブ標準の仕様は何も変わってない
2021/02/07(日) 09:02:19.34ID:kKBZX8I/
>>170
Web標準仕様の話なんてしてないのに、本気で会話成り立たなくて草
どういう読解力してるんだよ
2021/02/07(日) 09:04:56.00ID:kKBZX8I/
そもそもWeb3.0って、Web2.0は仕様ですらねぇよ
腹筋崩壊するわ
2021/02/07(日) 09:06:08.49ID:yqZHDrnv
文書構造とデザインの分離はウェブ標準団体が言ってることなんですが?
いつ方針を変えましたか?
174デフォルトの名無しさん
垢版 |
2021/02/07(日) 09:38:40.09ID:gnsEcpST
昔はwebの役割としてdocumentのような静的なものを求められてきたけど、今はネイティブアプリのようなアプリケーション寄りの要件が出ることが多いからね。

webにロジックが入り込むことが多くなってきてデザイナーは基本的にfigmaとかでデザインするだけでマークアップも書かなくなってきてる。
2021/02/07(日) 09:43:16.91ID:yqZHDrnv
> 今はネイティブアプリのようなアプリケーション寄りの要件が出ることが多いからね。

ほとんどのウェブサイトではそのような要件はでてきません
あなたが趣味でググって見つけたサイトは、ネイティブアプリのような機能がありますか?
そういうことです。
2021/02/07(日) 11:39:40.51ID:kn8KLgWd
この人WordPressスレに行ったら幸せになれるじゃねーかな
2021/02/07(日) 11:58:27.36ID:7Hox7ISB
文書もデザインもロジックもすべてjsに入り組んでいるのが今のフロントエンド
センスゼロ再現能力ゼロの無能君たちはフロントエンドエンジニアではない
ゴタクを並べて言い訳しかできない単なる使えない産廃
2021/02/07(日) 12:15:54.34ID:TOG7ZB5l
ID:7Hox7ISB
こいつは無能
2021/02/07(日) 12:23:58.56ID:v4YBsdqg
やっぱりワッチョイの方が良かったんじゃ
2021/02/07(日) 14:20:39.40ID:4l6MIIiU
盛り上がってますねぇ
2021/02/07(日) 19:01:48.59ID:2YglLZdX
ぶっちゃけ色んな技術を配属されたチームの習熟度や要件に合わせて使えることが重要なわけで
Redux嫌いとかVue嫌いとか、TypeScriptいらないとか言ってる暇なんて実際ないからな
結局は技術をアップデートできない奴が淘汰されていくだけの話
過去の技術に固執したいのなら勝手にひとりでやってれば良い
2021/02/07(日) 19:12:48.42ID:yqZHDrnv
まあ、問題は技術のアップデートではなくて技術の変更になってるってところなんだよな
やり方が変わるだけで、何も良くなってないというね
2021/02/07(日) 19:30:35.93ID:WoEiSDix
技術?に群がってるだけじゃん。

その技術っうのは
只の流行りネタなだけという。
2021/02/07(日) 19:42:00.81ID:lfj7lF3Q
別に技術に群がるでも良くね?
それが要求されているのならやるだけなんだが?
2021/02/07(日) 19:55:44.79ID:wvgli5uH
https://www.youtube.com/watch?v=Rxqko96C5ZI

バーナーズリーってなんか、話し方大丈夫この人?
前からこんな感じだったっけ
2021/02/07(日) 19:58:10.04ID:wvgli5uH
ごめん、スレタイとあんまり関係ない動画貼っちゃった
なんか上みたら Web 3.0 がどうとか喧嘩してたから調べたのよね
2021/02/07(日) 19:58:21.51ID:2YglLZdX
まぁ、そもそも俺が技術選定する側の人間じゃないからそう思うだけなんだけどな
別に必要ないから使わないって選択のできる人は使わなきゃ良い話
2021/02/07(日) 20:07:04.65ID:4l6MIIiU
>>185
めちゃくちゃあがってるな笑
2021/02/07(日) 20:33:42.76ID:wvgli5uH
>>188
あがってるのかこれ?
なんか他の動画見ても最近のやつはこんな感じで、
薬やってんじゃないかとかコメント欄で言われてる
2021/02/07(日) 22:04:32.53ID:qbLU6RFF
新しいってだけでゴミ屑使おうとするからレガシー化するっていう事にもう少し気を使ってほしいわ。
2021/02/07(日) 22:04:33.20ID:qbLU6RFF
新しいってだけでゴミ屑使おうとするからレガシー化するっていう事にもう少し気を使ってほしいわ。
2021/02/07(日) 22:51:00.32ID:QMot51F7
>>187
誰それがこれからは○○だって言ってましたーみたいなのが多すぎる

新しいものを使うのがなぜか前提となってる
今の問題点を言ってないか古いから、新しいからみたいな
意味がない理由しかない
2021/02/07(日) 23:14:30.83ID:L0/THKkq
こういうヤツがチームに紛れ込むとめんどくせーんだよな😅
194デフォルトの名無しさん
垢版 |
2021/02/07(日) 23:24:22.56ID:gnsEcpST
頓珍漢なこと言われたら普通に議論して論破すれば良いと思う

それができなければ自分が選んだ技術選定も間違ってることになるし
195デフォルトの名無しさん
垢版 |
2021/02/07(日) 23:27:22.50ID:gnsEcpST
web標準にやたらこだわってる奴がなんでjqueryを使おうとするのかよくわからないけどね。

今ならjqueryを使うならvanilajsで事足りるしね。確かGitHubかbootstrapだったかもjqueryを排除してvanilajsに移行するって言ってたしね。
196デフォルトの名無しさん
垢版 |
2021/02/07(日) 23:32:18.62ID:gnsEcpST
ただ過剰にreactやvueが使われてるなとも思う。


https://bundlephobia.com/result?p=react@17.0.1
https://bundlephobia.com/result?p=react-dom@17.0.1

reactを選択すると必然的に約43kbバンドルサイズに含まれることになるからね。かなりパフォーマンス的にはクリティカルだよ。

個人的には webcomponentが宣言的にssrできるようになり、かつweb標準でjsxのようなテンプレートが実装されれば良いなと思う。
2021/02/08(月) 00:30:19.45ID:aC3dgkJc
それReactでやるほどか?ってのを見かけたり
vanillaで記述してクソ共有しにくいオレオレを多用してるのがあったり
Reduxのstyle guideとしての側面を無視して話すヤツがいたり

適材適所って言葉知らんのか?って思うことは多々ある
極端すぎるねん
2021/02/08(月) 00:35:49.56ID:mwZivU/L
>>195
jQueryはvanilajsの「書き方」を変えただけだからだよ
vanilajsを使う場合と同じやり方でウェブサイトが作れる
199デフォルトの名無しさん
垢版 |
2021/02/08(月) 01:02:00.62ID:OlVE2wpo
>>197
style guideとしてのreduxってどういう意味?
2021/02/08(月) 02:48:15.20ID:EVoCDdev
>>199
状態管理を扱う時のひとつの規約というかルール、パターンでも良いかな

それに則ることで、エンジニア間の差異を減らしたり、共有しやすくなるよね
でも場合によっては煩雑になったり、持て余してしまうこともあるよね
だから適材適所だと思うよってこと
公式も言っている通り、無理に使う必要はない
201デフォルトの名無しさん
垢版 |
2021/02/08(月) 10:54:35.43ID:OlVE2wpo
そういう意味ね。なるほど。

まぁreactとかvueを採用すると途中から参画してきたエンジニアでもコストが少なく開発に参加できるよね。

結局どういうwebを作るのかにもよるけど

https:ar.al/notes/the-documents-to-applications-continuum/

↑ここでweb siteとweb applicationの定義がされてる。ようはweb siteにはreactやvueのようなフレームワークは不要だと思う。もし使用する場合はクライアントのバンドルに含まれないようにサーバー側でのみ使用するといった工夫が必要になると思う。
202デフォルトの名無しさん
垢版 |
2021/02/08(月) 10:57:14.83ID:OlVE2wpo
確かに適材適所はその通りなんだけど。
その適材適所をうまく言語してるような記事とかあったら読みたい
2021/02/08(月) 11:02:50.00ID:hgsCKB/O
その辺はgatsbyみたいなのもあるし線引き曖昧になって来た感ある
2021/02/08(月) 11:26:42.58ID:+amXZ9sM
そもそもクライアントサイドで動く素のReactとSSRは区別しろって話ではあるけどな
素のReactが適するケースは意外と少ないっていうのはその通りで、
だから汎用的に利用する為にSSRだのJAMStackだのが増えたわけで

けど、そんなことをごちゃごちゃやらなくても、jQueryで済む話が多いのも確かなのよ
2021/02/08(月) 11:42:31.58ID:2vHDjwzI
でも二度とjQueryでアプリ作りたくないっていうのも事実だよな
206デフォルトの名無しさん
垢版 |
2021/02/08(月) 11:44:46.74ID:OlVE2wpo
gatsbyやnetjsのssgは結局クライアントでhydrationしてるから、バンドルにreactやreact-domが含まれちゃうでしょ。

俺が言ってるのはrenderToStringでhtmlを送るだけ。
uiにインタラクションを持たせたかったらvanilajsで実装するということ。
207デフォルトの名無しさん
垢版 |
2021/02/08(月) 11:46:29.23ID:OlVE2wpo
>>204
区別は良くない。クライアントでもサーバーでもコードを共有できるってのはいい設計だと思う。
2021/02/08(月) 15:16:10.59ID:E1A3htnM
jQueryなんてIE対策としてとしか使ってなかったわ
そもそもDOM操作とかは絶対やりたくねーし
それやるぐらいならサーバーサイドからHTML返してもらうよ
2021/02/08(月) 15:33:43.71ID:JflNcTHh
サーバーサイドからHTML返してもらうほうがきついかな自分は
JSPのトラウマが蘇ってきてさあ
210デフォルトの名無しさん
垢版 |
2021/02/08(月) 16:33:24.41ID:lIPh5JDD
>>201
さらっと読んだけど面白かった
とはいえ「それWordPressとCDNでよくね?」みたいなサイトも国内外問わず今は無理やりJS技術使ってるところ多いよね
昔フロントエンドが面倒くせえことになってるのはお前ら自身がめんどくさくしてるからだってのを読んだことあるがまさにそのままだなー
2021/02/08(月) 16:40:57.71ID:wJ3JIqDy
逆だろwwwwww
どう考えても静的サイトで十分なのに「WordPress入れましょう」で高単価案件にして鯖管費までふんだくってんだろうがwwwwww
2021/02/08(月) 16:44:19.01ID:yA2zjtMF
ゴキブリ倒すのにブラックキャップ買ってきたら池沼に「それ核爆弾でよくね?」って言われた。こんな感じのナンセンスさ
213デフォルトの名無しさん
垢版 |
2021/02/08(月) 17:06:13.29ID:OlVE2wpo
wordpressはフロントエンドとバックエンドの分離が難しいから採用するのは良くないかな。
214デフォルトの名無しさん
垢版 |
2021/02/08(月) 17:06:35.50ID:lIPh5JDD
そうかな
技術者集めるコストとか考えたら全然安いと思うし完全な静的サイト(DBナシ)は想定してない
日本だとnoteとかそういうサービス
2021/02/08(月) 17:09:39.32ID:hgsCKB/O
まぁほとんどのwebサイトはそれで充分なんだよね
このスレで取り扱ってるフレームワークとはあまり関係無いはずなんだけど意見かごっちゃになってるのは必要ない場所で使ってる人が多いからなんだろうね
■ このスレッドは過去ログ倉庫に格納されています
5ちゃんねるの広告が気に入らない場合は、こちらをクリックしてください。

ニューススポーツなんでも実況