Vue vs React vs Angular Part.3

**デフォルトの名無しさん** · 2019/06/12(水) 19:04:55.46

実際どうなん？
Vue
https://jp.vuejs.org/
React
https://reactjs.org/
Angular
https://angular.io/
※前スレ
Vue vs React vs Angular Part.2
https://mevius.5ch.net/test/read.cgi/tech/1552136553/
※前前スレ
Vue vs React vs Angular
http://mevius.5ch.net/test/read.cgi/tech/1545395856/

★ここではjQueryの話題は禁止です
★jQuery房が書き込んでも無視してください

**デフォルトの名無しさん** · 2020/06/04(木) 07:48:59.07

>>510
手段が目的になってるね
フレームワークの欠点はCSSベースのよりよい方法
軽くてシンプルな方法が採用できないってのも上げておくか

**デフォルトの名無しさん** · 2020/06/04(木) 08:14:52.94

最初に挙がった話がDOM操作の効率比較なんだから当たり前。頭沸いてんのか？
それと、なんでフレームワークだとCSSが使えないと思い込んでいるんだろう。

**デフォルトの名無しさん** · 2020/06/04(木) 09:21:09.23

どうしてもこのスレでその話を続けないといけないのか？

**デフォルトの名無しさん** · 2020/06/04(木) 10:59:00.78

>>512
フレームワークでDOM操作効率化なんてしてんの？
俺ならHTML文字列を組み立てて代入するだけだなぁ
これならDOM操作は一回じゃね？

**デフォルトの名無しさん** · 2020/06/04(木) 12:41:52.47

>>514
DOM構築後は固定かよ
クソじゃん

**デフォルトの名無しさん** · 2020/06/04(木) 13:30:21.25

>>515
フレームワーク使って変えるよりも
jQuery使って変えたほうが効率的ってことだよ

**デフォルトの名無しさん** · 2020/06/04(木) 13:51:39.87

こちらに適切なスレがあるからこっちで話してね

Vue vs React vs Angular vs jQuery Part.3
https://mevius.5ch.net/test/read.cgi/tech/1560333177/

**デフォルトの名無しさん** · 2020/06/04(木) 13:54:38.79

向こうのスレでも答えが出てるなｗ

> 文字列でhtml作ってdivにまとめてブチ込むのが簡単だし高速

**デフォルトの名無しさん** · 2020/06/04(木) 13:59:59.62

いまHTML5パーサー書いてて一通りの実装が済んだんだけど、次の部品を製造するとしたら、何が求められるんだろね？
パーサーのテスト実装が途中の状態だけど。

**デフォルトの名無しさん** · 2020/06/04(木) 14:02:39.64

WHATWG Encoding standardとWHATWG HTML Standard の Parsing まで実装した。
Chromeがどうやら属性値のエスケープなどごく一部を除いて改行の移動する位置まで厳格に仕様通りなので、Chromeの出力をテストデータにしてるけど。

**デフォルトの名無しさん** · 2020/06/04(木) 14:03:39.87

というより、Chromeのアルゴリズムをそのまま仕様にしてるのかね。

**デフォルトの名無しさん** · 2020/06/04(木) 14:10:11.05

Chromeがなぜ属性値のエスケープを仕様通りにしないのかも気になる。
パーシングと直列化を繰り返すと危険なHTMLに変化させることが出来るのだろか？
もしそうなら仕様の方を修正してほしい。

**デフォルトの名無しさん** · 2020/06/04(木) 14:17:30.84

もしかしてVueってLaravelがサポートしてるからぺちぱーがなだれ込んだだけのうんち？

**デフォルトの名無しさん** · 2020/06/04(木) 14:19:12.71

トークン化ステージ（字句解析に相当）が3000行、木構築ステージ（構文解析に相当）が5000行程度だった。
横にいくらでも伸ばすスタイルなので、80行縛りとかある人なら倍に膨らむだろうけど。
個人で書けない分量ではなかった。

これ、木であるという縛りがあるので、アルゴリズムが不必要に複雑化してるよね。
自分が一から設計するなら別の方法を使うだろな。

**デフォルトの名無しさん** · 2020/06/04(木) 14:20:17.32

Vueはうんちだよ。敷居の低さだけが売りさ。

**デフォルトの名無しさん** · 2020/06/04(木) 14:20:32.13

CRAは「使えない」みたいな意見たまにあるけどそうなの

**デフォルトの名無しさん** · 2020/06/04(木) 14:21:08.20

jQueryと関係ない話はやめてください！

**デフォルトの名無しさん** · 2020/06/04(木) 14:21:56.21

板違いスレだし何でもありなんじゃないの？

**デフォルトの名無しさん** · 2020/06/04(木) 14:23:57.86

このスレは荒らしの割合が多すぎてダメだな。さらば。

**デフォルトの名無しさん** · 2020/06/04(木) 14:24:26.76

しかしこれだけ複雑怪奇なアルゴリズムだと、すべてのパスを通すようにテストを書くとしても、テストにはならないよね。
こんなのはどうしたら良いのか。
まあ全部で2万行台のソースに対して、テストが100万行とかなりそうだし、すべてのパスを通すってのがもう無理だけど。

**デフォルトの名無しさん** · 2020/06/04(木) 14:25:22.67

>>529
俺はHTMLの専門家がいると聞いて質問してるだけで、荒らしてるわけじゃないぞ。

**デフォルトの名無しさん** · 2020/06/04(木) 14:27:42.88

ちなみに使った言語はC++17ですハイ。
トークンの型をテンプレートで受け取ってconstexprで判定の一部をコンパイル時に移動することで、高速化を図りました。
これはイイ！やりかた。

**デフォルトの名無しさん** · 2020/06/04(木) 14:30:04.63

一番聞きたいのは、次何作れば良いかなってことだけども。
URL Standardだろか？

二番目が、こんなわけわからん仕様の場合、テストはどうするべきか？ってことだけども。

**デフォルトの名無しさん** · 2020/06/04(木) 21:48:18.48

>>517
そっちはjqueryおじさん隔離スレとして使って下さい

**デフォルトの名無しさん** · 2020/06/04(木) 21:49:22.38

vue.jsのどこが敷居低いんだよ。
再帰とデータ構造が判ってないと本を読んでも
ネタ化するだけじゃん。

**デフォルトの名無しさん** · 2020/06/04(木) 22:11:46.48

Ruby on Rails でも、Bootstrap を使うには、jQuery が必要

他には、React。Vue.js は少ない。
Angular はいない

HTML の部分木を作るのは、JavaScript のDocumentFragment

**デフォルトの名無しさん** · 2020/06/04(木) 22:51:34.74

>>535
導入の敷居は低いけど習得の敷居は…って感じだね

**デフォルトの名無しさん** · 2020/06/04(木) 22:52:41.77

動画サイトなんかはReact使ってるとこ結構多いよね

**デフォルトの名無しさん** · 2020/06/04(木) 23:00:32.29

敷居が低い・高いってのはある場所に入ることに対する難度を示す言葉だからな。
「習得の敷居が高い」とは言わないでしょ。

**デフォルトの名無しさん** · 2020/06/04(木) 23:01:35.09

個人的にはangularも十分敷居が低いと感じたけどね。

**デフォルトの名無しさん** · 2020/06/05(金) 03:58:41.39

Vue.jsでページ離脱時に「このサイトを離れますか？」を表示する
https://qiita.com/kimuchan/items/7d9de3adb95bcdc0a662

なんでこんなに複雑なんですか？
普通ならたったの4行でできることなのに

window.onbeforeunload = function(e) {
e.preventDefault();
return '';
};

**デフォルトの名無しさん** · 2020/06/05(金) 04:52:54.91

SPAのルーター使ったページ遷移は特殊でページ遷移したように見えても
スクリプトとかDOMツリーを丸ごと破棄するわけじゃないから

**デフォルトの名無しさん** · 2020/06/05(金) 12:55:00.26

インタラクティブなサイトを作る場合reactやvueなどのライブラリを使うと幸せになれます。

静的なサイトにはreactは必要ないです。もっと言うとjQueryも必要なくてvanillajsで事足ります。

そういう意味でもjQueryを使う必要はどんどんなくなっていきます。

**デフォルトの名無しさん** · 2020/06/05(金) 13:12:24.80

vanillajsよりもjQueryの方が簡単に書けるってことを
否定した記事は見たことないんだけど？

**デフォルトの名無しさん** · 2020/06/05(金) 13:39:10.21

記事もあくまでも個人の感想だから、記事があるからと言って簡単ということにはならないと思うが。

それはさておき、jQueryなら、こうかけるのに～と嘆きたくなるなら、そういう風にvanillaで実装すればいいだけでは？

**デフォルトの名無しさん** · 2020/06/05(金) 14:00:50.79

>>545
オレオレライブラリを作れっていう話なら、技術ノウハウが共有できないので却下します。

**デフォルトの名無しさん** · 2020/06/05(金) 14:21:45.83

>>546
数が多ければそうなんだけど、今はjQueryにしかない関数って少なくないよね？

**デフォルトの名無しさん** · 2020/06/05(金) 14:22:45.02

>>547
jQueryの方が簡単にかける関数は多いです。
簡単にかける＝テストすべきコードも少ない

**デフォルトの名無しさん** · 2020/06/05(金) 14:27:37.54

>>548
例えば？？

jQuery側がテストしてる前提だからその、イコールは成り立つけど全てに当てはまるものではないね

**デフォルトの名無しさん** · 2020/06/05(金) 14:33:13.16

>>549
例えば動的にA要素が増減する場合に対応した
イベントハンドラの定義

$(document).on('click', 'a', function() {
・・・
});

**デフォルトの名無しさん** · 2020/06/05(金) 14:59:35.78

また荒らしがわいてる

**デフォルトの名無しさん** · 2020/06/05(金) 15:05:24.13

フレームワークの存在意義すら理解できないようなら参加しないでほしい

**デフォルトの名無しさん** · 2020/06/05(金) 15:20:16.53

react、vueなどのフレームワークの存在意義は理解しているが
多くのサイトはwebcomponentsでいいじゃんと思ってしまう。

**デフォルトの名無しさん** · 2020/06/05(金) 16:09:30.64

Webcomponentsがゴミに見えてしまうのは僕の頭が悪いからでしょうか。

**デフォルトの名無しさん** · 2020/06/05(金) 16:14:52.09

フレームワークの存在意義なんて楽して書ける、低水準な話を理解してなくても書ける、の2点に尽きるんじゃないの？

**デフォルトの名無しさん** · 2020/06/05(金) 16:15:49.92

>>554
どこがゴミなのか教えてほしい

**デフォルトの名無しさん** · 2020/06/05(金) 16:35:48.12

逆にどこが良いんでしょうか？

**デフォルトの名無しさん** · 2020/06/05(金) 16:45:53.19

>>557
コンポーネントとして再利用できる、ある程度はreactiveにかける、vanillaなので軽い、ライフサイクルを持ってる。
弱いところは宣言的に書けないところくらいじゃない？

**デフォルトの名無しさん** · 2020/06/05(金) 16:47:44.85

え？それはイイですね。
ゴミだと思ってました。

**デフォルトの名無しさん** · 2020/06/05(金) 16:55:03.20

ところで何でjQueryの話題禁止ですか？

**デフォルトの名無しさん** · 2020/06/05(金) 17:16:32.19

>>560
ここはVueとReactとAngularの比較をするスレだからだよ。

jQueryの話なら下記のスレでしてね。

Vue vs React vs Angular vs jQuery Part.3
https://mevius.5ch.net/test/read.cgi/tech/1560333177/

なぜjQueryのシェアは予想に反して減らなかったか？
https://mevius.5ch.net/test/read.cgi/hp/1580334887/

+ JavaScript & jQuery 質問用スレッド vol.7 + [無断転載禁止]©2ch.net
https://mevius.5ch.net/test/read.cgi/hp/1478002550/

**デフォルトの名無しさん** · 2020/06/05(金) 17:29:45.40

Javascript はweb制作管理板、CGI はWEBプログラミング板へ。
↑
板のルールこれ。
ルール守れとは思わないけど、ルール守らない人が、他人にルール守れというのは違和感ある。

**デフォルトの名無しさん** · 2020/06/05(金) 17:33:52.81

プログラミングに検索はつきものだけど、サムライ何とかクリックしてしまうとイラっとするわ。
なんなのお待ちくださいみたいなクルクル。
ウェブサイトであれは無いわ。
アプリじゃないんだからさ。

**デフォルトの名無しさん** · 2020/06/05(金) 17:36:35.17

jQueryはなかなかの発明だと思ったけど、仮想DOMはそうでもないな。

**デフォルトの名無しさん** · 2020/06/05(金) 17:37:51.99

仮想DOMは遅くなってしまうのを回避するためのノウハウですからね
開発者にメリットを与えていない

**デフォルトの名無しさん** · 2020/06/05(金) 17:40:14.68

Computer Shopperは梅田の洋書屋に置いてあったんだけど、なぜかイギリス版だったんだよな。
アメリカ版のほうが需要あるだろうに。
でも面白いから良く買ってた。

**デフォルトの名無しさん** · 2020/06/05(金) 17:51:00.10

ちょっと聞いてくれ。
ｊＱｕえｒｙのシェアに大きな変化があった。

https://w3techs.com/technologies/history_overview/javascript_library/all
ここ数年は1ヶ月で0.1%、1年でようやく1%ぐらいしか伸びていなかったんだが
なぜか5月から6月にかけて1ヶ月で1%以上も増えてる
逆に減ったのはJavaScriptライブラリを使ってないサイト
コロナのせいかな？

**デフォルトの名無しさん** · 2020/06/05(金) 18:03:36.52

俺も気づいたことあるんで、書いておくわ。
Githubのアクティビティがコロナ期間中ものすごく上がってる。
これは、仕事とは別にプロジェクトを持つ人が多いことを示唆するのでは。

**デフォルトの名無しさん** · 2020/06/05(金) 20:14:25.87

>>562
結局このスレは何について話すために立てられたスレなの？

**デフォルトの名無しさん** · 2020/06/05(金) 20:17:19.61

なんでこのスレでjQueryの話するの？なんでなんでなんで？

**デフォルトの名無しさん** · 2020/06/05(金) 20:17:37.43

なんでなの~？

**デフォルトの名無しさん** · 2020/06/05(金) 20:19:50.42

これでもみて落ち着け
https://i.imgur.com/igLZhbz.jpg

**デフォルトの名無しさん** · 2020/06/05(金) 20:23:51.31

自分が理解できない新技術を叩くことに血道を上げる爺、つくづく哀れだな。

**デフォルトの名無しさん** · 2020/06/05(金) 20:26:25.98

Nuxt vs Next

**デフォルトの名無しさん** · 2020/06/05(金) 20:59:37.58

>>569
それは立てた人に聞かんと分からんけど、立てた人の意向に沿わないとダメって事もないわな。
板違いスレなんだし。
そこら辺は、立てた人もおおらかな気持ちで許してくれると思うぞ。

**デフォルトの名無しさん** · 2020/06/05(金) 21:46:46.41

馬鹿はjQuery使えばいいじゃない

**デフォルトの名無しさん** · 2020/06/05(金) 22:13:35.39

天才でもjQueryで良いと思うけど？馬鹿限定にしないとなにか困るの？

**デフォルトの名無しさん** · 2020/06/05(金) 22:19:46.82

>>575
jQueryフォォォオオオオ！！！！

**デフォルトの名無しさん** · 2020/06/05(金) 22:20:47.86

jQueryの話題OKのお墨付きがでたフォォォオオオオオオ！！！！フォォォオオオオオオ！！！！

**デフォルトの名無しさん** · 2020/06/05(金) 22:28:49.18

はい、私がこのスレを立てしものです。
>>575さんが私の気持ちを代弁してくれました。jQueryの話もどんどんしましょう！

**デフォルトの名無しさん** · 2020/06/05(金) 23:02:12.67

Reactなら<>～</>で済むところを<template>～</template>って書くのはなんだかなぁ

**デフォルトの名無しさん** · 2020/06/05(金) 23:08:30.51

>>581
？？？

ちょっとなに言ってるかわからないので詳しくお願いします

**デフォルトの名無しさん** · 2020/06/05(金) 23:22:49.43

Ruby on Rails では、Stimulus が多い。
data-属性で指定する、規約だけのフレームワーク。
ビジネスロジック・HTML の組み立ては、サーバー側だけ

一方、React, Vue.js を使うと、
ビジネスロジックがクライアント側にも分かれる

>>541
Ruby on Rails でも、Turbolinks という、Pjax(History API のpushState + Ajax)を使うけど、
バリデーションエラーで画面遷移しない場合などは、ややこしい

**デフォルトの名無しさん** · 2020/06/06(土) 00:12:00.24

無理やりjQuery以外の話し始めてて草

**デフォルトの名無しさん** · 2020/06/06(土) 00:18:55.01

Ruby on Rails使いはミーハープログラマーなイメージ。

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

【ポイントは一つ】プログラミング未経験でも受かるポートフォリオの作り方
https://www.youtube.com/watch?v=la0rkh6wlxA

Ruby on Rails, Bootstrap, Github, Heroku
ログイン、画像・文字列の投稿、いいね、検索機能など

この娘は、勉強に1週間、作成に2週間

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

>>585
RubierはスタバでMacドヤってるイメージ

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

>>583
APIを界面にビジネスロジックはサーバー側、プレゼンテーションロジックはクライアント側って
ふつうに分離できると思うが。

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

Ruby使いには何を言っても無駄だよ。何事についても理解が正確じゃないからね。

**デフォルトの名無しさん** · 2020/06/06(土) 11:24:04.97

svelteが人気出てきたよな
かなり簡潔に書けるし仮想DOMは使っていない

**デフォルトの名無しさん** · 2020/06/06(土) 11:28:20.35

ほーらまた違うのが出てきたｗ

**デフォルトの名無しさん** · 2020/06/06(土) 11:50:02.66

我々読者はお待ちください見たいなクルクルは許さんからね。
サーバーサイドレンダリングしてよね。

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

Svelteってあったね↓の記事のリンクから知ったっけちょっと試したけど本格的にやろうとは思わんかったな
https://2019.stateofjs.com/front-end-frameworks/

Emberも知らんかったけど
Aureliaは載ってないけど終わってしまったんかな

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

公式ドキュメントでも見てみるか -> "Black Lives Matter" ﾃﾞﾃﾞｰﾝ (他のページへのリンクもなし)

はあーまじくそ偽善者どもめ

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

お待ちくださいのクルクルは公害みたいなもんだからな。

河が汚染されてるのは河が悪いってのは通らんからな。
汚染物質垂れ流す奴が悪いんだからな。

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

クリックしてしまってクルクル、イラっとしたときに何か悪い成分が出てると思うんだよな。
これが戦争の原因物質では？

**デフォルトの名無しさん** · 2020/06/06(土) 15:02:44.71

は？クルクルタイムのミニゲームはモダンwebの必須条件なんだが？

**デフォルトの名無しさん** · 2020/06/06(土) 15:04:08.90

いや、俺はあのクルクルめっちゃイラつくねん。

**デフォルトの名無しさん** · 2020/06/06(土) 15:05:55.46

あれってJavaScriptフレームワークの初期ページの
表示の遅さをごまかしてるんだろ？

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

いや貧乏人のネット回線の遅さを誤魔化してるんだよ

**デフォルトの名無しさん** · 2020/06/06(土) 15:16:08.53

こいつ、回線のせいにしよったで！

**デフォルトの名無しさん** · 2020/06/06(土) 16:27:02.76

回線ってより相手側のサーバーがアクセス数に合ってないってパターンが殆どなんだと思うよ
回線が遅いっていうのは大体マンション住みで通信インフラが居住者数に合ってないってパターンくらいだろ

GmailなんかはPCスペックに依存してロースぺPCだと遅いが

**デフォルトの名無しさん** · 2020/06/06(土) 16:29:26.54

どうでもいいから、クルクルやめいや。
イラっとするわ。

**デフォルトの名無しさん** · 2020/06/06(土) 16:33:34.09

遅くてイラっとするのはたいてい広告の方だけど、やめるわけにはいかないなぁ。

**デフォルトの名無しさん** · 2020/06/06(土) 17:18:13.07

サムライ塾の悪口はそこまでにしろ

**デフォルトの名無しさん** · 2020/06/06(土) 17:25:44.41

イラっとさせられると悪口の一つも言いたくなりますわ。
クリックする前に「クルクルします」と警告が出たらいいのになあ。

**デフォルトの名無しさん** · 2020/06/06(土) 17:33:21.19

そんなくるくるが気になるサイトって動画の生配信かお名前くらいしか心当たりないが

**デフォルトの名無しさん** · 2020/06/06(土) 17:56:43.75

お名前って何？

**デフォルトの名無しさん** · 2020/06/06(土) 18:13:14.00

お名前.comでしょ
UX悪すぎるからあそこ使うのやめたわ

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

>>609
そうか、ありがとな。
むかし有名だったな。
まだあるんだ。