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/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

明らかに性的

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

性的（アダルト）サイトはトラフィックが半端ないらしいな。フロントでどうこうの世界では無さそう

**デフォルトの名無しさん** · 2021/02/27(土) 10:54:53.32

試しに広告を1個追加しよう

**デフォルトの名無しさん** · 2021/02/27(土) 11:40:17.29

笑

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

阿部寛の活動内容を伝えるって目的を考えればあれで十分だろ。
あれに糞エフェクト入れたら逆に鬱陶しいわ。

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

react使ったからって装飾もエフェクトもついてくれませんけども

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

Googleで「SSL」を検索すると、Reactを使った最新のサイトがダダーッと出てくる。
説明を読んでみる。

> 皆さんこんにちはテクノロジーエフェクト株式会社CEOの山田（仮名）です。
> 本日は、社会人1年目の皆さんのために「SSL」について解説します。

※クルクル回るエフェクトで1分待たされる

> 皆さんも社会人となったのでクレジットカードを持たれたのではないでしょうか？

※ ネットショッピングについて2ページ

> というわけで、SSLという仕組みが必要になったのです。
> 次回は担当役員佐藤が、SSLとは何か説明いたします。
> ご期待ください。

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

Reactと聞くだけでイラッとすると、あわしろ氏が言ってた。

**デフォルトの名無しさん** · 2021/02/27(土) 18:51:53.70

推奨ＮＧワード：あわしろ

**デフォルトの名無しさん** · 2021/02/27(土) 18:56:43.81

>>310
それサーバが遅すぎでは……

**デフォルトの名無しさん** · 2021/02/27(土) 18:58:45.35

SSLの解説と称してネットショッピングについて説明し、内容豊富なコンテンツですと！！？？

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

ウェブアプリなので、ネットショッピングについての2ページが通信必要なしに表示できるんですよ！！

ってあほか！

普通にSSLの説明書けよ。

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

あわしろ氏は近年の風潮に危惧されているぞ！

**デフォルトの名無しさん** · 2021/02/27(土) 19:10:07.74

あわしろ氏？あー登山家でしんじゃった人か

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

業界の重鎮を知らん奴はモグリ。

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

推奨ＮＧID:lzDnqtNz

**デフォルトの名無しさん** · 2021/02/27(土) 19:25:29.33

あわしろってLinux界隈の人しか知らない

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

あわしろ氏は、フロント界隈はクズしか居ないと言ってた。

**デフォルトの名無しさん** · 2021/02/27(土) 20:14:53.53

フロント=高卒初心者。

**デフォルトの名無しさん** · 2021/02/27(土) 20:49:15.11

このスレはゴミクズが集まりやすいな

**デフォルトの名無しさん** · 2021/02/27(土) 21:47:00.37

最近の高卒初心者は凄いな
私が初心者の頃だったらReact+Reduxとか絶対に理解できなかったわ

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

おっさんたちには理解できないんだよ
おれはおっさんだが

**デフォルトの名無しさん** · 2021/02/27(土) 23:01:31.78

KENTAのサロンで学びなおすべき。

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

自分で宣伝するなよカス

**デフォルトの名無しさん** · 2021/02/27(土) 23:06:28.22

動画だのサロンだのばかり見て、全然手を動かして（勉強して）無いんだなと言うのが伝わってくる

**デフォルトの名無しさん** · 2021/02/28(日) 07:56:33.74

推奨ＮＧワード： KENTA

**デフォルトの名無しさん** · 2021/02/28(日) 13:35:50.20

あわしろって誰や

**デフォルトの名無しさん** · 2021/02/28(日) 17:31:02.99

推奨ＮＧワード：あわしろ

**デフォルトの名無しさん** · 2021/02/28(日) 20:06:40.77

誰も知らない重鎮ｗ

**デフォルトの名無しさん** · 2021/03/01(月) 21:49:32.88

ケンタガイジまだ生きとるんか？

**デフォルトの名無しさん** · 2021/03/01(月) 22:54:23.27

カモ探しは大変やな

**デフォルトの名無しさん** · 2021/03/02(火) 07:38:01.19

コロナで宣伝書き込み増えまくったよなｗ
生きるために必死ｗｗｗ

**デフォルトの名無しさん** · 2021/03/05(金) 09:20:27.18

我々はjqueryに代わる世界標準なライブラリを求めている

**デフォルトの名無しさん** · 2021/03/05(金) 16:11:57.68

この世からjavascript無くなればみんな幸せになるのに

**デフォルトの名無しさん** · 2021/03/05(金) 16:28:26.93

心の底からどうでもいいと思う。くっだらないな。

**デフォルトの名無しさん** · 2021/03/06(土) 21:34:14.78

Next.jsのIncremental static regeneration て
一定時間がたてば、必ず生成するのですか？

例えばマークダウンからページを生成するとして、マークダウンに変更があったら
ページも生成しなおさなければならないけど、なければ生成する必要がない。
だからキャッシュの更新時間と、ページのもとになるマークダウンの更新時間を比較して必要がなければ生成しないようにしたい。
そうするには、どの関数、どの引数戻り値をいじればいいのでしょうか？

**デフォルトの名無しさん** · 2021/03/07(日) 00:03:04.88

>>339
必ず再生成されると思うよ。

**デフォルトの名無しさん** · 2021/03/07(日) 12:45:16.05

>>340
そうなんですか。
単純なマークダウンの変換からのブログとかには向いてないのかな。
ありがとうございました。