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などはおｋ。
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だぞ。これをコードとも言うけどな
あと正確にはウェブデザイナな
フォトショでカンプ作るとかいうやつじゃないからｗ
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とかいいだしましたか？ｗ
いつの時代って普通に現役
ウェブ標準の仕様は何も変わってない
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
逆だろｗｗｗｗｗｗ
どう考えても静的サイトで十分なのに「WordPress入れましょう」で高単価案件にして鯖管費までふんだくってんだろうがｗｗｗｗｗｗ
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サイトはそれで充分なんだよね
このスレで取り扱ってるフレームワークとはあまり関係無いはずなんだけど意見かごっちゃになってるのは必要ない場所で使ってる人が多いからなんだろうね
216デフォルトの名無しさん
垢版 |
2021/02/08(月) 17:10:13.09ID:OlVE2wpo
noteとかそういうサービスをwordpressを使用して開発するってこと？
217デフォルトの名無しさん
垢版 |
2021/02/08(月) 17:16:55.75ID:lIPh5JDD
>>216
WordPress云々はどうでも良くて読み物ならサーバサイドレンダリングでいいじゃんってだけ
わざわざ読み物サイトをフロント側でごちゃごちゃやる意味がわからんのよね
確かWordPressも管理画面はReact使ってたと思うけどそういうのに必要だよなって記事に
そうだよなーって感想もっただけ
218デフォルトの名無しさん
垢版 |
2021/02/08(月) 17:35:42.00ID:OlVE2wpo
>>217
その通りだね。
2021/02/08(月) 17:39:57.18ID:6GdUCq1V
Svelte Material UI + snowpack 使ってる人いる？
環境作れなくて涙目
2021/02/09(火) 13:37:07.36ID:MnBgdBBV
Nuxt.js使ってる人ならnext.jsの学習コストそんなかからないよね？
2021/02/09(火) 19:05:14.97ID:1omwR2qN
vueとreactは別もんじゃん
そりゃおなじnode.jsだけどさ
vueは従来どおりのテンプレート型
reactは関数言語の応用だし。
2021/02/12(金) 01:12:00.49ID:xk8lu6wN
tailwindっぽいutility firstなcssフレームワークって昔のHTMLをカッコつけた感じが半端ないな
2021/02/12(金) 04:33:38.05ID:vN8jdZOX
どんなに優れたcssフレームワーク使ってもお前らのゴミのようなセンスだとまともなUI作れないよな
デザイナーガーで召喚しても指示どおり作れないし救いようがない
2021/02/12(金) 06:51:51.30ID:8v2y/vW7
はいはい、今日もご苦労さん
2021/02/12(金) 14:31:13.64ID:76u2v03/
最近Vue使い始めて便利さが実感出来た。
なにより手軽。
2021/02/12(金) 14:51:30.65ID:ecic4es+
それがreactのほーーが
究極シンプルで手軽なんだよ。

vue.jsの次に手掛けてわかった。
vue.jsの選択理由が簡単で分かりやすい
はずだったんだけどな。
2021/02/12(金) 15:02:11.16ID:Icv/F37w
一番手軽なUIソフトはexcelですよ
2021/02/12(金) 17:54:18.01ID:nbh89gsJ
>>227
機能が無い分面倒だよ。
2021/02/12(金) 22:36:20.02ID:Cyc/UqZY
ReactはHooksを覚えるだけで万能感得られるのがでかい
余計なこと覚えなくていい
ただしHooksをちゃんと理解するのが難しい
2021/02/13(土) 00:34:27.42ID:g7TpkVfT
一概に難しいとも言えんだろ。
useStateみたいに簡単なのから難しいのまでいろいろある。
2021/02/13(土) 17:10:15.51ID:kzKvjqdY
>>229
楽だよな
Vue使う理由が無くなる
2021/02/14(日) 11:45:42.07ID:PBQ8u9UG
NuxtもそのうちISRできるようになるんか？
2021/02/14(日) 18:18:25.97ID:Iov6sRvp
NuxtがISRできるようになる頃にはNextがまた新しいほげふがレンダリング出来るようになってるぞ
2021/02/15(月) 02:59:26.22ID:89MhGAsi
ISRなんていらんやろ・・・
こんな間抜けな機能を提供しようと良く思ったなｗ
2021/02/15(月) 05:18:26.62ID:DFKsWvAf
逆張りかっけー^^
2021/02/15(月) 08:31:59.89ID:Ugw4OGSy
これからはSSGだ！とかISGすごい！とか長々と説明してる記事多いけどさ、それただのキャッシュしてCDN配信してるだけじゃん
そのために新たな技術やコーディング方法が必要ってむしろ面倒くさくしてるだけだろ
頭おかしいんじゃねえの
2021/02/15(月) 11:18:10.96ID:RViaNkw8
それキャッシュとCDNで十分じゃん、みたいなパターンは結構見かけるね。
それはそれとして、技術としては別モンだと思う。
2021/02/15(月) 11:26:43.55ID:8VSpNbzS
それな
元々、Ajaxの系列だからな
Ajax -> SPA -> SSR -> SSGと来ているわけで、SPA要素がない従来の技術とは系統が違う

まあ、本来はシングルページ”アプリケーション”を作る技術の延長で、ウェブページを作る技術じゃねぇよって話なんだが
2021/02/15(月) 16:51:23.61ID:mQV+FRZu
こいつらReactを理解してるのか？
2021/02/15(月) 17:09:17.53ID:RViaNkw8
どうしてそう思うの？
2021/02/15(月) 18:46:30.91ID:E7fw/gtI
SPAなど関係なくサーバーサイドで静的HTML生成は何十年も前からやってた
それをSPA界隈の人達が違うパラダイムでやろうとしてるというだけのことだと思う
■ このスレッドは過去ログ倉庫に格納されています
5ちゃんねるの広告が気に入らない場合は、こちらをクリックしてください。