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房が書き込んでも無視してください
2020/06/04(木) 01:22:45.15ID:LYOI3JL5
俺はReact使ったことない、Vueは超簡単な入門書一冊やっただけ、でangular使ってる。用途は自社サーバーの管理ツールとして使用するwebサイト開発。
もともとWPFでデスクトップアプリの開発の経験があったんだが、それと似てるからかすっと馴染んで凄く使いやすいと思ってる。
まあそもそもフロントエンドは一般教養レベルの技術しか持ってないところから始めたから感覚が全然違うだけなんかな。
2020/06/04(木) 01:33:13.27ID:LYOI3JL5
Angularでありがたいのは、公式サイトのドキュメント一通り勉強して身に付けた定石に従えばOKなところかな。
ReactとVueはあまり詳しくないのでわからないけど、フロントエンド開発は何が正攻法なのかわからなくて悩んでしまうイメージがある。もちろん経験が浅い故の悩みなんだろうけど。
2020/06/04(木) 01:49:57.54ID:od5oT+Sf
Webフロントエンドはまだ流行り廃りが激しいから、どれが正解とかは一概には言えない部分がある
が旧来のやり方で作られてるものだろうとなんだろうとWeb標準に従っていれば今後動かなくなるということはまずないので、そこは安心していい（ライブラリやフレームワークが保守されなくなることはあるが）
これから新しくやるならとりあえずそのとき一番流行ってるものを使ってみるといいと思う
トレンドの追い方は色々あるだろうけど、今から把握するならこことかおすすめ
https://2019.stateofjs.com/front-end-frameworks/
507デフォルトの名無しさん
垢版 |
2020/06/04(木) 06:02:07.69ID:L+E/1jGT
>>503
実際に速いのかどうか。やってみないとわからない。
508デフォルトの名無しさん
垢版 |
2020/06/04(木) 06:03:24.48ID:L+E/1jGT
>>505
> フロントエンド開発は何が正攻法なのかわからなくて悩んでしまうイメージがある。
そうではなく絶賛開発中だからだよ
一年後にはやり方が変わってる
509デフォルトの名無しさん
垢版 |
2020/06/04(木) 06:50:57.10ID:KwTRcPMk
Javascript はweb制作管理板、CGI はWEBプログラミング板へ。
2020/06/04(木) 07:47:14.48ID:Efp7l1XA
>>495
ああ、書き方が悪かったな。DOMを使わない手段で逃げたということ。
仮想DOMの効率を比較するうえで挙げた例なのにな。
511デフォルトの名無しさん
垢版 |
2020/06/04(木) 07:48:59.07ID:q5ejfX+g
>>510
手段が目的になってるね
フレームワークの欠点はCSSベースのよりよい方法
軽くてシンプルな方法が採用できないってのも上げておくか
2020/06/04(木) 08:14:52.94ID:Efp7l1XA
最初に挙がった話がDOM操作の効率比較なんだから当たり前。頭沸いてんのか？
それと、なんでフレームワークだとCSSが使えないと思い込んでいるんだろう。
2020/06/04(木) 09:21:09.23ID:H8bkblOq
どうしてもこのスレでその話を続けないといけないのか？
514デフォルトの名無しさん
垢版 |
2020/06/04(木) 10:59:00.78ID:q5ejfX+g
>>512
フレームワークでDOM操作効率化なんてしてんの？
俺ならHTML文字列を組み立てて代入するだけだなぁ
これならDOM操作は一回じゃね？
2020/06/04(木) 12:41:52.47ID:ph5uM4S6
>>514
DOM構築後は固定かよ
クソじゃん
516デフォルトの名無しさん
垢版 |
2020/06/04(木) 13:30:21.25ID:q5ejfX+g
>>515
フレームワーク使って変えるよりも
jQuery使って変えたほうが効率的ってことだよ
2020/06/04(木) 13:51:39.87ID:cVL0kVhl
こちらに適切なスレがあるからこっちで話してね

Vue vs React vs Angular vs jQuery Part.3
https://mevius.5ch.net/test/read.cgi/tech/1560333177/
518デフォルトの名無しさん
垢版 |
2020/06/04(木) 13:54:38.79ID:q5ejfX+g
向こうのスレでも答えが出てるなｗ

> 文字列でhtml作ってdivにまとめてブチ込むのが簡単だし高速
519デフォルトの名無しさん
垢版 |
2020/06/04(木) 13:59:59.62ID:KwTRcPMk
いまHTML5パーサー書いてて一通りの実装が済んだんだけど、次の部品を製造するとしたら、何が求められるんだろね？
パーサーのテスト実装が途中の状態だけど。
520デフォルトの名無しさん
垢版 |
2020/06/04(木) 14:02:39.64ID:KwTRcPMk
WHATWG Encoding standardとWHATWG HTML Standard の Parsing まで実装した。
Chromeがどうやら属性値のエスケープなどごく一部を除いて改行の移動する位置まで厳格に仕様通りなので、Chromeの出力をテストデータにしてるけど。
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
どうでもいいから、クルクルやめいや。
イラっとするわ。
■ このスレッドは過去ログ倉庫に格納されています
5ちゃんねるの広告が気に入らない場合は、こちらをクリックしてください。
ニューススポーツなんでも実況