Vue vs React vs Angular Part.3

■ このスレッドは過去ログ倉庫に格納されています
1デフォルトの名無しさん
垢版 |
2019/06/12(水) 19:04:55.46ID:x67noP4p
実際どうなん？
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房が書き込んでも無視してください
521デフォルトの名無しさん
垢版 |
2020/06/04(木) 14:03:39.87ID:KwTRcPMk
というより、Chromeのアルゴリズムをそのまま仕様にしてるのかね。
522デフォルトの名無しさん
垢版 |
2020/06/04(木) 14:10:11.05ID:KwTRcPMk
Chromeがなぜ属性値のエスケープを仕様通りにしないのかも気になる。
パーシングと直列化を繰り返すと危険なHTMLに変化させることが出来るのだろか？
もしそうなら仕様の方を修正してほしい。
2020/06/04(木) 14:17:30.84ID:S0nAIzUJ
もしかしてVueってLaravelがサポートしてるからぺちぱーがなだれ込んだだけのうんち？
524デフォルトの名無しさん
垢版 |
2020/06/04(木) 14:19:12.71ID:KwTRcPMk
トークン化ステージ（字句解析に相当）が3000行、木構築ステージ（構文解析に相当）が5000行程度だった。
横にいくらでも伸ばすスタイルなので、80行縛りとかある人なら倍に膨らむだろうけど。
個人で書けない分量ではなかった。

これ、木であるという縛りがあるので、アルゴリズムが不必要に複雑化してるよね。
自分が一から設計するなら別の方法を使うだろな。
2020/06/04(木) 14:20:17.32ID:7GmwQE7C
Vueはうんちだよ。敷居の低さだけが売りさ。
2020/06/04(木) 14:20:32.13ID:uCxAA6/g
CRAは「使えない」みたいな意見たまにあるけどそうなの
527デフォルトの名無しさん
垢版 |
2020/06/04(木) 14:21:08.20ID:q5ejfX+g
jQueryと関係ない話はやめてください！
528デフォルトの名無しさん
垢版 |
2020/06/04(木) 14:21:56.21ID:KwTRcPMk
板違いスレだし何でもありなんじゃないの？
2020/06/04(木) 14:23:57.86ID:7GmwQE7C
このスレは荒らしの割合が多すぎてダメだな。さらば。
530デフォルトの名無しさん
垢版 |
2020/06/04(木) 14:24:26.76ID:KwTRcPMk
しかしこれだけ複雑怪奇なアルゴリズムだと、すべてのパスを通すようにテストを書くとしても、テストにはならないよね。
こんなのはどうしたら良いのか。
まあ全部で2万行台のソースに対して、テストが100万行とかなりそうだし、すべてのパスを通すってのがもう無理だけど。
531デフォルトの名無しさん
垢版 |
2020/06/04(木) 14:25:22.67ID:KwTRcPMk
>>529
俺はHTMLの専門家がいると聞いて質問してるだけで、荒らしてるわけじゃないぞ。
532デフォルトの名無しさん
垢版 |
2020/06/04(木) 14:27:42.88ID:KwTRcPMk
ちなみに使った言語はC++17ですハイ。
トークンの型をテンプレートで受け取ってconstexprで判定の一部をコンパイル時に移動することで、高速化を図りました。
これはイイ！やりかた。
533デフォルトの名無しさん
垢版 |
2020/06/04(木) 14:30:04.63ID:KwTRcPMk
一番聞きたいのは、次何作れば良いかなってことだけども。
URL Standardだろか？

二番目が、こんなわけわからん仕様の場合、テストはどうするべきか？ってことだけども。
2020/06/04(木) 21:48:18.48ID:yu2YMObw
>>517
そっちはjqueryおじさん隔離スレとして使って下さい
2020/06/04(木) 21:49:22.38ID:wotyavku
vue.jsのどこが敷居低いんだよ。
再帰とデータ構造が判ってないと本を読んでも
ネタ化するだけじゃん。
536デフォルトの名無しさん
垢版 |
2020/06/04(木) 22:11:46.48ID:hC0MsN2x
Ruby on Rails でも、Bootstrap を使うには、jQuery が必要

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

HTML の部分木を作るのは、JavaScript のDocumentFragment
2020/06/04(木) 22:51:34.74ID:xU6gLBpw
>>535
導入の敷居は低いけど習得の敷居は…って感じだね
2020/06/04(木) 22:52:41.77ID:xU6gLBpw
動画サイトなんかはReact使ってるとこ結構多いよね
2020/06/04(木) 23:00:32.29ID:LYOI3JL5
敷居が低い・高いってのはある場所に入ることに対する難度を示す言葉だからな。
「習得の敷居が高い」とは言わないでしょ。
2020/06/04(木) 23:01:35.09ID:LYOI3JL5
個人的にはangularも十分敷居が低いと感じたけどね。
541デフォルトの名無しさん
垢版 |
2020/06/05(金) 03:58:41.39ID:/s+vLyih
Vue.jsでページ離脱時に「このサイトを離れますか？」を表示する
https://qiita.com/kimuchan/items/7d9de3adb95bcdc0a662

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

window.onbeforeunload = function(e) {
e.preventDefault();
return '';
};
2020/06/05(金) 04:52:54.91ID:n135C4CO
SPAのルーター使ったページ遷移は特殊でページ遷移したように見えても
スクリプトとかDOMツリーを丸ごと破棄するわけじゃないから
543デフォルトの名無しさん
垢版 |
2020/06/05(金) 12:55:00.26ID:EqTjbYji
インタラクティブなサイトを作る場合reactやvueなどのライブラリを使うと幸せになれます。

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

そういう意味でもjQueryを使う必要はどんどんなくなっていきます。
544デフォルトの名無しさん
垢版 |
2020/06/05(金) 13:12:24.80ID:/s+vLyih
vanillajsよりもjQueryの方が簡単に書けるってことを
否定した記事は見たことないんだけど？
545デフォルトの名無しさん
垢版 |
2020/06/05(金) 13:39:10.21ID:EqTjbYji
記事もあくまでも個人の感想だから、記事があるからと言って簡単ということにはならないと思うが。

それはさておき、jQueryなら、こうかけるのに〜と嘆きたくなるなら、そういう風にvanillaで実装すればいいだけでは？
546デフォルトの名無しさん
垢版 |
2020/06/05(金) 14:00:50.79ID:/s+vLyih
>>545
オレオレライブラリを作れっていう話なら、技術ノウハウが共有できないので却下します。
547デフォルトの名無しさん
垢版 |
2020/06/05(金) 14:21:45.83ID:EqTjbYji
>>546
数が多ければそうなんだけど、今はjQueryにしかない関数って少なくないよね？
548デフォルトの名無しさん
垢版 |
2020/06/05(金) 14:22:45.02ID:/s+vLyih
>>547
jQueryの方が簡単にかける関数は多いです。
簡単にかける＝テストすべきコードも少ない
549デフォルトの名無しさん
垢版 |
2020/06/05(金) 14:27:37.54ID:EqTjbYji
>>548
例えば？？

jQuery側がテストしてる前提だからその、イコールは成り立つけど全てに当てはまるものではないね
550デフォルトの名無しさん
垢版 |
2020/06/05(金) 14:33:13.16ID:/s+vLyih
>>549
例えば動的にA要素が増減する場合に対応した
イベントハンドラの定義

$(document).on('click', 'a', function() {
・・・
});
2020/06/05(金) 14:59:35.78ID:p4hV8+at
また荒らしがわいてる
2020/06/05(金) 15:05:24.13ID:KA6Po/JQ
フレームワークの存在意義すら理解できないようなら参加しないでほしい
553デフォルトの名無しさん
垢版 |
2020/06/05(金) 15:20:16.53ID:EqTjbYji
react、vueなどのフレームワークの存在意義は理解しているが
多くのサイトはwebcomponentsでいいじゃんと思ってしまう。
554デフォルトの名無しさん
垢版 |
2020/06/05(金) 16:09:30.64ID:Uv2w5eYU
Webcomponentsがゴミに見えてしまうのは僕の頭が悪いからでしょうか。
2020/06/05(金) 16:14:52.09ID:nTqC6OPt
フレームワークの存在意義なんて楽して書ける、低水準な話を理解してなくても書ける、の2点に尽きるんじゃないの？
556デフォルトの名無しさん
垢版 |
2020/06/05(金) 16:15:49.92ID:EqTjbYji
>>554
どこがゴミなのか教えてほしい
557デフォルトの名無しさん
垢版 |
2020/06/05(金) 16:35:48.12ID:Uv2w5eYU
逆にどこが良いんでしょうか？
558デフォルトの名無しさん
垢版 |
2020/06/05(金) 16:45:53.19ID:EqTjbYji
>>557
コンポーネントとして再利用できる、ある程度はreactiveにかける、vanillaなので軽い、ライフサイクルを持ってる。
弱いところは宣言的に書けないところくらいじゃない？
559デフォルトの名無しさん
垢版 |
2020/06/05(金) 16:47:44.85ID:Uv2w5eYU
え？それはイイですね。
ゴミだと思ってました。
560デフォルトの名無しさん
垢版 |
2020/06/05(金) 16:55:03.20ID:Uv2w5eYU
ところで何でjQueryの話題禁止ですか？
2020/06/05(金) 17:16:32.19ID:E2RRrr/3
>>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/
562デフォルトの名無しさん
垢版 |
2020/06/05(金) 17:29:45.40ID:Uv2w5eYU
Javascript はweb制作管理板、CGI はWEBプログラミング板へ。
↑
板のルールこれ。
ルール守れとは思わないけど、ルール守らない人が、他人にルール守れというのは違和感ある。
563デフォルトの名無しさん
垢版 |
2020/06/05(金) 17:33:52.81ID:Uv2w5eYU
プログラミングに検索はつきものだけど、サムライ何とかクリックしてしまうとイラっとするわ。
なんなのお待ちくださいみたいなクルクル。
ウェブサイトであれは無いわ。
アプリじゃないんだからさ。
564デフォルトの名無しさん
垢版 |
2020/06/05(金) 17:36:35.17ID:Uv2w5eYU
jQueryはなかなかの発明だと思ったけど、仮想DOMはそうでもないな。
565デフォルトの名無しさん
垢版 |
2020/06/05(金) 17:37:51.99ID:/s+vLyih
仮想DOMは遅くなってしまうのを回避するためのノウハウですからね
開発者にメリットを与えていない
566デフォルトの名無しさん
垢版 |
2020/06/05(金) 17:40:14.68ID:Uv2w5eYU
Computer Shopperは梅田の洋書屋に置いてあったんだけど、なぜかイギリス版だったんだよな。
アメリカ版のほうが需要あるだろうに。
でも面白いから良く買ってた。
567デフォルトの名無しさん
垢版 |
2020/06/05(金) 17:51:00.10ID:FtlHLQb4
ちょっと聞いてくれ。
ｊＱｕえｒｙのシェアに大きな変化があった。

https://w3techs.com/technologies/history_overview/javascript_library/all
ここ数年は1ヶ月で0.1%、1年でようやく1%ぐらいしか伸びていなかったんだが
なぜか5月から6月にかけて1ヶ月で1%以上も増えてる
逆に減ったのはJavaScriptライブラリを使ってないサイト
コロナのせいかな？
568デフォルトの名無しさん
垢版 |
2020/06/05(金) 18:03:36.52ID:Uv2w5eYU
俺も気づいたことあるんで、書いておくわ。
Githubのアクティビティがコロナ期間中ものすごく上がってる。
これは、仕事とは別にプロジェクトを持つ人が多いことを示唆するのでは。
2020/06/05(金) 20:14:25.87ID:m8qwJlXr
>>562
結局このスレは何について話すために立てられたスレなの？
2020/06/05(金) 20:17:19.61ID:Fdu8CZzS
なんでこのスレでjQueryの話するの？なんでなんでなんで？
2020/06/05(金) 20:17:37.43ID:Fdu8CZzS
なんでなの~？
2020/06/05(金) 20:19:50.42ID:UiSduxRW
これでもみて落ち着け
https://i.imgur.com/igLZhbz.jpg
2020/06/05(金) 20:23:51.31ID:OEFtSVrd
自分が理解できない新技術を叩くことに血道を上げる爺、つくづく哀れだな。
2020/06/05(金) 20:26:25.98ID:KODGR1Mj
Nuxt vs Next
575デフォルトの名無しさん
垢版 |
2020/06/05(金) 20:59:37.58ID:Uv2w5eYU
>>569
それは立てた人に聞かんと分からんけど、立てた人の意向に沿わないとダメって事もないわな。
板違いスレなんだし。
そこら辺は、立てた人もおおらかな気持ちで許してくれると思うぞ。
2020/06/05(金) 21:46:46.41ID:Lr2lHG7b
馬鹿はjQuery使えばいいじゃない
577デフォルトの名無しさん
垢版 |
2020/06/05(金) 22:13:35.39ID:YTcIve/l
天才でもjQueryで良いと思うけど？馬鹿限定にしないとなにか困るの？
2020/06/05(金) 22:19:46.82ID:B45TUAZe
>>575
jQueryフォォォオオオオ！！！！
2020/06/05(金) 22:20:47.86ID:Pm8/8uC1
jQueryの話題OKのお墨付きがでたフォォォオオオオオオ！！！！フォォォオオオオオオ！！！！
2020/06/05(金) 22:28:49.18ID:cTe/Z6+G
はい、私がこのスレを立てしものです。
>>575さんが私の気持ちを代弁してくれました。jQueryの話もどんどんしましょう！
2020/06/05(金) 23:02:12.67ID:n135C4CO
Reactなら<>〜</>で済むところを<template>〜</template>って書くのはなんだかなぁ
582デフォルトの名無しさん
垢版 |
2020/06/05(金) 23:08:30.51ID:EqTjbYji
>>581
？？？

ちょっとなに言ってるかわからないので詳しくお願いします
2020/06/05(金) 23:22:49.43ID:e4Todh9J
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.24ID:OiXPrcHj
無理やりjQuery以外の話し始めてて草
2020/06/06(土) 00:18:55.01ID:OiXPrcHj
Ruby on Rails使いはミーハープログラマーなイメージ。
2020/06/06(土) 01:20:15.27ID:7YMZq5d4
【ポイントは一つ】プログラミング未経験でも受かるポートフォリオの作り方
https://www.youtube.com/watch?v=la0rkh6wlxA

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

この娘は、勉強に1週間、作成に2週間
2020/06/06(土) 10:32:50.29ID:IES+TM0d
>>585
RubierはスタバでMacドヤってるイメージ
2020/06/06(土) 10:53:33.70ID:maGrK2WM
>>583
APIを界面にビジネスロジックはサーバー側、プレゼンテーションロジックはクライアント側って
ふつうに分離できると思うが。
2020/06/06(土) 11:14:25.86ID:ulo0YVWu
Ruby使いには何を言っても無駄だよ。何事についても理解が正確じゃないからね。
2020/06/06(土) 11:24:04.97ID:T0SYRtuq
svelteが人気出てきたよな
かなり簡潔に書けるし仮想DOMは使っていない
591デフォルトの名無しさん
垢版 |
2020/06/06(土) 11:28:20.35ID:i3dxEDdl
ほーらまた違うのが出てきたｗ
592デフォルトの名無しさん
垢版 |
2020/06/06(土) 11:50:02.66ID:COJn5GeL
我々読者はお待ちください見たいなクルクルは許さんからね。
サーバーサイドレンダリングしてよね。
2020/06/06(土) 12:10:30.74ID:IES+TM0d
Svelteってあったね↓の記事のリンクから知ったっけちょっと試したけど本格的にやろうとは思わんかったな
https://2019.stateofjs.com/front-end-frameworks/

Emberも知らんかったけど
Aureliaは載ってないけど終わってしまったんかな
2020/06/06(土) 14:22:26.51ID:kg24a5Q4
公式ドキュメントでも見てみるか -> "Black Lives Matter" ﾃﾞﾃﾞｰﾝ (他のページへのリンクもなし)

はあーまじくそ偽善者どもめ
595デフォルトの名無しさん
垢版 |
2020/06/06(土) 14:22:50.92ID:COJn5GeL
お待ちくださいのクルクルは公害みたいなもんだからな。

河が汚染されてるのは河が悪いってのは通らんからな。
汚染物質垂れ流す奴が悪いんだからな。
596デフォルトの名無しさん
垢版 |
2020/06/06(土) 14:29:06.74ID:COJn5GeL
クリックしてしまってクルクル、イラっとしたときに何か悪い成分が出てると思うんだよな。
これが戦争の原因物質では？
2020/06/06(土) 15:02:44.71ID:NZYvkkXZ
は？クルクルタイムのミニゲームはモダンwebの必須条件なんだが？
598デフォルトの名無しさん
垢版 |
2020/06/06(土) 15:04:08.90ID:COJn5GeL
いや、俺はあのクルクルめっちゃイラつくねん。
599デフォルトの名無しさん
垢版 |
2020/06/06(土) 15:05:55.46ID:Gs6XNHwr
あれってJavaScriptフレームワークの初期ページの
表示の遅さをごまかしてるんだろ？
2020/06/06(土) 15:14:56.01ID:AxdIOT4/
いや貧乏人のネット回線の遅さを誤魔化してるんだよ
601デフォルトの名無しさん
垢版 |
2020/06/06(土) 15:16:08.53ID:COJn5GeL
こいつ、回線のせいにしよったで！
2020/06/06(土) 16:27:02.76ID:IES+TM0d
回線ってより相手側のサーバーがアクセス数に合ってないってパターンが殆どなんだと思うよ
回線が遅いっていうのは大体マンション住みで通信インフラが居住者数に合ってないってパターンくらいだろ

GmailなんかはPCスペックに依存してロースぺPCだと遅いが
603デフォルトの名無しさん
垢版 |
2020/06/06(土) 16:29:26.54ID:COJn5GeL
どうでもいいから、クルクルやめいや。
イラっとするわ。
2020/06/06(土) 16:33:34.09ID:maGrK2WM
遅くてイラっとするのはたいてい広告の方だけど、やめるわけにはいかないなぁ。
2020/06/06(土) 17:18:13.07ID:Y5wmAuo8
サムライ塾の悪口はそこまでにしろ
606デフォルトの名無しさん
垢版 |
2020/06/06(土) 17:25:44.41ID:COJn5GeL
イラっとさせられると悪口の一つも言いたくなりますわ。
クリックする前に「クルクルします」と警告が出たらいいのになあ。
2020/06/06(土) 17:33:21.19ID:yACxhwqg
そんなくるくるが気になるサイトって動画の生配信かお名前くらいしか心当たりないが
608デフォルトの名無しさん
垢版 |
2020/06/06(土) 17:56:43.75ID:COJn5GeL
お名前って何？
2020/06/06(土) 18:13:14.00ID:aP59+Re1
お名前.comでしょ
UX悪すぎるからあそこ使うのやめたわ
610デフォルトの名無しさん
垢版 |
2020/06/06(土) 19:10:37.41ID:COJn5GeL
>>609
そうか、ありがとな。
むかし有名だったな。
まだあるんだ。
2020/06/06(土) 19:34:49.36ID:w7sAmPKa
jqueryならクルクルしないのにな
https://i.imgur.com/VfZcDKy.png
2020/06/06(土) 23:27:42.73ID:IES+TM0d
ロードに時間が掛かるから完了までくるくるを表示してるのを
くるくるしてますってアピールする為に表示してるとか勘違いしてる節が見受けられるな
613デフォルトの名無しさん
垢版 |
2020/06/06(土) 23:40:40.56ID:COJn5GeL
クルクル禁止法について、官邸御意見箱に投書してくるわ。
総理なら気持ちを分かってくれる。
614デフォルトの名無しさん
垢版 |
2020/06/07(日) 00:00:04.03ID:I1ZAw1qp
jQueryの頃は初期表示を早くするために
JavaScriptはページ表示の最期になってから実行する。HTMLとCSSだけで
ページ冒頭部分が見れるようにするっていうのは常識だったんだけど
フレームワークのせいでそれが難易度が高いものになってしまったから
そういうのに無頓着になってしまってるんだよな
2020/06/07(日) 00:06:03.77ID:4f+1WiBG
ゴミクズはよ寝ろ
2020/06/07(日) 00:12:05.31ID:dpE4vmCn
なぜサーバーのスペックが足りてないとは思わないのか？
2020/06/07(日) 00:58:09.59ID:4f+1WiBG
jquery使うサイトはSSRだよな
WordPressもそう
この侍もWordPress
つまりバックエンドで動的にhtmlを生成しているわけだな
だからクソ重い

ゴミクズjqueryジジイはhtmlとcssだけとか言ってるがバックエンドが生成しているコストは完全に無視しやがってる

当たり前だがバックエンドで生成するよりもReactなどのほうが圧倒的に高速

動的にもできないゴミサイトはお呼びじゃねーし
2020/06/07(日) 01:00:23.03ID:uvQLWD0s
>>563
sejukuのことだね。
激しく同意。
なぜかそこばっか検索上位に来てしまう。
619デフォルトの名無しさん
垢版 |
2020/06/07(日) 01:06:36.78ID:/9E45Cf3
>>617
それこそ

なぜサーバーのスペックが足りてないとは思わないのか？

だわなｗ
620デフォルトの名無しさん
垢版 |
2020/06/07(日) 01:12:59.94ID:/9E45Cf3
>>617
とりあえずお前はCDNとかキャッシュについて調べたほうがいいぞｗ

あとSPAでもバックエンドのコストは必要だってことがわかってない
■ このスレッドは過去ログ倉庫に格納されています
5ちゃんねるの広告が気に入らない場合は、こちらをクリックしてください。
ニューススポーツなんでも実況