Vue vs React vs Svelte Part.6

**デフォルトの名無しさん** · 2020/10/27(火) 13:09:05.31

実際どうなん？
※Angularは残念ながら全く話題にならなかったのでSvelteに差し替えました
Vue
https://jp.vuejs.org/
React
https://reactjs.org/
Svelte
https://svelte.dev/
※前スレ
Vue vs React vs Angular Part.5
https://mevius.5ch.net/test/read.cgi/tech/1596029929/

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

**デフォルトの名無しさん** · 2020/10/29(木) 23:08:35.79

>>43

★jQuery, Ruby, C#, Blazorｷﾁｶﾞｲが書き込んでも無視してください

**デフォルトの名無しさん** · 2020/10/29(木) 23:08:58.57

>>44

★jQuery, Ruby, C#, Blazorｷﾁｶﾞｲが書き込んでも無視してください

**デフォルトの名無しさん** · 2020/10/30(金) 21:30:34.87

シングルページってアイデア、結局要らなかったな
URL変わったらloadし直してくれたほうがシンプルで良い

**デフォルトの名無しさん** · 2020/10/30(金) 21:41:48.97

アホには使えないからあっち行け

**デフォルトの名無しさん** · 2020/10/30(金) 22:03:55.00

いちいちURLを変える必要がなくなったというだけ

**デフォルトの名無しさん** · 2020/10/30(金) 22:32:52.75

ふつうクライアントサイドルーティングで変えるけどな。エアプ乙。

**デフォルトの名無しさん** · 2020/10/30(金) 23:25:04.93

ページの初期化は
ブラウザ駆動で
location.reload()でいつでも状態消去出来る
それより、保持し続けたかった画面状態が
画面遷移で消滅してしまう方が問題
保持してるものを破棄するのは簡単だが
無いものを引き継がせたり復元したりするのは大変
ならばセッションに保持しようとすると
今度はそれが残り続けて不具合の要因になる
セッションは意識して破棄するのは面倒
そう考えるとSPAで画面遷移減らすのが最適解

**デフォルトの名無しさん** · 2020/10/30(金) 23:50:46.09

★jQuery, Ruby, C#, Blazorｷﾁｶﾞｲが書き込んでも無視してください

**デフォルトの名無しさん** · 2020/10/31(土) 04:18:19.38

確かに少なくともURLは変わった方がいい

**デフォルトの名無しさん** · 2020/10/31(土) 12:34:03.58

SPAが叩かれるのはSPAを前提としたビューを切り替えたりする
ビューの下らないテクニックが嫌われるだけであって

SPAの考え方自体が悪いわけではないと思う
SPAは基本的にAjaxをバンバン飛ばすから
Ajaxが叩くURLというのは分離されている
画面と関係の無いURLを気軽に定義出来るようになり
「画面」と「画面遷移」だけを減少させることが出来る
URLは減少しない、むしろ更にきめ細かくできる

**デフォルトの名無しさん** · 2020/10/31(土) 12:37:15.04

シングルページにこだわる必要はないと思う
2個でも3個でも構わないが
とにかく無駄な画面遷移を減らす事が重要

**デフォルトの名無しさん** · 2020/10/31(土) 13:27:15.39

ブラウザに無駄に大量の履歴が残るのを防止出来るし
終わったsessionに対して変に履歴から横入りも防止出来るしメリット多い

**デフォルトの名無しさん** · 2020/10/31(土) 13:33:14.30

単純にさ、メンテナンスしやすいように小さく分けろってことなんだよね
どうしても密結合しなきゃならないっていうなら話は別だけど
そうでないなら結合度は低く保つのはシステム開発の常識なんだし

**デフォルトの名無しさん** · 2020/10/31(土) 13:59:51.18

小さく分けるなら別のページにしたほうがわかりやすいんだよね
開発者もユーザーも

**デフォルトの名無しさん** · 2020/10/31(土) 14:06:46.75

別にそんなことないが

**デフォルトの名無しさん** · 2020/10/31(土) 14:11:33.12

ルーターつかえてんのかな？

**デフォルトの名無しさん** · 2020/10/31(土) 14:19:10.79

単にケチつけたいから理由を無理やりひねくりだしてるように見える
パヨ野党と同じ

**デフォルトの名無しさん** · 2020/10/31(土) 14:32:47.48

単に能力不足の認識すらないだけかと

**デフォルトの名無しさん** · 2020/10/31(土) 15:03:24.58

まあ待て
WebAssemblyが全てを薙ぎ倒す

**デフォルトの名無しさん** · 2020/10/31(土) 15:25:03.69

まであと50年？

**デフォルトの名無しさん** · 2020/10/31(土) 15:56:06.31

UNITYの事かな？

**デフォルトの名無しさん** · 2020/10/31(土) 19:30:23.25

単純明快にページを分ける、というやり方をやめて、わざわざ処理を追加して無理矢理ページ内で遷移したように見せかけるという、複雑で愚かな選択
これによりTwitterのサムネがおかしくなったり様々な問題を招き入れてしまった

**デフォルトの名無しさん** · 2020/10/31(土) 20:10:22.22

バカは黙ってろ

**デフォルトの名無しさん** · 2020/10/31(土) 21:02:58.40

ここでグダってないでツイッター社に説教して来いよもう

**デフォルトの名無しさん** · 2020/10/31(土) 22:26:48.89

ツイッターは一例でしょ。しょぼい会社じゃなくて
ツイッターレベルであっても対応に苦労しているという話だ

**デフォルトの名無しさん** · 2020/10/31(土) 22:44:41.94

SPA基本のルーターすらしらんやつが
わめいてるけど無視した方が無難かな。

**デフォルトの名無しさん** · 2020/10/31(土) 23:02:30.40

>>70
今そんな話してないよ
グローバルに保持してる状態の話をしてる

**デフォルトの名無しさん** · 2020/10/31(土) 23:54:28.99

今そんな話してない（恥ずかしいから蒸し返すな）

**デフォルトの名無しさん** · 2020/11/01(日) 00:03:13.60

>>67
匿名掲示板だと反論できなくなった人ってすぐ悪口言うよねｗ

**デフォルトの名無しさん** · 2020/11/01(日) 00:15:18.28

謎文脈を発生させて論点をずらす奴もいるけどな

**デフォルトの名無しさん** · 2020/11/01(日) 10:16:49.22

>>66
だからその無理やりページ遷移したように見せかける
っていう部分だけが愚策なんだって

ページ自体が複数も要らないんだよ
見かけ上のページも複数要らない

**デフォルトの名無しさん** · 2020/11/01(日) 12:27:33.30

表面上SPAの癖に
時々別のURLに飛ばす造りって
単にSEO対策なんだろ
SEO稼ぐにはURL多い方が良い
SPAの使い易さとSEOは無関係

**デフォルトの名無しさん** · 2020/11/01(日) 12:30:09.02

別のURLに飛ばしてOKなものなら、飛ばしたほうがいいじゃん
状態を引き継ぐよりもステートレスの方がいいんだから

**デフォルトの名無しさん** · 2020/11/01(日) 12:38:01.74

>>77
それな
ステートフルすぎて気持ち悪い

**デフォルトの名無しさん** · 2020/11/01(日) 13:03:27.79

アプリケーションは内部状態を持つのが当たり前だが、その状態をサーバー側に持つか
クライアント側で持つかの違いだけじゃね？
どっちかというとサーバー側とそのAPIがステートレスになってくれた方が嬉しいと思うが。

**デフォルトの名無しさん** · 2020/11/01(日) 13:10:01.61

ステートフル”すぎる”な
表示してない物の状態まで持つな
ページを切り替えるなら状態をクリアしろ
切り替えたように見せかけて裏で状態を維持するとか最悪だぞ

**デフォルトの名無しさん** · 2020/11/01(日) 13:14:42.09

>>80
おめー無知すぎんだろ
SPAフレームワークをページ遷移だけで見てるからそれしか言えねえんだよ

**デフォルトの名無しさん** · 2020/11/01(日) 13:22:07.47

”すぎる”と”すぎない”の境界がわからんなぁ。
気持ち悪く感じるのは主観だろうからどうしようもないが。

**デフォルトの名無しさん** · 2020/11/01(日) 13:36:14.94

>>81
俺はMVC+Vue.jsのような軽い使い方までは否定してない
SPA的な全部JSでやっちゃえって考え方が駄目だ

**デフォルトの名無しさん** · 2020/11/01(日) 15:59:43.06

webサイト画面構成のビューの作法というか
テンプレみたいなのを誰かが勝手に定義するから
害悪になるんだって
Webサイトにはヘッダーフッターやサイドバーや
ナビメニュー、バーガーメニューがあるべきとか
パンくず付けるべきだとか
SPAのサイトは見かけ上のURLで画面を切り替えるように
すべきとか、こういうの一体誰がなんの権限があって
決めてんの？
実装がどれだけ面倒になるかも考えずにさ
ビューの構造考えてる奴らに「シンプルにしろよ、馬鹿が」
って言ってやりたいわ

**デフォルトの名無しさん** · 2020/11/01(日) 17:46:49.50

>>84
音声ブラウザで適切に読むため

**デフォルトの名無しさん** · 2020/11/01(日) 17:52:41.96

馬鹿たちかい。
サーバーサイドでステート維持するのは
実装大変だし、バカ高いコストになりますよ。

スケールの設計とかした事あんですかね？

**デフォルトの名無しさん** · 2020/11/01(日) 18:17:26.00

ステートサーバー用意するだけだな
簡単にスケールする

SPAにすると最初はフロントにステートがあったんだけど
SEOとか諸々の事情でやっぱSSRにしなきゃってなって
サーバーサイドにめちゃくちゃステートを持つことになる
ステートをスケールしたいだけなのにフロントもスケールもしなきゃならなくなって最悪

**デフォルトの名無しさん** · 2020/11/01(日) 18:42:58.59

>>87
スーテトサーバー

笑

**デフォルトの名無しさん** · 2020/11/01(日) 18:49:19.76

SSRにしたらサーバーにめちゃめちゃステート？笑
エアプここに極まるｗｗｗ

**デフォルトの名無しさん** · 2020/11/01(日) 18:53:46.69

>>88
なにわろてんねん

>>89
お前がエアプ

**デフォルトの名無しさん** · 2020/11/01(日) 18:58:35.18

>>88
ステートだ

笑

**デフォルトの名無しさん** · 2020/11/01(日) 19:07:51.52

>>91
ステートサーバーも知らねえのか？

**デフォルトの名無しさん** · 2020/11/01(日) 19:52:37.28

>>88
え

**デフォルトの名無しさん** · 2020/11/01(日) 20:25:37.03

ステートサーバーってガチで何

**デフォルトの名無しさん** · 2020/11/01(日) 20:32:08.23

>>94
低脳が使うやつ。

**デフォルトの名無しさん** · 2020/11/01(日) 20:34:01.14

MSの基地外じゃね？

**デフォルトの名無しさん** · 2020/11/01(日) 20:46:35.28

redisとかじゃねぇの

**デフォルトの名無しさん** · 2020/11/02(月) 02:53:11.95

SvelteはNY Timesのほかに
Square Enix
Apple
Spotify
Google Arts
Alaska Airlines
などが使い出したようだ
超頑張れ

**デフォルトの名無しさん** · 2020/11/02(月) 14:29:41.24

https://qiita.com/amakawa_/items/e7d0720e1ab8632769bf

**デフォルトの名無しさん** · 2020/11/02(月) 19:37:37.29

もういい加減クソみたいなアプリ開発するのも
メンテするのもウンザリだ

**デフォルトの名無しさん** · 2020/11/03(火) 15:18:43.93

jsからいかにして逃げるか、が今後のwebエコシステム成功の鍵になるだろうね
jsの上にフレームワークを乗せる方式にはも限界が来てる
svelteやblazorがその礎になるだろう

**デフォルトの名無しさん** · 2020/11/03(火) 15:38:32.86

エアプ乙。
svelteはjs。
reactやvueなんかよりもjsらしいjs。
mskk真面目に仕事しろ。

**デフォルトの名無しさん** · 2020/11/03(火) 16:09:19.65

Svelteの利点はコンパイラ言語というとこ
つまりその気になれば別の言語でも同じことができるということだ
JavaやC#に置き換えるといったことも可能だろうね

**デフォルトの名無しさん** · 2020/11/03(火) 16:14:13.80

もうこれでいいんじゃね？

Google Web Toolkit (GWT) は、Javaを使ってウェブ用Ajaxアプリケーションを開発できるオープンソースのJavaソフトウェア開発フレームワークである。Apache License 2.0でライセンスされている
https://ja.wikipedia.org/wiki/Google_Web_Toolkit

**デフォルトの名無しさん** · 2020/11/03(火) 16:15:48.21

Google Web Toolkit：現実的な開発に即したAJAX
https://codezine.jp/article/detail/531
JavaをJavaScriptとHTMLに変換する開発フレームワークの利用

　AJAXアプリケーションの開発は簡単なものではありません。というのも、
AJAX（Asynchronous JavaScript and XML）の開発言語であるJavaScriptの
全貌を把握している開発者はほとんどいないからです。さらに悪いことに、
JavaScriptの実装はブラウザによって違いがあるため、互換性という厄介な問題もあります
（「補足記事1　以前のWeb UIおよびAJAXのJavaScriptの弱点」を参照）。
GmailとGoogle MapsによってAJAXの名を知らしめたGoogleが、
この問題を解決するために世に送り出したのがGoogle Web Toolkit（GWT）です。

**デフォルトの名無しさん** · 2020/11/03(火) 16:22:23.19

考え方としては同じことだね
昔から求められ研究されていたものが周辺技術の進歩により実用的な段階になりつつある
AIも昔からあるけど実用化したのはごく最近だった
WEBの世界でもまた同じようにイノベーションが起こる
JSは世界に不要です

**デフォルトの名無しさん** · 2020/11/03(火) 16:23:49.40

昔から何度も負けてる歴史

**デフォルトの名無しさん** · 2020/11/03(火) 16:28:30.69

そして次は勝つ
時代の節目ってのはいつもそうだった

**デフォルトの名無しさん** · 2020/11/03(火) 16:31:55.29

「次は勝つ」と言ってるやつは、たいてい期限を付けない
いつまでに勝てるという見通しがないからだ
負けたら「次は」更に負けても「次は」と言い続ける

**デフォルトの名無しさん** · 2020/11/03(火) 17:51:06.56

JSすらまともに使いこなせない
不十分な負け犬の遠吠えにしか
聞こえないけど。

**デフォルトの名無しさん** · 2020/11/03(火) 18:27:50.80

使いこなした上でより良い道具を模索するのがプロ
jsにしがみつく人は駄目だ

**デフォルトの名無しさん** · 2020/11/03(火) 19:10:53.10

使いこなしてなさそーーなのから返信きた！

笑

**デフォルトの名無しさん** · 2020/11/03(火) 19:17:24.29

PHPの機能ではなくHTMLの機能で他HTMLのインクルードがないのは不便
これが出来ればかなり可能性広がる

**デフォルトの名無しさん** · 2020/11/03(火) 20:12:28.79

JavaScriptなんか使いこなせるようになってもなあ

**デフォルトの名無しさん** · 2020/11/03(火) 20:19:41.36

>>113
具体的に？

**デフォルトの名無しさん** · 2020/11/03(火) 20:49:36.32

>>115
HTML部品を細かく外部部品にできる
cssとかJavaScriptとか画像付きで
サーバサイドのクソインクルードと違ってdevtoolsから
呼び出し関係を把握出来る

**デフォルトの名無しさん** · 2020/11/03(火) 20:54:04.83

部品ごとにリクエスト走るの？クソやん

**デフォルトの名無しさん** · 2020/11/03(火) 20:54:11.24

バージョンアップですぐに知識が陳腐化するのが問題だよな
Reactが一番メジャーと言っても、他にもたくさんあるし、React自身もバージョンアップで変わるし、Reactの周辺技術も変わるし

**デフォルトの名無しさん** · 2020/11/03(火) 21:01:35.34

>>116
ReactやVuejsのコンポネント
あるいは純粋なWeb Componentsではダメという事？

**デフォルトの名無しさん** · 2020/11/03(火) 21:13:02.42

ソースと画面上のdevtool解析に差異があるから不便

**デフォルトの名無しさん** · 2020/11/03(火) 21:20:57.47

>>120
ん？

使ってもいない人かな？

**デフォルトの名無しさん** · 2020/11/03(火) 23:12:36.36

それだけならejsとかのテンプレートエンジンでいいのでは

**デフォルトの名無しさん** · 2020/11/04(水) 00:27:26.22

jsを嫌ったところでweb開発では結局npmライブラリ使うんだからjs/tsからは逃れられんと思うけどね

**デフォルトの名無しさん** · 2020/11/04(水) 09:32:04.09

JSは嫌いじゃない。むしろ肯定する
嫌いなのはサーバサイドのビューの生成支援技術
特にDBやモデル層と密結合してるものは最悪
とりあえず純粋なデータの形でJSON化して文字化け防止
エンコしてJavaScript側に埋め込んどけば
JavaScriptで復元して、いかようにでもビュー構築
できるのに
そういう事を知らない奴がサーバサイドフレワの
ゴミみたいなビュー機能使いやがる

**デフォルトの名無しさん** · 2020/11/04(水) 09:52:12.35

パッケージ問題はwasmにビルドして相互運用って形なるので気にしなくていい
JSが消え去るのも時間の問題だ

**デフォルトの名無しさん** · 2020/11/04(水) 09:59:29.81

>>124
サーバーサイドならModelが型を持ってるからメタデータを処理してCRUDを生成するなんてことが実用的な水準でできるけどJSONじゃ無理でしょ？

**デフォルトの名無しさん** · 2020/11/04(水) 12:51:36.28

サーバーサイドで完結するなら遅延評価とかでDBへの負担を最小にできるけど、一旦JSONにするとN+1とかリクエスト連発とか高負荷になるもんな
それでGraphQLとか流行り始めてるけど

**デフォルトの名無しさん** · 2020/11/04(水) 12:56:06.12

domain modelからview modelへの変換も実装量としては無視できない
これをスクリプトでやるなんて正気じゃないよ

**デフォルトの名無しさん** · 2020/11/04(水) 15:17:00.07

GWTってまだ生きてたんか
SWTと同じくらい長生きだな

**デフォルトの名無しさん** · 2020/11/04(水) 16:54:45.12

https://dev.to/linkuriousdev/to-wasm-or-not-to-wasm-3803

wasmって今のところjsよりそんなに極端に速いわけではなさそうだけど
普通のwebアプリをwasmにしても大して恩恵は受けられないんじゃ

**デフォルトの名無しさん** · 2020/11/04(水) 18:28:12.23

>>130
ゲームとかのグラフィックス用途だけだよ。

**デフォルトの名無しさん** · 2020/11/04(水) 19:30:08.96

鯖の負荷を減らすにはクライアントサイドの
ブラウザに仕事させるのが最善
ネットワークアクセスが頻繁になるけかもしれんが
キープアライブとかあるし大した問題ではない
同時接続数はローバラ噛ませてスケールアウト
擦るのが定石でそれだけ利益産むだけの接続数が
来てるんだから必要経費
サーバサイドはレンダリング支援は要らん
バリデーションはフロントサイドとDBの制約で十分
ハッキングしてくる奴に律儀にエラーメッセージ
返してやったりエラーハンドリングしてやる必要ないからな
関連はJOIN覚えろ
ORMとかクエリビルダとかクソなんだよ
最悪複数回SQL飛ばせば外部テーブルのレコード取ってきたり
SQL飛ばさずに連想配列の配列からデータ漁るメソッド
作っとけば工夫すればコーディング爆速になるのに
ちまちまとバリデーションとかリレーションとか
定義するフレームワークは馬鹿
つまりwebアプリは全部糞なんだよ！
ネイティブJavaScriptが至高
ネイティブSQLが至高
expressのみが至高

オブジェクト指向は死ね！
RailsもララベルもReactもAnglarも死ね！

**デフォルトの名無しさん** · 2020/11/04(水) 19:35:24.63

クライアントでやれと言いつつ
結合はサーバーでやれと？

**デフォルトの名無しさん** · 2020/11/04(水) 22:48:53.58

相手したらあかんやつや

**デフォルトの名無しさん** · 2020/11/04(水) 23:20:52.63

どっちがサーバでどっちがクライアントかも分かってないぞそいつ
お茶碗持つほうが鯖とかそんなレベル

**デフォルトの名無しさん** · 2020/11/05(木) 00:10:38.34

>>135
お茶碗持つほうが鯖はさすがに草

**デフォルトの名無しさん** · 2020/11/05(木) 07:06:59.54

jQueryバカがボコボコに論破するたび過激になって帰ってきて草

**デフォルトの名無しさん** · 2020/11/05(木) 07:09:42.40

>>120
debugビルドでsourcemap吐き出させると
devtool上でも手書きのソースが表示されるよ

**デフォルトの名無しさん** · 2020/11/06(金) 23:55:42.90

スレタイAngular外されたか
個人的には好きなんだけど使う奴が少ないんだよなあ
Angular+nest+typeormの組み合わせが快適で重宝してる

**デフォルトの名無しさん** · 2020/11/07(土) 00:19:17.46

遅かれ早かれすべて外されるよｗ

**デフォルトの名無しさん** · 2020/11/07(土) 13:47:20.36

じきにwasmスレになるだろうね

**デフォルトの名無しさん** · 2020/11/07(土) 22:00:52.91

普通にDOM操作してる分にはJSで十分速いんだよなぁ。
最近WasmでFFmpegをブラウザに移植、とかあったし、TensorflowでWasm利用したりしてる。
そういう従来PCやサーバのOS上で直に動いていた物がそのままWebに移植されて予想もしてなかった新しい組み合わせを生む、みたいな方向性に期待してる。

**デフォルトの名無しさん** · 2020/11/07(土) 22:17:58.99

十分速いもなにも、現状DOM APIはJS用しかない。WASMにもないのでJS経由でないといじれない。
偉そうに宣伝してくる他言語のフレームワークも最終的にJSのAPI呼んでる。

**デフォルトの名無しさん** · 2020/11/08(日) 06:37:58.90

>>143
Domを使う場合JSがネイティブだね。
Wasmの場合canvasに直接描画するのが本流。ゆえにDom上のUI資産は一切使えない。