Vue vs React vs Angular vs Svelte Part.8

**デフォルトの名無しさん** · 2021/05/23(日) 13:42:32.51

Vue
https://jp.vuejs.org/
React
https://reactjs.org/
Angular
https://angular.io/
Svelte
https://svelte.dev/

※前スレ
Vue vs React vs Svelte Part.7
https://mevius.5ch.net/test/read.cgi/tech/1610901677/

★ここではjQuery, Ruby, C#, Blazorの話題は禁止です
★jQuery, Ruby, C#, Blazorｷﾁｶﾞｲが書き込んでも無視してください
Next, Nuxt, Sapper, Gatsby, VuePress, RedWoodなどはおｋ。

**デフォルトの名無しさん** · 2021/12/09(木) 23:23:20.08

>>601
ありがとうございます！
モチベ低下の理由は自分でも理解しているのでなるべく早く回復できるようにがんばります！

**デフォルトの名無しさん** · 2021/12/09(木) 23:28:28.74

>>602
高校までは案件受けるつもりはありませんがどんな内容なのかとかは今のうちにある程度見ておこうと思います

**デフォルトの名無しさん** · 2021/12/09(木) 23:32:17.08

>>605
一応lp？みたいなものは作っています。勉強の方は、親と相談して高校までは勉強最優先。
高校からは最低限の勉強をしていればあとは自由にやっていいよということになりました

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

>>614
がんばれー良い親御さんで良かったね
或いは余計なお世話かもしれんが高校入っても高校の3年間でしか学べない事を優先して欲しい
ほとんどの場合それが最短距離だから

**デフォルトの名無しさん** · 2021/12/10(金) 11:11:46.04

どうでもいい自分語りだけど、
高校で友達とあれこれPCいじったときが一番プログラミングのモチベ高かったわ
Javascriptを無効にするような時代の前だったけど、自由だったな。いろんな意味で

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

今となっては古すぎる本だけど学生時代に JavaScript: The Good Parts に出逢った事で俺の方向性は決まってしまった。あの本を読んでプログラミングの美しさ面白さに取り憑かれた

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

>>617
いいなぁ

**デフォルトの名無しさん** · 2021/12/10(金) 20:05:50.94

Microsoft Ninja 地球一周の旅。

**デフォルトの名無しさん** · 2021/12/11(土) 03:20:52.03

【悲報】ホロライブ6期生のｽｰﾊﾟｰｴｰｽVtuber沙花叉クロヱさん、初収益化配信1時間で1000万稼いでしまうｗ
https://krsw.5ch.net/test/read.cgi/ghard/1639158137/

**デフォルトの名無しさん** · 2021/12/11(土) 16:48:03.94

reactサイトのcms として久しぶりにWordPress使う事になったんだけどこれ全然進歩してないのね

**デフォルトの名無しさん** · 2021/12/11(土) 17:32:29.19

WordPressのエディタにReact使ってるから進化してる

**デフォルトの名無しさん** · 2021/12/12(日) 17:09:54.13

それは進化と言えるんだろうか

**デフォルトの名無しさん** · 2021/12/12(日) 17:12:38.53

GutentagってReactなんだっけ？

**デフォルトの名無しさん** · 2021/12/12(日) 17:13:09.17

WordPressとか素人かよｗ

**デフォルトの名無しさん** · 2021/12/12(日) 18:10:19.29

WordPressをheadles cmsで使うってのは良くある
運用側がWordPressに慣れてるってのが理由
けど開発から見たたら今時PHPかよっていう心理的負担が大きい
WordPress REST APIもウンコ

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

無料だから対費用効果を考えたらwordpressでいいじゃんってこと

**デフォルトの名無しさん** · 2021/12/13(月) 01:20:17.05

昔は流行ったが今WYSIWYGエディタなんて使わんだろ
全く追ってないから分からんがスマホ対応すら罠がありそうで怖いぞWordpress

**デフォルトの名無しさん** · 2021/12/13(月) 11:23:17.67

YouTube で有名な、雑食系エンジニア・KENTA のサロンでは、
Ruby on Rails のポートフォリオで転職する

キャリアパスも、Rails → Go のみ

PHP は、一生やらなくて良いと言ってる

たぶん転職できても低給料で、文句ばかり言われるから、
Java とか、そういう低給料を目指す人は、サロンへ入れないのだろう

サロンで給料の文句ばかり言われると、
サロンの評判が悪くなり、廃れていくから

そういうサロンを運営したくない。
だから、モダンな会社で、ちゃんと給料がもらえる、Rails, Go のみに絞っている

**デフォルトの名無しさん** · 2021/12/13(月) 12:53:09.65

railsってモダンに入るのか？
今となっちゃphp/laravelの下位互換だと思った
そもそもマトモなエンジニアは日本限定のクソサロンとか作らずに英語圏向けに発信するし、OSSなりカリフォルニアなり目指すんじゃないのかな

**629** · 2021/12/13(月) 13:40:18.11

KENTA がいつも言ってる

Rails を使っている会社は、社風・開発環境がモダンだからって。
最も最先端

例えば、伊藤淳一がCTO のソニックガーデンは、全社員がリモートとか

逆に、Java は絶対にモダンじゃないw

**デフォルトの名無しさん** · 2021/12/13(月) 14:22:05.58

Railsはオワコンなのにモダンってなんだよ
Ruby自体がもはや見向きもされていないし

**デフォルトの名無しさん** · 2021/12/13(月) 14:28:54.97

goも落ち目だしな

**デフォルトの名無しさん** · 2021/12/13(月) 21:57:06.34

ナウなヤングはVueだよな

**デフォルトの名無しさん** · 2021/12/13(月) 21:59:33.03

結局jQueryがナンバーワンやって気づいたわ

**デフォルトの名無しさん** · 2021/12/14(火) 17:01:22.60

Goはインフラ界隈で広まり始めたけど雲行きは怪しいな

**デフォルトの名無しさん** · 2021/12/14(火) 21:11:11.27

WordpressとReactの組合せってイマイチターゲ層が分からんな

**デフォルトの名無しさん** · 2021/12/14(火) 21:13:15.89

KENTA好きなヤツってイケハヤとか好きそう

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

Reactヘビーユーザーが思うSvelteの良いところ
https://qiita.com/tonio0720/items/88e62e6beffa9adc1a7f

Reactを使う上で特に不満があったわけでもないですが、Svelteに乗り換えてみると無駄が多かったことに気付かされました。

**デフォルトの名無しさん** · 2021/12/17(金) 08:52:43.61

いうほどヘビーユーザーじゃなかったんだろ

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

ライブラリない時点で選択肢から外れるわ

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

そもそもReactからSvelteに乗り換えられるような規模感って、それ技術選定の段階でミスってるんよ・・・

てか、Recoilのおかげで固有コンポーネントの凝集度が高くなるから
変更時の影響範囲が狭くてかなり楽になったわ

**デフォルトの名無しさん** · 2021/12/17(金) 22:56:25.29

Reactが使える範囲はすごく小さいって話だな
jQueryが今も王者である理由

さて現在は・・・jQueryのシェアは4ヶ月連続で0.1%増加し続けて
78.5%にまで到達、なお一年前は77.1%でした。

これが現実やで

**デフォルトの名無しさん** · 2021/12/17(金) 23:30:40.25

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

**デフォルトの名無しさん** · 2021/12/18(土) 01:23:35.57

wordpressインストールするだけでjqueryシェア増えるからな
詐欺サイトが自動量産されてるからシェアが増えると詐欺も増えるだけ
つまりjqueryは詐欺のためにシェアを拡大している
これを自慢するアホは詐欺以下の存在

**デフォルトの名無しさん** · 2021/12/18(土) 01:55:08.72

頭悪そう

**デフォルトの名無しさん** · 2021/12/18(土) 09:42:47.02

で、結局vueとreactどっちがいいの？

**デフォルトの名無しさん** · 2021/12/18(土) 10:08:57.24

同じ東アジア人が作ったVueに決まってるだろ。
東洋の神秘が感じられるし。

**デフォルトの名無しさん** · 2021/12/18(土) 10:54:11.46

>>647
「最近は○○をよく書いてます」
この○○に入れたい方

**デフォルトの名無しさん** · 2021/12/18(土) 12:21:27.75

>>645
React使って何かを作るよりもWordPressを使う方を選ぶってことやろｗ

**デフォルトの名無しさん** · 2021/12/18(土) 13:28:19.45

こんにちは、初心者デス！
家のWindowsにReact nativeをセットアップしましたが
エミュレータがフリーズします（うまく行けば10分以上かかってやっと表示されます）。

プロセッサーが悪いのですか？
AMD A4-9125 RADEONR3,4 COMPUTE CORES
2C+2G 2.30GHz

皆さんはもっと良いものを使って作ってますか？

**デフォルトの名無しさん** · 2021/12/18(土) 13:30:21.84

>>651
そんなレベルのやつがReactを使うな
jQueryを使うべき
基礎から始めろ

**デフォルトの名無しさん** · 2021/12/18(土) 13:32:44.47

>>652
後でやります！めっちゃ急ぎで性能的に大丈夫かどうか知りたいです。
大丈夫でないなら今から買いにいかなきゃならないので。

**デフォルトの名無しさん** · 2021/12/18(土) 13:35:02.83

>>653
急いているふりをするな
自分が無能であることを知ることから始めろ
そして自分で調べろ
それが今すぐにやるべきことだ

**デフォルトの名無しさん** · 2021/12/18(土) 13:35:57.79

デキない人ほど｢忙しいフリ｣に走る真の理由
https://toyokeizai.net/articles/-/131261

**デフォルトの名無しさん** · 2021/12/18(土) 13:36:28.81

なぜ暇な人ほど「忙しいふり」をするのか
https://diamond.jp/articles/-/49822

**デフォルトの名無しさん** · 2021/12/18(土) 13:37:26.94

>>651への回答まだまだ募集中

**デフォルトの名無しさん** · 2021/12/18(土) 13:38:18.89

>>651の再掲

家のWindowsにReact nativeをセットアップしましたが
エミュレータがフリーズします（うまく行けば10分以上かかってやっと表示されます）。

プロセッサーが悪いのですか？
AMD A4-9125 RADEONR3,4 COMPUTE CORES
2C+2G 2.30GHz

皆さんはもっと良いものを使って作ってますか？

**デフォルトの名無しさん** · 2021/12/18(土) 13:38:37.54

性能が悪いんで100万ぐらい用意して
新しいパソコン買え

他の人は20万とか10万とか5万とか3万とか
騙してくるだろうな

**デフォルトの名無しさん** · 2021/12/18(土) 13:39:35.70

すでに答えました。

他の人もどうぞ

それっぽい回答をよろしくおねがいします（笑）

**デフォルトの名無しさん** · 2021/12/18(土) 13:40:01.27

>>652
React NativeとjQueryを比較するとか正気か！？使えるフィールドが全然ちゃうやん

>>651
CPU性能もさることながら、メモリ足らんのちゃうか。まずタスクマネージャー見ろ。
つか、スレチ

**デフォルトの名無しさん** · 2021/12/18(土) 13:40:48.62

ほら、メモリを買ってこいってさ！

**デフォルトの名無しさん** · 2021/12/18(土) 13:41:50.21

jQueryとか言ってるやつが言うことは全部ウソだから

**デフォルトの名無しさん** · 2021/12/18(土) 13:42:06.86

あｗ ID変わってなかったｗｗｗ

**デフォルトの名無しさん** · 2021/12/18(土) 13:42:24.58

>>661
ありがとうございマス！メモリも足りません！
数年前のものです。
新品の高性能のやつ買ってきます。ではではスレチ失礼しました！

**デフォルトの名無しさん** · 2021/12/18(土) 13:42:44.22

>>651
うーん、やっぱりGPUの性能が足りんのではないですかな？

**デフォルトの名無しさん** · 2021/12/18(土) 13:42:59.90

>>651
HDDの容量が問題だね

**デフォルトの名無しさん** · 2021/12/18(土) 13:43:24.50

あれ？なんでIDもとに戻ったんだ？

**デフォルトの名無しさん** · 2021/12/18(土) 13:44:01.43

>>661はうまいこと初心者を騙せたなｗ

**デフォルトの名無しさん** · 2021/12/18(土) 16:46:41.92

Headless CMSとしてWordPressを使う案件って結構あるけどそれ以外使ってる人って何使ってる？

**デフォルトの名無しさん** · 2021/12/18(土) 19:28:08.88

ヘビーユーザーって言うか単にjQueryで作ってもいいような感じのモノを無理やりReact使って作ってたんだろうなとしかね…

**デフォルトの名無しさん** · 2021/12/18(土) 19:29:48.10

>>651
A4-9125ってCeleron相当やんそら重いやろ

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

未だにFCやVFCで型付けしてんの多いのが良く分からん
ジェネリクス使えないし、余計な非推奨の含まれたpropsが渡ることになるし
そもそも公式のCRAやDocusaurusとかを見たら使ってないし

**デフォルトの名無しさん** · 2021/12/20(月) 18:55:42.49

https://kentutorialbook.github.io/functionalprogramming2022/
| 5.2. オブジェクト指向時代の終焉
|
| JavaScriptはES2015(ES6)時代になり、オブジェクト指向そのもののClass（クラス）が新たに導入されました。
| これに伴い、Reactでも、フレームワークの根幹となるコンポーネントをClassで表現するように標準化されました。
|
| 筆者などは「いくらJavaScriptが根強いオブジェクト指向ファンの要請から、後方互換性のようなクラスが導入されたからといって、
| Reactのようなメジャーな外部ライブラリまでそれに習うのは困ったことになった、時代の逆行だ」と、まったく歓迎していませんでした。
|
| 案の定、オブジェクト指向のクラスを標準コンポーネントとして利用するというReactのアプローチは失敗し、
| 実質クラス実装のコンポーネントは破棄し、関数型に近いHooksという仕組みが導入されることになりました。

**デフォルトの名無しさん** · 2021/12/20(月) 19:52:11.98

そんな経緯じゃなくね？
それはともかく、JSにおいてclassの存在意義が大きく無いのには同意。

**デフォルトの名無しさん** · 2021/12/20(月) 20:40:56.41

スクリプト言語だし、必要に応じて呼び出されるだけのサブシステムだからClassは馴染まないよね。
クラスって入口から出口まで完全にその言語で実現される比較的大きめのプログラムには有効だよ

**デフォルトの名無しさん** · 2021/12/20(月) 20:53:50.18

そういう意味じゃないです……

**デフォルトの名無しさん** · 2021/12/20(月) 20:56:19.56

Reactのソースみたことないけど関数なのに値はどうやって保持してるんだろ？
中身はクロージャーなのかな？

**デフォルトの名無しさん** · 2021/12/20(月) 21:00:33.61

クロージャーは苦労するのじゃー

**デフォルトの名無しさん** · 2021/12/20(月) 21:06:19.80

>>676
全く違います
JavaScriptはクラスインスタンスベースのオブジェクト指向ではなく
プロトタイプベースのオブジェクト指向なので
かなり後になって最近ようやく後付けでクラスが導入されたという経緯があります

**デフォルトの名無しさん** · 2021/12/20(月) 22:21:48.32

擬似クラスでも恩恵には預かれる
ダメなのは理解なく使った場合の弊害

要するにアホガードを搭載したのがhooks apps

**デフォルトの名無しさん** · 2021/12/21(火) 13:47:56.18

そもそも現行のAngularはクラスベースでうまく機能してるし（以前はゴタゴタしてたけど）
結局は使い方次第

つーか、言語はかくあるべし、みたいなしょーもないこだわりは個人開発だけにして欲しいわ
チームに持ち込まれると鬱陶しくてかなわん

**デフォルトの名無しさん** · 2021/12/21(火) 17:35:27.28

郷に入っては郷に従え、という言葉の通り、長い目で見ればモダンJS,TSという郷に従ったほうが利がある。
モダンJS,TS使いは、classがわからんからclassを使わんわけではなく、classを知ってるから必要な時しかclassを使わんのだ。

**デフォルトの名無しさん** · 2021/12/22(水) 17:58:28.52

新しいことを覚えたくないから、覚えなくて良い逃げ道を探しがち
はてブのコメ欄とか見てるとつくづくそう思う

**デフォルトの名無しさん** · 2021/12/22(水) 18:12:37.58

もうそろそろ新しいのも出なくなってReactと状態管理とNextさえマスターすればくないか？

**デフォルトの名無しさん** · 2021/12/22(水) 18:53:04.72

Nuxt 3 を今すぐオススメしたい 15 のポイント
https://zenn.dev/ytr0903/articles/d0a91f6180d34e

**デフォルトの名無しさん** · 2021/12/23(木) 08:17:00.90

これ本当？
学習コスト高そうでReactとか敬遠してたんだけど手軽に学習出来るならSvelte.jsっての触ってみようかな

Svelte.jsは、React.jsなどのライブラリと比べて複雑ではないため、フロントエンド開発初心者でも学習ハードルは高くありません。
また、手軽に開発することができるため、小規模アプリを個人開発したい人におすすめです。https://udemy.benesse.co.jp/development/app/svelte-js.html

**デフォルトの名無しさん** · 2021/12/23(木) 08:31:12.60

Svelteいい感じじゃん

**デフォルトの名無しさん** · 2021/12/25(土) 02:58:56.45

>>61
技術力ないところはvue/nuxt っていうのはめっちゃ合ってるわ

**デフォルトの名無しさん** · 2021/12/25(土) 04:13:10.33

>>689
日本語が読めない人かね？
誤読して全く異なる意味になっているぞ

**デフォルトの名無しさん** · 2021/12/25(土) 07:26:27.71

ReactもWeb技術やJSの基礎さえ出来てれば別に難しくはない。元々Web開発やってない人には多分難しい。

**デフォルトの名無しさん** · 2021/12/25(土) 08:27:49.63

jQueryを使っていれば
JSやWebの基礎ができてる
基礎ができてる人は多い

**デフォルトの名無しさん** · 2021/12/25(土) 08:42:32.66

jQueryはルールが独特なのでjQueryが生み出すのはjQueryだけ使える人です……。そういう可哀想な人をたくさん見てきました。

**デフォルトの名無しさん** · 2021/12/25(土) 08:54:55.42

jQueryはDOM APIを簡略化してかけるようにしただけですよｗ
そもそもjQueryはJavaScriptで作られています。
基礎ができてないから、そんなこともわからない。

**デフォルトの名無しさん** · 2021/12/25(土) 11:55:14.13

>>59
jquery UIとか今でも欲しがってるゴミクソがいたとは驚きだわ

**デフォルトの名無しさん** · 2021/12/25(土) 12:00:25.96

jQueryのイテレータとか特殊じゃん。jQueryおじさんが一番jQueryわかってない疑惑

**デフォルトの名無しさん** · 2021/12/25(土) 16:51:25.10

>>687
Reactは最適化しようとすると大変なだけ
Recoilやv18で来るConcurrentModeとかが
実現したいことに当てハマる場合はおススメ
ただ無理に使うものではないし、ほんとそこに書いてある通り規模感次第

**デフォルトの名無しさん** · 2021/12/25(土) 18:00:46.01

>>696
それはお前が関数型言語の考え方や高階関数を理解してないから
jQueryのイテレーターはJavaScriptのmapなんかにそっくりだ

links = [{name: "A", href: "a"}, {name: "B", href: "b"}, {name: "C", href: "c"}];
const hrefs1 = links.map(ary => ary.href);
console.log(hrefs1);

const hrefs2 = $("a").map((index, element) => element.href).get();
console.log(hrefs2);

お前がjQueryをわかってない

**デフォルトの名無しさん** · 2021/12/25(土) 18:08:55.71

変な例だなArray.from()ご存知ない？

**デフォルトの名無しさん** · 2021/12/25(土) 18:27:01.06

jQueryは
mapとeachで引数順違ったり
DOMがthisにバインドされたり
明らかに設計ミスってるからね
もし今同等の機能のライブラリ作るならこんな作りにしないでしょ

**デフォルトの名無しさん** · 2021/12/25(土) 18:45:07.84

jQueryスレでどうぞ

**デフォルトの名無しさん** · 2021/12/25(土) 19:46:07.62

>>700
> DOMがthisにバインドされたり
それはDOM APIの仕様に準拠した動作

やっぱり基礎を知らないんだな（苦笑）

**デフォルトの名無しさん** · 2021/12/25(土) 21:01:04.87

イテレータの話してるんだからmap引数の関数のthisが配列内の要素（上のコードのケースではa要素）を指すのがおかしいって話してるんでしょ。
わかんない？

**デフォルトの名無しさん** · 2021/12/25(土) 21:16:47.01

イテレータの話だったらthisのことになるの？

そもそもthisなんて曖昧なもの使わなければ済む

**デフォルトの名無しさん** · 2021/12/26(日) 01:03:44.91

>>703
ツッコミどころ満載で、恥ずかしすぎるレベルだなｗ
やっぱりJavaScriptの基礎を知らねーのはお前じゃねーか

> thisが配列内の要素（上のコードのケースではa要素）を指すのがおか
上のコード（>>968）のケースではコールバック関数ではなく
アロー関数なのでthisがa要素になることはない

> イテレータの話してるんだから
jQueryは基本的にDOM APIの拡張なんだから
イテレータの話ではなく、まずはDOMが大前提だ
jQueryではDOM APIとの互換性のためにthisが要素になっている

jQueryはJavaScriptにmapがない時代に作られたもの
そのためJ汎用ユーティリティとしてDOMとは無関係の汎用のイテレータも用意されてる
汎用ユーティリティの方のmapはthisにならない

https://js.studio-kingdom.com/jquery/utilities/map
> 各値を変換する関数を指定します。この関数内でのthisはwindowを参照します。

**デフォルトの名無しさん** · 2021/12/26(日) 01:07:41.90

上のコード（>>698）のケースではコールバック関数ではなく

**デフォルトの名無しさん** · 2021/12/26(日) 06:57:28.45

>>705
イベント用関数のthisがDOMをbindするのは別に普通だよ。
>>700 の言い方からしてイベントの話じゃないし、（thisが出てくるんだから）アロー関数の話でもないのは明らかじゃん。

> jQueryはJavaScriptにmapがない時代に作られたもの
だから古くて独自なんだよね。あとはjQueryスレでやろうか。

**デフォルトの名無しさん** · 2021/12/26(日) 10:59:24.81

jQuery は、this を使えるようにしたのが功績

JavaScript では、thisが狂う。
thisがwindow を指してしまうので、あらかじめthisを、that に代入したりして使っていた

**デフォルトの名無しさん** · 2021/12/26(日) 12:20:29.29

jqueryがなかったらReactもvueもなかった
jqueryがjavascriptを変えた
感謝しろ

**デフォルトの名無しさん** · 2021/12/26(日) 12:49:50.72

thisがwindowとかstrictモードすら知らんのかしら

**デフォルトの名無しさん** · 2021/12/26(日) 13:10:16.83

　環境構築、vuecli(vue3)で、tailwind css3を使いたい。

npmでtailwindcssインストールするとエラー出るpostcss8周りでエラーが発生

tailwindcss2(postcss7)のパッケージは入るやり方は調べたが‥
vuecli+tailwind css3を使えるやり方求む。

tailwindcss2が入るやり方だとこんな感じでした。
npm install tailwindcss@npm:@tailwindcss/postcss7-compat @tailwindcss/postcss7-compat postcss@^7 autoprefixer@^9

代替案としては、vuecliで作ったプロジェクトフォルダー内でtailwindcssをインストールせずに、
別フォルダーに　npm install -D tailwindcssで構築して、
tailwind.config.jsでvuecliで作ったプロジェクトフォルダーを指定して
npx tailwindcss -i input.css -o output.css　とかで環境構築するしかないかなぁ