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/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資産は一切使えない。

**デフォルトの名無しさん** · 2020/11/08(日) 07:21:32.68

wasmでUInt8Array作ってcanvasに流し込む形かな。ゲームとかならそれで良さそう。
いやでもゲームなら高速描画を求めてWebGLやcanvasのAPI使うからwasmで完結はしないかも。

ゲーム以外だとUI周り全部wasmで描くとランタイム大きくなるし。

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

ゲームとかだったらいいんだけどねぇ。
複合UIをCanvasベースで作り直しとかｗ
CSSのレスポンシブ関連機能相当のものやイベントシステムも再実装か？ｗ

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

id変えて3連投
内容もトンチンカンだし
何がしたいんだ

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

土曜も含めて5連投か

**デフォルトの名無しさん** · 2020/11/08(日) 12:22:25.95

馬鹿登場(^o^)

**デフォルトの名無しさん** · 2020/11/08(日) 12:48:49.25

何か変な事言ってる？

**デフォルトの名無しさん** · 2020/11/08(日) 12:59:39.96

ID:n8ymm8S9
こいつ

**デフォルトの名無しさん** · 2020/11/08(日) 14:26:55.01

canvasで描画されたサイトはスクレイピングできなそうだけどどうなの

**デフォルトの名無しさん** · 2020/11/08(日) 16:13:42.91

>>144
>Wasmの場合canvasに直接描画するのが本流。ゆえにDom上のUI資産は一切使えない。
別に「一切使えない」という訳ではない。
Edit要素やチェックボックスなんかをHTMLのFormで書きたい人はWasmからでも
書ける。
例えば、EmscriptenならC++ソース内でEM_ASMの中にJSコードが書けるので
そこでなんでもHTMLコードは書ける。

**デフォルトの名無しさん** · 2020/11/08(日) 16:17:14.07

>>152
基本その通りで、AI技術などを使わない限りはページを解析できなくなる。
だから文書中のキーワードから自動的に検索エンジンに登録される事ができなく
なってしまう。
その意味で検索エンジンに登録して欲しい内要はcanvasで書かずに
HTMLのtextareaやpやdiv要素などの中に書いた方が良い。
そしてWasmを使ってもそのようにすることは可能。

**デフォルトの名無しさん** · 2020/11/08(日) 16:32:27.74

ただそうするとwasmを使う意味がなくなる

**デフォルトの名無しさん** · 2020/11/08(日) 16:41:28.75

>>152
Wasmに求められてる事のは、
ブラウザー内でネイティブアプリを動作させることでは？

**デフォルトの名無しさん** · 2020/11/08(日) 16:42:06.83

>>155
JS使えないのがWebが主流になったからって
慌ててWasmに逃げようかと考えるから
そんな疑問になる。