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などはおｋ。

**デフォルトの名無しさん** · 2022/01/15(土) 12:50:45.75

>>931
要らんと思う
フロントはあくまでAPIクライアント

**デフォルトの名無しさん** · 2022/01/15(土) 13:49:47.30

フロントしか開発したことない人が使うには良いんだろうね
バックエンドも触ってる人からみれば分離した方が開発も運用も楽っての当たり前に理解しているし

**デフォルトの名無しさん** · 2022/01/15(土) 13:53:38.96

jQuery時代の人なら普通にバックエンドも
プログラミングしてたんだけどね

派手なものを簡単に作れるから
基礎技術ができてない人が多い

**デフォルトの名無しさん** · 2022/01/15(土) 14:07:50.12

別にReactとかじゃなくてもフロント改変なんていくらでもできる
なんならパケット直いじりツール使えばどんなシステムでも変更できるし

**デフォルトの名無しさん** · 2022/01/15(土) 16:41:02.38

ちょこちょこNext.jsやFirebaseやった事ないのかズレた事言ってる奴が居るな……

**デフォルトの名無しさん** · 2022/01/15(土) 16:49:44.37

>>931自体がNextを要らないと言っているのかSPAを要らないと言っているのかポイントが絞れてないからじゃね？

**デフォルトの名無しさん** · 2022/01/15(土) 18:21:05.07

ついにnext.jsを使うプロジェクトを開始したぞ
ちな俺はサーバーサイドもフロントもガッツリやったことがある
その俺が評価してやんよ
ミスったら俺の首が飛ぶ

**デフォルトの名無しさん** · 2022/01/15(土) 19:22:11.97

利用者の体感利便性を考えたら
まずはページ再送出をしないCSR/SPA化が今では必須でしょう
更に最初のアクセスページのためにCSRだけではダメで最低限SSR併用か可能ならSSGが必要

バックエンド開発者もこの変化についてこれない人は
CSRのためのAPI対応しか出来なかったり
もっと古い人はCSR未対応の古きSSRオンリーしか出来なかったりで
なぜ「CSRとほぼ同じコードをSSR/SSGする必要があるのか」さえも理解できていないようです

**デフォルトの名無しさん** · 2022/01/15(土) 19:54:39.76

SPAで利便性がよくなるか？という問題は場合によるとしか言えんからなー
シンプルなMPAのほうが使いやすいと感じるケースは未だに多い
SPAが必須と考えるのは開発側の独りよがりだよ

**デフォルトの名無しさん** · 2022/01/15(土) 20:06:15.24

まあでもSPAのほうが余分なもの読み込まないぶん若干ページ遷移早いよな
そこだけは褒めてやるべきだとおもうわ
まあ作り手の面倒は増えてるし回線速度が速い現在に本当に必要なのかは疑問だけど

**デフォルトの名無しさん** · 2022/01/15(土) 20:11:01.62

>>942
SPAは毎回ページまるごと送出しなおしのMPAよりも以下の利点がある
・サーバーの負荷減少
・トラフィックの減少
・ブラウザ側での表示書き換え減少
・ユーザーの待ち時間減少 (体感の向上)
つまり全てにおいてエコで優れている
もちろんSPAに加えて前述のように最初のページアクセス待ち時間減少のためにSSR/SSG併用
デメリットは「技術の低い人たちは提供できない」

**デフォルトの名無しさん** · 2022/01/15(土) 20:17:20.94

ユーザー目線で言うと非SPAはリロード時、遷移時に画面がしっかりリセットされる安心感があるんだよな
なんか動きが変な気がしたらとりあえずリロード、戻る、適当にハイパーリンククリック
それでまあまあ具合がよくなると経験的にわかってる
これは非常に重要なんじゃないかな

たぶん何も知らんユーザーからするとSPAは巨大でミュータブルなオブジェクトに見えてるんじゃないかとおれは考えてる
逆に非SPAはほとんどイミュータブルな関数に見えてる
もちろんプログラミングの素人であるユーザーがイミュータブルとミュータブルの違いを認識してるはずは無いんだが
ぼんやりと感覚的にその違いを使い勝手という形で体感してるんじゃないかな

**デフォルトの名無しさん** · 2022/01/15(土) 20:17:38.17

>シンプルなMPAのほうが使いやすいと感じるケースは未だに多い

MPAの方がシンプルってそれこそ開発側の視点じゃね？
ユーザーから見てシンプルだというなら仕様が違うものを作っていることになるわけで、そもそも比較にならない。

**デフォルトの名無しさん** · 2022/01/15(土) 20:17:52.19

場合によってはSPAのほうが想定すること少なくて楽。
それはそれとしてSPAが適するかどうかは用途次第。なんだけど、最近MPAはSSGとSPAのハイブリッドばかりでSSR作って無いなぁ

**デフォルトの名無しさん** · 2022/01/15(土) 20:20:47.89

>>945
一般ユーザーはそこまで考えてないと思うし、そう思わせるならUIが悪いと思うな。個人的な意見だけども

**デフォルトの名無しさん** · 2022/01/15(土) 20:26:33.13

>>944
・サーバーの負荷減少はユーザーでなく運用側のメリットで今はユーザー視点のメリットについて議論しているのでは？
・トラフィックも同様
・表示書き換えは、、、SPAのほうが増えてないか？
・ユーザーの待ち時間は減る傾向が見られるね
・技術力が低い人に提供できないのはユーザーにとってはデメリットだね
つまりそれだけ利便性の高いサイトが少ないということだから

こうして一個一個深堀していくとやっぱりユーザー目線ではデメリットのほうが大きい気がするなー
ウェブIDE、オフィス文書編集、BPMエディタ、、、この手の従来デスクトップでしかできなかった超複雑なツールをブラウザで提供出来るようになったのは凄い発明だけど
何でもかんでもSPAってのは典型的なミステイクだね
未だに世の中のほとんどのサイトは従来の非SPAがマッチしてるよ

**デフォルトの名無しさん** · 2022/01/15(土) 20:27:14.48

>>946
ユーザー目線でも開発者目線でもどっちもシンプルということだね

**デフォルトの名無しさん** · 2022/01/15(土) 20:29:04.59

>>948
ユーザーは考えてないよ
感じてる

**デフォルトの名無しさん** · 2022/01/15(土) 20:31:15.89

>>945
それはそのサイトのバグです
>>949
普通に正しくSPAが作られていれば
ユーザーにとって見た目やUI自体は同じです
その上で反応速度の向上による体感の良さをユーザーは得られます

一方でSPAはサイト提供側にもメリットが大きく
サーバーの負荷減少と送出トラフィック減少により支出コスト(費用)を減らせます

**デフォルトの名無しさん** · 2022/01/15(土) 20:37:03.33

>>950
そうじゃなくて、同じ機能、同じ画面仕様のものをMPAとSPAで作ったのに
ユーザーから見て一方がシンプルに見えるのはどのへんが違うのかという話。

**デフォルトの名無しさん** · 2022/01/15(土) 21:02:44.04

バックエンドがどれだけ地獄になろうが知ったこっちゃない
って話なら確かにフロントエンドは何の機能も持たせず極限にシンプルに出来るね

**デフォルトの名無しさん** · 2022/01/15(土) 21:06:50.84

>>954
やっぱりフロントエンドしかできないやつはこの程度ｗ

**デフォルトの名無しさん** · 2022/01/15(土) 21:11:23.62

>>954
それやるとjsonを装飾するだけのフロントになるねw

>>955
jQueryおじさんはフロントもバックエンドもわかってないじゃん。どんな技術使ってるか尋ねられてGCPとか答えてたしw

**デフォルトの名無しさん** · 2022/01/15(土) 21:13:13.42

現代の多くのユーザーとこれからのほとんどのユーザーはネイティブアプリ触りまくってるから、ネイティブアプリっぽい動きできるspaの方がユーザー体験いいやろな

**デフォルトの名無しさん** · 2022/01/15(土) 21:18:38.65

>>956
使ってる技術なんだからGCPは間違いない
普通はデータベースなんかも使うだろう
まさかお前フロントJavaScriptしかやったことないのか？

**デフォルトの名無しさん** · 2022/01/15(土) 21:19:49.63

>>957
はっはっは、思考停止

現代の多くのユーザーが触りまくってるというのなら
ウェブサイトを触りまくってる

Amazonがゲームみたいなインターフェースだったら
使いづらくてしょうがない

**デフォルトの名無しさん** · 2022/01/15(土) 21:25:29.78

>>958
尻尾出すの早いよw
Linuxバリバリ使えるしそれこそクラウドも使えるよ。ちょっと年季入ったフロント屋ならバックエンド書けるのなんて普通じゃん。
さて、どんなDB使ってるのかな？

**デフォルトの名無しさん** · 2022/01/15(土) 21:30:54.53

>>959
ゲームみたいなインターフェースの是非は話してへんでおっちゃん
あとAmazonのネイティブアプリはおっちゃんが作れるウェブサイトみたいにベージ遷移の度にベージ全体読み込まへんで
一回Amazonのアプリをスマホにインストールして確かめてみたらええで笑
おっちゃんはスマホアプリでゲームしかしてへんのは分かったわ笑笑

**デフォルトの名無しさん** · 2022/01/15(土) 21:31:05.16

まあバックエンド＝LAMPの時代が長すぎたよね

**デフォルトの名無しさん** · 2022/01/15(土) 21:47:21.05

>>962
百花繚乱な今から考えるとスゲー長かったなぁ……

**デフォルトの名無しさん** · 2022/01/15(土) 22:17:52.65

おめえらゴミクソでまったくSPAの利点を理解してなくて萎えた

**デフォルトの名無しさん** · 2022/01/15(土) 22:25:28.96

>>964
お、解説してくれるのか。頼むぜ！

**デフォルトの名無しさん** · 2022/01/15(土) 22:28:49.96

マジでSPAアプリ開発したことあんのか？

**デフォルトの名無しさん** · 2022/01/16(日) 00:08:27.05

Ruby on Rails 5 からは、デフォルトでTurbolinks を使って、SPA, Pjax。
他にも、API モードもある

Turbolinksは、リンクのクリックイベントやWebブラウザのナビゲーションイベント（進む/戻る）を監視し、
通常の遷移イベントをキャンセルします

代わりに非同期通信（XMLHttpRequest/Ajax）で遷移先のページを取得し、
現在のページのheadとマージし、bodyを差し替えることで、ページ遷移したように見せかけます

**967** · 2022/01/16(日) 00:14:31.10

SPA の利点は、JavaScript のパース時間が無くなる事だろ

**デフォルトの名無しさん** · 2022/01/16(日) 00:41:09.81

>>960
人に聞く前に自分で答えろよ
お前ひろゆきか？相手に喋らせて
ボロをだろうとするやり方だってバレバレなんだよ
で、お前は何使ってんの？

**デフォルトの名無しさん** · 2022/01/16(日) 00:43:10.18

>>968

SPAはJavaScriptが複雑で巨大になるんです。
だからJavaScriptのパース時間を少なくしないといけないんです。

こんな感じだよなｗ

**デフォルトの名無しさん** · 2022/01/16(日) 07:14:17.48

>>969
さんざ人の揚げ足取っといて（取れてなかったけど）自分が取られるとそんな事言い出すのか、惨めだな～

**デフォルトの名無しさん** · 2022/01/16(日) 08:43:03.79

MPAでもSPAでも速い配信は（技術があれば）やり方次第で可能だし、見せ方次第で違いなんてわからなくなる。要はコンテンツや技術に合わせてスマートな設計をする事が肝要じゃないかな。ハイブリッドでも良い。
仮にECサイト作れと言われて、規模等にもよって設計は変わるだろうし、ここの住民でもみんなそれぞれ違う設計するでしょ。

**デフォルトの名無しさん** · 2022/01/16(日) 09:25:44.34

>>972
いや、だからお前がSPAを根本的に理解してないからそんなゴミクソみたいな判断しかできないんだよ

**デフォルトの名無しさん** · 2022/01/16(日) 10:36:32.19

>>973
急にどうした？
別にSPA否定してないし、反論あるなら具体的にね？

**デフォルトの名無しさん** · 2022/01/16(日) 12:21:40.14

SPAってもうクライアントアプリじゃん
普通のWEBアプリしか理解してなさそう

**デフォルトの名無しさん** · 2022/01/16(日) 13:22:59.10

まあSPAってぶっちゃけ使えるのホームページレベルぐらいで
大規模なのになってくると画面数が多すぎてMPAになるからねー

**デフォルトの名無しさん** · 2022/01/16(日) 13:39:04.81

>>976
ホームページしか作れない無知のゴミクソは黙ってろ

**デフォルトの名無しさん** · 2022/01/16(日) 14:24:15.17

安い喧嘩売るだけじゃなくてさぁ、もうちょっと内容で語りなよ

**デフォルトの名無しさん** · 2022/01/16(日) 14:24:58.15

>>976
SPAはアプリですよ
代表例としては Google mail とか

自分も数年前から普通にキオスク端末を
PWA(SPA)で設計してリリースしてますし
今もみなさんも店頭で使うことできます

**デフォルトの名無しさん** · 2022/01/16(日) 14:30:30.35

>>976
OSがWindows7でブラウザはIE使ってそうなおじさんだね

**デフォルトの名無しさん** · 2022/01/16(日) 14:46:06.92

TwitterもSPAなんだよね。知らないとそうは見えないだけで

**デフォルトの名無しさん** · 2022/01/16(日) 15:10:18.25

>>971
なんで、人に何使ってんのって聞いておいて
自分が同じ質問をされると答えられないの？

おかしいよね

**デフォルトの名無しさん** · 2022/01/16(日) 15:41:48.06

>>982
仕方のない人だな……DBで良いんだよね？
場合によるけどFirestoreやPostgreSQL使う事が多いよ、Postgre使うのはjsonbがあるからだけど。
さて、君は何使ってるのかな？

**デフォルトの名無しさん** · 2022/01/16(日) 15:45:55.51

MPAて未だに鯖でHTML生成してんの？
React開発経験した後だと非効率過ぎて嫌にならん？

**デフォルトの名無しさん** · 2022/01/16(日) 15:46:10.68

>>983
PostgreSQLとかMySQLとか使うけど
で、何のためにそんな質問したの？

**デフォルトの名無しさん** · 2022/01/16(日) 15:48:09.02

>>984
なんでHTMLを生成する場所が
サーバーからクライアントに移動しただけで
効率が変わると思ってんだ？

**デフォルトの名無しさん** · 2022/01/16(日) 15:49:34.70

>>985
GCPで？

**デフォルトの名無しさん** · 2022/01/16(日) 15:50:34.45

>>987
GCPだとCloud SQLっていいますね。
それで？
何のために聞いたのさｗ

**デフォルトの名無しさん** · 2022/01/16(日) 15:51:23.50

な？結局こういうことなんだよ
揚げ足を取るために質問してるから
答えても何も言い返せない

**デフォルトの名無しさん** · 2022/01/16(日) 15:54:11.16

jQueryを使ってる人は、フロントエンドだけで全てが作れるなんて
思ってないからサーバーも含めて幅広い知識を有している

**デフォルトの名無しさん** · 2022/01/16(日) 15:54:48.12

>>988
最初からそう言えば良いのにGCPとか漠然とした事言うから確認しただけじゃん

**デフォルトの名無しさん** · 2022/01/16(日) 15:55:37.56

>>991
で、その質問に答えると黙るのはなぜってこと
揚げ足を取るのに失敗したねぇｗｗｗ

**デフォルトの名無しさん** · 2022/01/16(日) 15:56:23.97

答えが漠然なのはそもそも質問が漠然だから
React以外に何を使ってるかなんて聞かれたら
そりゃそれ以外のいろんな事を言うに決まってる

**デフォルトの名無しさん** · 2022/01/16(日) 15:59:30.95

>>992
じゃあもっと聞こうか？
CloudSQLと何組み合わせてるの？

**デフォルトの名無しさん** · 2022/01/16(日) 16:02:01.62

>>994
俺は質問に答えたんだから、次はお前。
何のために質問したのか答えろ。

もっと言えばお前がFirestoreやPostgreSQL使ってるんだろ
それと何を組み合わせてるの？
そしてそんなことを聞いてどうするの？

お前が質問に答えた上で
俺の質問に答えろや

話はそれから

**デフォルトの名無しさん** · 2022/01/16(日) 16:02:48.89

ほんともう揚げ足取ろうとするのがバレバレなんだよ
まじ劣化版ひろゆき屋でｗｗｗ

**デフォルトの名無しさん** · 2022/01/16(日) 16:03:45.77

Vue vs React vs Angular vs Svelte Part.9
https://mevius.5ch.net/test/read.cgi/tech/1642316327/

**デフォルトの名無しさん** · 2022/01/16(日) 16:04:01.50

次スレー

**デフォルトの名無しさん** · 2022/01/16(日) 16:04:11.43

>>986
やっぱお前ガチで何もわかってねえじゃん
その間違った知識しかないからSPA使えないんだよ
レベル下がるからあっちいけ

**デフォルトの名無しさん** · 2022/01/16(日) 16:04:17.37

次スーレ

**1001** · Over 1000

このスレッドは１０００を超えました。
新しいスレッドを立ててください。
life time: 238日 2時間 21分 45秒