Vue vs React vs Svelte Part.7

**デフォルトの名無しさん** · 2021/01/18(月) 01:41:17.84

実際どうなん？
※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/08(月) 11:26:42.58

そもそもクライアントサイドで動く素のReactとSSRは区別しろって話ではあるけどな
素のReactが適するケースは意外と少ないっていうのはその通りで、
だから汎用的に利用する為にSSRだのJAMStackだのが増えたわけで

けど、そんなことをごちゃごちゃやらなくても、jQueryで済む話が多いのも確かなのよ

**デフォルトの名無しさん** · 2021/02/08(月) 11:42:31.58

でも二度とjQueryでアプリ作りたくないっていうのも事実だよな

**デフォルトの名無しさん** · 2021/02/08(月) 11:44:46.74

gatsbyやnetjsのssgは結局クライアントでhydrationしてるから、バンドルにreactやreact-domが含まれちゃうでしょ。

俺が言ってるのはrenderToStringでhtmlを送るだけ。
uiにインタラクションを持たせたかったらvanilajsで実装するということ。

**デフォルトの名無しさん** · 2021/02/08(月) 11:46:29.23

>>204
区別は良くない。クライアントでもサーバーでもコードを共有できるってのはいい設計だと思う。

**デフォルトの名無しさん** · 2021/02/08(月) 15:16:10.59

jQueryなんてIE対策としてとしか使ってなかったわ
そもそもDOM操作とかは絶対やりたくねーし
それやるぐらいならサーバーサイドからHTML返してもらうよ

**デフォルトの名無しさん** · 2021/02/08(月) 15:33:43.71

サーバーサイドからHTML返してもらうほうがきついかな自分は
JSPのトラウマが蘇ってきてさあ

**デフォルトの名無しさん** · 2021/02/08(月) 16:33:24.41

>>201
さらっと読んだけど面白かった
とはいえ「それWordPressとCDNでよくね？」みたいなサイトも国内外問わず今は無理やりJS技術使ってるところ多いよね
昔フロントエンドが面倒くせえことになってるのはお前ら自身がめんどくさくしてるからだってのを読んだことあるがまさにそのままだなー

**デフォルトの名無しさん** · 2021/02/08(月) 16:40:57.71

逆だろｗｗｗｗｗｗ
どう考えても静的サイトで十分なのに「WordPress入れましょう」で高単価案件にして鯖管費までふんだくってんだろうがｗｗｗｗｗｗ

**デフォルトの名無しさん** · 2021/02/08(月) 16:44:19.01

ゴキブリ倒すのにブラックキャップ買ってきたら池沼に「それ核爆弾でよくね？」って言われた。こんな感じのナンセンスさ

**デフォルトの名無しさん** · 2021/02/08(月) 17:06:13.29

wordpressはフロントエンドとバックエンドの分離が難しいから採用するのは良くないかな。

**デフォルトの名無しさん** · 2021/02/08(月) 17:06:35.50

そうかな
技術者集めるコストとか考えたら全然安いと思うし完全な静的サイト(DBナシ)は想定してない
日本だとnoteとかそういうサービス

**デフォルトの名無しさん** · 2021/02/08(月) 17:09:39.32

まぁほとんどのwebサイトはそれで充分なんだよね
このスレで取り扱ってるフレームワークとはあまり関係無いはずなんだけど意見かごっちゃになってるのは必要ない場所で使ってる人が多いからなんだろうね

**デフォルトの名無しさん** · 2021/02/08(月) 17:10:13.09

noteとかそういうサービスをwordpressを使用して開発するってこと？

**デフォルトの名無しさん** · 2021/02/08(月) 17:16:55.75

>>216
WordPress云々はどうでも良くて読み物ならサーバサイドレンダリングでいいじゃんってだけ
わざわざ読み物サイトをフロント側でごちゃごちゃやる意味がわからんのよね
確かWordPressも管理画面はReact使ってたと思うけどそういうのに必要だよなって記事に
そうだよなーって感想もっただけ

**デフォルトの名無しさん** · 2021/02/08(月) 17:35:42.00

>>217
その通りだね。

**デフォルトの名無しさん** · 2021/02/08(月) 17:39:57.18

Svelte Material UI + snowpack 使ってる人いる？
環境作れなくて涙目

**デフォルトの名無しさん** · 2021/02/09(火) 13:37:07.36

Nuxt.js使ってる人ならnext.jsの学習コストそんなかからないよね？

**デフォルトの名無しさん** · 2021/02/09(火) 19:05:14.97

vueとreactは別もんじゃん
そりゃおなじnode.jsだけどさ
vueは従来どおりのテンプレート型
reactは関数言語の応用だし。

**デフォルトの名無しさん** · 2021/02/12(金) 01:12:00.49

tailwindっぽいutility firstなcssフレームワークって昔のHTMLをカッコつけた感じが半端ないな

**デフォルトの名無しさん** · 2021/02/12(金) 04:33:38.05

どんなに優れたcssフレームワーク使ってもお前らのゴミのようなセンスだとまともなUI作れないよな
デザイナーガーで召喚しても指示どおり作れないし救いようがない

**デフォルトの名無しさん** · 2021/02/12(金) 06:51:51.30

はいはい、今日もご苦労さん

**デフォルトの名無しさん** · 2021/02/12(金) 14:31:13.64

最近Vue使い始めて便利さが実感出来た。
なにより手軽。

**デフォルトの名無しさん** · 2021/02/12(金) 14:51:30.65

それがreactのほーーが
究極シンプルで手軽なんだよ。

vue.jsの次に手掛けてわかった。
vue.jsの選択理由が簡単で分かりやすい
はずだったんだけどな。

**デフォルトの名無しさん** · 2021/02/12(金) 15:02:11.16

一番手軽なUIソフトはexcelですよ

**デフォルトの名無しさん** · 2021/02/12(金) 17:54:18.01

>>227
機能が無い分面倒だよ。

**デフォルトの名無しさん** · 2021/02/12(金) 22:36:20.02

ReactはHooksを覚えるだけで万能感得られるのがでかい
余計なこと覚えなくていい
ただしHooksをちゃんと理解するのが難しい

**デフォルトの名無しさん** · 2021/02/13(土) 00:34:27.42

一概に難しいとも言えんだろ。
useStateみたいに簡単なのから難しいのまでいろいろある。

**デフォルトの名無しさん** · 2021/02/13(土) 17:10:15.51

>>229
楽だよな
Vue使う理由が無くなる

**デフォルトの名無しさん** · 2021/02/14(日) 11:45:42.07

NuxtもそのうちISRできるようになるんか？

**デフォルトの名無しさん** · 2021/02/14(日) 18:18:25.97

NuxtがISRできるようになる頃にはNextがまた新しいほげふがレンダリング出来るようになってるぞ

**デフォルトの名無しさん** · 2021/02/15(月) 02:59:26.22

ISRなんていらんやろ・・・
こんな間抜けな機能を提供しようと良く思ったなｗ

**デフォルトの名無しさん** · 2021/02/15(月) 05:18:26.62

逆張りかっけー^^

**デフォルトの名無しさん** · 2021/02/15(月) 08:31:59.89

これからはSSGだ！とかISGすごい！とか長々と説明してる記事多いけどさ、それただのキャッシュしてCDN配信してるだけじゃん
そのために新たな技術やコーディング方法が必要ってむしろ面倒くさくしてるだけだろ
頭おかしいんじゃねえの

**デフォルトの名無しさん** · 2021/02/15(月) 11:18:10.96

それキャッシュとCDNで十分じゃん、みたいなパターンは結構見かけるね。
それはそれとして、技術としては別モンだと思う。

**デフォルトの名無しさん** · 2021/02/15(月) 11:26:43.55

それな
元々、Ajaxの系列だからな
Ajax -> SPA -> SSR -> SSGと来ているわけで、SPA要素がない従来の技術とは系統が違う

まあ、本来はシングルページ”アプリケーション”を作る技術の延長で、ウェブページを作る技術じゃねぇよって話なんだが

**デフォルトの名無しさん** · 2021/02/15(月) 16:51:23.61

こいつらReactを理解してるのか？

**デフォルトの名無しさん** · 2021/02/15(月) 17:09:17.53

どうしてそう思うの？

**デフォルトの名無しさん** · 2021/02/15(月) 18:46:30.91

SPAなど関係なくサーバーサイドで静的HTML生成は何十年も前からやってた
それをSPA界隈の人達が違うパラダイムでやろうとしてるというだけのことだと思う

**デフォルトの名無しさん** · 2021/02/15(月) 22:16:42.71

シンプルにしとけばか
自分で複雑にしておいて、複雑しているのが解決しましたドヤ
ってやってるのがフロント

**デフォルトの名無しさん** · 2021/02/15(月) 22:36:01.66

動的にやるしろ静的にやるにしろ
サーバー側で何かしないといけないのは間違いない
個人的には各言語にReactのサーバーサイドSDKみたいなのを用意するのがベストなんじゃないかと思ってる
そうすれば既存のフレームワークからも使える

**デフォルトの名無しさん** · 2021/02/15(月) 22:54:13.66

React server components

**デフォルトの名無しさん** · 2021/02/15(月) 23:04:27.14

入り乱れてめちゃくちゃになってきてるな

**デフォルトの名無しさん** · 2021/02/15(月) 23:07:07.30

所詮お前らはフレームワーク開発の実験台にされてるだけだからな
最終的にはブラウザネイティブで対応し、フレームワーク自体の機能は極小化する
つまり今頑張っても数年後には無駄になってるということさ

**デフォルトの名無しさん** · 2021/02/16(火) 00:17:35.21

今やってる事が遠い未来もそのまま役立つとは思わないけど、逆に全然役に立たないなんて事無いよ。
UFOが降ってきて宇宙人が全く新しく異質なプログラミング手法を伝授するレベルのパラダイムシフトでもない限り、技術は陸続きで、だんだん便利になってくわけで。

それとも、20年後もCOBOLやVBAやりたいの？

**デフォルトの名無しさん** · 2021/02/16(火) 00:31:21.49

Reactは10年に一度レベルのパラダイムシフトのフレームワークだぞ
Railsが出た時と似てるが持続の長さを考えるとそれ以上
これをガッツリ使うかどうかで今後のエンジニアとして生き残れるかが決まる
dhhをみろ
Railsこじらせてhotwireみたいな珍妙なものを作ってしまった

**デフォルトの名無しさん** · 2021/02/16(火) 00:47:12.71

Rails勉強中のぼくちんはhotwireに期待しとる。
Reactぱっと見むずいんでvue跨ぐわ

**デフォルトの名無しさん** · 2021/02/16(火) 01:06:37.49

vueのほうがむずい気がするけどなあ
リファレンス見ながらじゃないと書けぬｗ

**デフォルトの名無しさん** · 2021/02/16(火) 02:04:40.36

jsxとテンプレート構文、どっちが良い？

**デフォルトの名無しさん** · 2021/02/16(火) 02:35:45.26

jsx

**デフォルトの名無しさん** · 2021/02/16(火) 06:19:23.89

Reactの最初とっつきにくいように見えるけど、慣れればむしろシンプルで楽ってのは、関数型プログラミング始めた頃の体験と似てるように感じたな。

**デフォルトの名無しさん** · 2021/02/16(火) 06:21:27.85

あとはUI系のライブラリが揃えば完璧なんだけどな
CSS系は増えてきたけど
UIライブラリはよ

**デフォルトの名無しさん** · 2021/02/16(火) 08:30:07.37

jsにjsxを記述するとコードが増えてぐちゃぐちゃだよな
ここにさらにstyle component入るとカオスだろ

**デフォルトの名無しさん** · 2021/02/16(火) 11:11:15.78

無理にあれこれ入れる必要無いだろ
必要なら使えば良いだけ

**デフォルトの名無しさん** · 2021/02/16(火) 13:39:32.12

>>256
ロジックとjsxが混在したソースってどうなんだろ？
一貫性があっていいのかもしらんけどjsの中にhtmlを書くって未だに馴染めない

**デフォルトの名無しさん** · 2021/02/16(火) 14:57:18.58

主体がjsかhtmlかの違い
テンプレートの方が融通が利かないので肥大化しやすいと思う

**デフォルトの名無しさん** · 2021/02/16(火) 14:57:51.63

コードが読みやすいし
めちゃくちゃ柔軟性ですわ。

**デフォルトの名無しさん** · 2021/02/16(火) 15:34:58.76

>>257
stateや様々な条件に応じてdomを出し分けたりすることが多いからね。
ロジックと混在してるのは便利だよ。

例えばSpotifyみたいなアプリケーションを書こうとしたときに、サーバーからはアーティスト一覧が帰ってきます。その一覧を表示してくださいとか。
ロジックかけた方が宣言的にかけるでしょ

**デフォルトの名無しさん** · 2021/02/16(火) 15:38:01.33

アーティストを人気順や名前順に並び替えたいという要件が出てきた時。その条件をobserveしてロジックを実行したい時とか。これはuseEffectを使うと簡単にできるし。

やはり便利やわ

**デフォルトの名無しさん** · 2021/02/16(火) 17:12:06.02

Vueのように分離したってワンクッション増えてしょうもない問題が入り込むだけ
それならシンプルに一緒にした方が楽

**デフォルトの名無しさん** · 2021/02/16(火) 17:14:10.89

ReactもVueも気持ち悪いからどっちでもいいや

**デフォルトの名無しさん** · 2021/02/17(水) 01:30:14.37

実際はカスタムフックを作成したり、コンテナに集中させたりしてロジックは分離するけど
チュートリアルとか初学者向けのものはひとつのコンポーネントに詰め込みまくるから余計に複雑に見えて嫌になるのかなって思う

**デフォルトの名無しさん** · 2021/02/17(水) 02:32:06.15

JSXをいじりまくってる時はPHPerの気持ちがわかるね

**デフォルトの名無しさん** · 2021/02/17(水) 05:54:25.85

最近のPHPの事は知らないけど、Reactは階層構造を強く意識して（疎結合なJSXを）書く事になるから、個人的にはPHPの書き味とは似てないと思う

**デフォルトの名無しさん** · 2021/02/21(日) 00:06:16.25

React坊が大嫌いになったのでVueにします

**デフォルトの名無しさん** · 2021/02/21(日) 06:33:22.42

ええで、多様性は善や。
俺はReact使うけど

**デフォルトの名無しさん** · 2021/02/21(日) 18:05:35.73

NextとかNuxtにtailwindを使うケースが増えてるらしい
実際どうなん？

**デフォルトの名無しさん** · 2021/02/21(日) 19:09:27.48

センスゼロのプログラマがどんなcssフレームワーク使ってもまともなUIを作れないからどうにもならん

**デフォルトの名無しさん** · 2021/02/21(日) 19:21:56.42

これひょっとしてボット？

**デフォルトの名無しさん** · 2021/02/21(日) 19:30:55.83

>>270
ん？会話成り立ってないよお前
コミュ症か？

**デフォルトの名無しさん** · 2021/02/22(月) 01:16:02.43

tailwindはCSSのエポックメイキング

**デフォルトの名無しさん** · 2021/02/22(月) 01:18:16.31

Tailwind CSSが私には合わなかった理由
https://coliss.com/articles/build-websites/operation/css/why-tailwind-css-is-not-for-me.html

**デフォルトの名無しさん** · 2021/02/22(月) 04:22:52.65

プログラマのゴミのような酷いUI構築力

画面設計にはあるのに必要な要素が存在しない
レスポンシブにするとどこかに消える要素
画面の外にはみ出したり追い出されるコンポーネント
スクロールすらまともに作れない
マージンバラバラ
フォントサイズ超適当
正しいレイアウトになっていない
デザインどおりに組めない

→ それ俺の仕事じゃないと言い訳しかできない

これが自称フロントエンドエンジニア
マジで無能

**デフォルトの名無しさん** · 2021/02/22(月) 06:32:13.67

なるほど類は友を呼ぶ、か

**デフォルトの名無しさん** · 2021/02/22(月) 08:08:42.50

>>274
いままで使ってみたことなかったけど
それ読んだら今後も使わないだろうと思った

**デフォルトの名無しさん** · 2021/02/22(月) 09:16:18.78

>>275
お前が無能じゃん

**デフォルトの名無しさん** · 2021/02/22(月) 09:20:35.98

指示もうまく出来てないし、マニュアルもないし
フロントとバックエンド両方の技術求めているし
こいつを使えるような指示を出せないお前が無能

**デフォルトの名無しさん** · 2021/02/22(月) 12:35:56.43

さっそく言い訳かよ
恥ずかしい

**デフォルトの名無しさん** · 2021/02/22(月) 16:57:46.35

マ板に行け

**デフォルトの名無しさん** · 2021/02/22(月) 23:00:52.97

>>280
反論できないのは事実だからでは？

**デフォルトの名無しさん** · 2021/02/22(月) 23:41:35.23

>>282
指示しないと作れない無能のお前ごときに反論が必要なのか？
どっちにしてもお前のゴミのようなセンスどうするんだよ？
生まれつき目ん玉腐ってるから見たものすら理解不能なんだろうが

**デフォルトの名無しさん** · 2021/02/23(火) 23:39:52.34

>>269
Tailwind 好きだけどreactには向いてないと感じる

**デフォルトの名無しさん** · 2021/02/25(木) 23:53:51.55

海外のトレードサイトで、reactで作られたUIで割とキビキビ注文板が動いてるの見たから、案外パフォーマンスも良いんだな

**デフォルトの名無しさん** · 2021/02/26(金) 09:04:23.62

レンダリングのスピードはvdom使ってるから遅いけどな。直のdomを弄るよりも。

**デフォルトの名無しさん** · 2021/02/26(金) 10:54:16.42

>>286
そら直の更新で最小の更新だけすれば、そっちの方が早いだろうけど
差分更新のメリット活かせないなら、そっちの方が早いのは当たり前じゃね

**デフォルトの名無しさん** · 2021/02/26(金) 16:20:29.74

速度だけ見たら阿部寛のホームページが最強だわ。
カス企業は無駄に動的にしたがるがこれで十分だろ。

**デフォルトの名無しさん** · 2021/02/26(金) 18:35:04.32

動的ページに親を殺された奴が定期的に湧くな

**デフォルトの名無しさん** · 2021/02/26(金) 18:50:19.98

でも阿部寛のホームページはLight Houseのスコア弱いから

**デフォルトの名無しさん** · 2021/02/26(金) 19:45:00.28

ネタだろうけど目的と手段が入れ替わってるぞｗ
Light Houseのスコアを上げるモチベは検索上位に行くためだろう
阿部寛は一番上で、おそらくリストロジック上特別扱いも既になされているのではないか？
だとしたらLight Houseのスコアを上げるモチベはまったくないだろう

**デフォルトの名無しさん** · 2021/02/26(金) 22:56:58.21

https://twitter.com/mizchi/status/1365163040019128320?s=19
> Svelte しばらく使ってみた感想だけど、これはたぶん将来的に Vue と食い合うことになると思う

ふむ、確かにそうかも
https://twitter.com/5chan_nel (5ch newer account)

**デフォルトの名無しさん** · 2021/02/27(土) 00:44:39.33

この人当たり前体操してるな

**デフォルトの名無しさん** · 2021/02/27(土) 00:55:26.53

>>288
確かにこれで良いんだけどな。
速いし読みやすいし。
なぜ企業はこうしないのだろうか。

**デフォルトの名無しさん** · 2021/02/27(土) 04:17:33.46

適切な技術ではなく新しい技術を使うことが正義だと思ってるアホが多いから
jQueryはオワコンとかネガティブキャンペーンしてるやつが当てはまる

**デフォルトの名無しさん** · 2021/02/27(土) 07:12:42.09

別にもう新しくもねえだろ
アホはいつまでも最新って思ってるらしいが

**デフォルトの名無しさん** · 2021/02/27(土) 07:15:23.77

>>294
SSGってある意味でこれへの回帰では？
流石にHTML手打ちするのはアホらしいので、そうしないだけで

**デフォルトの名無しさん** · 2021/02/27(土) 07:22:12.85

阿部寛のサイトは、内容がないから速い。
何の処理も、操作もない

そういう簡単なページは、誰でも作れるから、プロにお金を払わない

**デフォルトの名無しさん** · 2021/02/27(土) 07:42:42.43

>>296
「新しい」っていうのは、何年以内のものを指す言葉じゃないぞ
何かと何かを比べて新しいかどうかだ

それとも別の何かが登場して
オワコンなったんか？

**デフォルトの名無しさん** · 2021/02/27(土) 07:43:16.57

>>298
内容＝装飾とエフェクトとか思ってる人いるよね
中身が無いのに着飾ってるだけ

**デフォルトの名無しさん** · 2021/02/27(土) 07:57:35.19

おう、そう思うならw3mでも使っとけ

**デフォルトの名無しさん** · 2021/02/27(土) 08:05:41.66

>>299
お前みたいなゴミカスが吠えたところでうるせーゴミカスとしか思わない

**デフォルトの名無しさん** · 2021/02/27(土) 08:33:44.80

みんなweb siteとweb appを同列に語ってるからややこしくなるんだって。

阿部のサイトは明らかに性的なwebサイトの部類。静的なものに関してはreactを使わずにhtmlと単純なjsで書くべき。もしくは templateとしてjsxを使うとか。

**デフォルトの名無しさん** · 2021/02/27(土) 09:22:59.41

明らかに性的