【ﾜｯﾁｮｲ有】Vue vs React vs Angular Part.5.5

1 ：デフォルトの名無しさん (ﾜｯﾁｮｲ 7202-xE3T)：2020/07/30(木) 20:59:21 ID:fmuQ+Yf/0.net

!extend:on:vvvvv:1000:512

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

★ここではjQuery, Ruby, C#, Blazorの話題は禁止です
★jQuery, Ruby, C#, Blazorｷﾁｶﾞｲが書き込んでも無視してください
Svelte, Next, Nuxt, Gatsby, VuePress, RedWoodなどはおｋ。 VIPQ2_EXTDAT: default:vvvvv:1000:512:: EXT was configured

44 ：デフォルトの名無しさん ：2020/12/30(水) 01:46:55.95 ID:zA1s3IaL0.net

実務でVueをtypescriptと使ってる人に聞きたいんですけど
Vue3はいつ頃乗り換える予定すか？

新しいサービスを作る必要があるのだけれど、vueの2系でやるか3系にするかめっちゃ悩む。vue3はtsでのベストプラクティスがこなれてないからいっそreactでもいいかと思ったり、、。

45 ：デフォルトの名無しさん ：2020/12/30(水) 02:00:46.39 ID:lXmFrXZN0.net

>>44
実務でvue3は既に使っててIEは切り捨ててる。
ウェブサイトというよりもウェブアプリって感じだからね。

2系でも composition api は使えるから、IEをサポートし続けるなら2系でスタートして、3系がIEをサポートしたらアップグレードすればいいと思う。
まぁ3系でも options api の互換性はあるからどっちで作っても良いんだけど。
3系では class based のコンポーネントをサポートしなくなっただけで、tsが使えないわけではない。型指定は普通にできる。
reactでもいいかもね。

46 ：デフォルトの名無しさん ：2020/12/30(水) 08:30:16.98 ID:ApnUwkeN0.net

>>45
vueは2までtsで使ってたけど
3で何があったの？

47 ：デフォルトの名無しさん ：2020/12/30(水) 09:03:47.62 ID:TuVgzDLD0.net

>>44
同じ辛みをかかえてて、同じようにReactに走りそうになってる。
もともと、TSはあんまり好きではない部分があって、悩んでるところ。
ただ、ReactとTSはセットにするとだいぶ良いなと思ったり。
もっとダックタイプで良いんよね。インターフェイスの実装に関してはGoみたいな雰囲気でいきたい。
仕事だとまたIE11切り捨てられないから、躊躇してるわ。

48 ：デフォルトの名無しさん ：2020/12/30(水) 14:36:09.73 ID:zA1s3IaL0.net

>>45
あざます！ まさにそこらへんの話が聞きたかった！
さらに聞いちゃうんですが、コンポーネント間のStateマネージメントってどうしてますか

・inject/providerでStoreパターンを作る,
・Vuex v4を使う

とかっすかね？
2系の開発だと、vuex-module-decoratorsとかでvuexをタイプセーフにしていたので
3系だとそこらへんきれいにやるにはどうしたもんかなーと思っていて。
(2系でcomposition API入れればいいのかもしれないけども)

49 ：デフォルトの名無しさん ：2020/12/30(水) 14:51:34.10 ID:zA1s3IaL0.net

>>47
ReactとTSはいいよねぇ。
型安全だからJSX実装中にもインテリセンスが効きまくって

CSS周りのコーディングパターンが複数あって選定するのが面倒だけど。

50 ：デフォルトの名無しさん ：2020/12/30(水) 15:35:33.38 ID:zHRzm9HUM.net

これまで静的型付け言語しかしてなくて（言語は荒れるから書かない）
今度のプロジェクトでReact+tsを使うことを検討中

インテリセンス効きまくるということに感動されてるのが、これまでは当たり前だったことができなくなるんじゃないかという不安を煽る…

React+ts+VSCode（かな？）だと静的型付け言語と同じくらいの生産性を保てるのか
フロントサイドの開発はそこまでは望めなくてそんなもんだよ
なのかを知りたい

51 ：デフォルトの名無しさん ：2020/12/30(水) 16:31:28.19 ID:zA1s3IaL0.net

>>50
> これまで静的型付け言語しかしてなくて（言語は荒れるから書かない）

静的型付けはネイティブ開発？ サーバーサイド？
いずれにしろ、React + tsを選定しておけば書き味は似たような感じになるので大丈夫だと思う。

52 ：デフォルトの名無しさん ：2020/12/30(水) 16:33:41.21 ID:zHRzm9HUM.net

>>51
ありがとう
安心した
インテリセンスが効かない環境を知らないコピペプログラマなもので。

53 ：デフォルトの名無しさん ：2020/12/30(水) 19:48:04.18 ID:lXmFrXZN0.net

>>48
コンポーネント間で共有できるリアクティブの変数を用意してるよ
こんな感じ
https://codesandbox.io/s/store-9u83v?file=/src/App.vue

54 ：デフォルトの名無しさん ：2020/12/30(水) 23:01:14.23 ID:zA1s3IaL0.net

>>53
わかりやすいサンプルコードまでありがとう〜〜。
composition APIだとシンプルな記述でreactiveになりますねぇ。よさそう。
年末年始で次のプロジェクトで使う実験してみようかな。

55 ：デフォルトの名無しさん ：2021/01/18(月) 08:08:05.90 ID:5We8pJJc0.net

997 名前：デフォルトの名無しさん[sage] 投稿日：2021/01/18(月) 00:41:57.79 ID:xEqPTcle
jQueryって状態をグローバル変数で管理するしかなくて
相当辛い
その例みたいにCSSをちょこっと変えるとかならjQueryじゃなくてもほぼ同じコードでいけるし
IEが死んだ今その用途ですら使う意味はない

998 自分：デフォルトの名無しさん[sage] 投稿日：2021/01/18(月) 01:15:22.90 ID:5We8pJJc [1/2]
>>997
> jQueryって状態をグローバル変数で管理するしかなくて

jQueryのせいにするなよ
お前の実力不足じゃんか

999 自分：デフォルトの名無しさん[sage] 投稿日：2021/01/18(月) 01:19:01.91 ID:5We8pJJc [2/2]
DOM（ドキュメント"オブジェクト"モデル）なんだからDOM要素を
オブジェクトとして考えればいい。状態はオブジェクト、つまりDOM要素自身が持つ
DOM要素の属性として持たせてもいいし、data属性を使ってもいいし、
jQueryのdataメソッドを使ってDOM要素に結びつけても良い
グローバル変数で管理するしかないのは、単にお前の技術力不足ってだけ

56 ：デフォルトの名無しさん ：2021/01/18(月) 22:46:15.21 ID:270Xx6QI0.net

セキュリティ周り難しすぎる。
localStrageはjsから簡単に読めるから、Cookie使えまではわかるんだけど、httpOnly付けてもXSSで読まれうるとか言われて面倒くさくなってきた。
とにかく自作WebAPI用にトークン（JWTでは無い）をブラウザに安全に保存したいんだけど、もう自力でやるのは諦めてよく練られたライブラリ使ったほうが安全臭いんだよね。
Reactと相性良い認証ライブラリとかある？

57 ：デフォルトの名無しさん ：2021/01/19(火) 18:20:34.64 ID:CdqMY/2C0.net

煽りあいは楽しいか？
ﾜｯﾁｮｲだったら相手するやつもまとめてNGぶっこんでやるのに

58 ：デフォルトの名無しさん ：2021/01/19(火) 18:37:23.28 ID:F40Mwzkq0.net

結局API用のトークンなんかどこに保存しようが一緒だからね
セキュリティチェックで文句言われる（保存しているトークンをそのままAPIのパラメータに使用した場合）ので
気休めにlocal storageに保存するときにAESで暗号化して回避したよ
これもコードまで解析すれば分かる話だがな・・・

59 ：デフォルトの名無しさん ：2021/01/19(火) 19:06:39.61 ID:sJx3SOhp0.net

>>58
ふ〜むなるほど。そういうのもあるのか

60 ：デフォルトの名無しさん ：2021/06/05(土) 12:15:46.79 ID:frSpp31ar.net

おっさんでReactやってる人いますか？

61 ：デフォルトの名無しさん ：2021/06/05(土) 21:38:10.95 ID:VY7+LHmQ0.net

erukiti

62 ：デフォルトの名無しさん ：2021/09/19(日) 23:02:25.83 ID:fSxJ2Xts0.net

>>59
ダメに決まってんだろ、参考にするな

63 ：デフォルトの名無しさん ：2022/02/05(土) 19:00:46.49 ID:6lxcOXZQM.net

React叩き棒にして暴れてるフロントエンド知識無しじいじも流石にここには来んやろ

64 ：デフォルトの名無しさん ：2022/02/05(土) 20:03:50.24 ID:M9g6zC+Xa.net

>>63
そのワッチョイでよくそのセリフが吐けるなw

65 ：デフォルトの名無しさん ：2022/02/05(土) 20:14:51.48 ID:Sv8rgU+3M.net

あ、React叩き棒じゃないなRust叩き棒か

>>64
ﾌﾟｰｲﾓはダメなの？

66 ：デフォルトの名無しさん ：2022/02/05(土) 22:33:44.17 ID:eZbTpHL4a.net

あの人あっちで続ける気なのかw

67 ：デフォルトの名無しさん ：2022/02/05(土) 22:42:32.60 ID:5Q5TSOsH0.net

あの人議論したいわけじゃなくて、フロントへの鬱憤晴らしたいだけだからワッチョイあると不都合なんだろうね。

68 ：デフォルトの名無しさん ：2022/02/06(日) 06:02:05.44 ID:s6RMLxsgM.net

時々思うんだけどNextに対してGatsbyって何か優位な点ある？

69 ：デフォルトの名無しさん ：2022/02/06(日) 12:04:10.54 ID:TyRjouhba.net

Gatsbyはgraphqlを通して様々なソースから静的ページを生成する
でもNextでも出来るんだよね
Gatsby下火っぽいし

70 ：デフォルトの名無しさん ：2022/02/06(日) 12:09:24.79 ID:FULcIoNEr.net

名前負けしたんだろ

71 ：デフォルトの名無しさん ：2022/02/06(日) 12:19:56.03 ID:65lmfjorM.net

>>69
やっぱそんな感じかぁ。Gatsbyと言えばGraphQLみたいなイメージあるけどNextでもできるしねぇ。

72 ：デフォルトの名無しさん ：2022/02/06(日) 17:36:36.24 ID:Fo3XpFx50.net

あっちで暴れてる人TSスレのアンチTSな人と同一人物かも

73 ：デフォルトの名無しさん ：2022/02/06(日) 17:42:29.07 ID:E2gsFHX+a.net

マークダウンファイルからhtmlを生成するため何度かGatsby触ったけどNextか普通の静的サイトジェネレータで良いかなって

74 ：デフォルトの名無しさん ：2022/02/06(日) 17:57:21.36 ID:Fo3XpFx50.net

俺はGatsbyの本でSSG勉強したのに結局NextでSSGを採用したぜw

75 ：デフォルトの名無しさん ：2022/03/01(火) 13:44:53.17 ID:n022LZBH0.net

vue の setter による変更検知が一番シンプルに思う。getter のキャッシュもこれで実現できてるわけだし。jsx も使えるしね。

76 ：デフォルトの名無しさん ：2022/10/09(日) 13:08:31.78 ID:ROb3K9Cf0.net

もう状態管理ライブラリを別途投入しなくても useReducer & useContext で十分な気がしてきた…

77 ：デフォルトの名無しさん ：2022/12/01(木) 13:48:37.42 ID:mHfXqz9G0.net

react始めたけど時期メッチャ悪いな
v18になったりmuiが仕様変わったりで
調べるの大変だわ

78 ：デフォルトの名無しさん ：2022/12/02(金) 09:04:31.17 ID:jcXSqDag0.net

公式の資料読んでればそこまでは困らないし、変に覚えた知識切り替えなくていいから楽ちんちん、とhooks出てからReact覚えたときは思った。公式以外は……うん……

79 ：デフォルトの名無しさん：2023/02/02(木) 14:37:44.95 ID:UKazhoG1x

統‐教會との繋がりが発覚した公明党高木陽介って生理的にイラッとくるよな、顔が厶力つくのか，喋り方か、頭の悪さが滲み出る論理性の
なさを自信滿々に喋り倒すあたりか．何か゛．少孑化対策は給付対象外の人には関係のない話ではなく．年金やらにも影響する問題た゛ウ゛ォケ
いまだに公務員優遇年金は存続してるし消えた年金だのグリ−ンピアだの俺も俺もと食い荒らして誰も賠償してない問題はどうなったんた゛よ
いつの間にやら税た゛のとほざいて強制加入た゛のＮНΚみたいな送りつけ詐欺やって．俺も俺もと特殊詐欺を流行らせて，
歴史的ハ゛カの黒田東彦は金刷りまくって１兆圓もの圧倒的資産格差形成させて、もはや労働者階級か゛子を産む行為自体を遺棄罪に等しくして
ＧρＩＦに株買わせまくって日銀の出囗戦略を完全に閉ざして八方塞か゛り．都心まで数珠つなぎて゛クソ航空機飛ばして温室効果ガスに騷音に
コ囗ナにとまき散らして人殺して私権侵害して私腹を肥やす強盜殺人の首魁斎藤鉄夫ら世界最悪の殺人腐敗組織公明党国土破壊省によって．
俺も俺もと強盗殺人を流行らせたりと、本当公明党は他人の権利を強奪して私腹を肥やすためた゛けに政治やってる史上最悪の外道集団だよな

創価学會員は，何百萬人も殺傷して損害を与えて私腹を肥やし続けて逮捕者まで出てる世界最惡の殺人腐敗組織公明党を
池田センセーか゛口をきけて容認するとか本気で思ってるとしたら侮辱にもほと゛か゛あるぞ！
ｈΤＴΡｓ：／／ｉ，ｉｍｇｕｒ，сοｍ／hnli1ga.jpeg

80 ：◆???：2023/02/05(日) 12:15:58.95 ID:gCGZ2Fk+q ?2BP(0)

Svelteほんといいですよ。Vueの記法になれていてVueにイライラしているならつかうといいです

81 ：デフォルトの名無しさん (ﾜｯﾁｮｲ a2d2-I9P1)：2023/06/04(日) 01:06:24.57 ID:ayQzGVhB0.net

jqueryの何が悪いん？
と言うかフロントエンド技術学習コストデカすぎで頭おかしいんだよ！
PHPやララベルやNode覚えたりSQLや単なるHTMLCSSjquery覚えてgit覚えるだけで精一杯なエンジニアだって沢山いるのに
まだreact覚えろとか鬼畜かよ
今まで覚えたこと台無しになるし、そもそもweb系エンジニアなんてオブジェクト指向まともにわかってないやつ多いのに無理やりJavaScriptに対してオブジェクト指向思考持ち込むなよ！
ブラウザ側のバグなんてある程度発生してもいいし、エラー出たらガリガリ直せばいいだろうが
reactとvueとangular乱立してるしよ

82 ：デフォルトの名無しさん ：2023/06/04(日) 06:18:35.07 ID:iUxL+6Brd.net

Reactは一回作ってしまえば部品単位ではめちゃくちゃ使いまわしが利くから既に取り入れてるとことかなら結構楽

83 ：デフォルトの名無しさん ：2023/06/04(日) 08:08:23.78 ID:9tQXurytr.net

ネタが尽きたからまた同じ燃料投下したわけか
確かにもう話題ないもんな

84 ：デフォルトの名無しさん ：2023/06/12(月) 19:18:23.67 ID:QIS2P40N0.net

>>81
Reactとオブジェクト指向混ぜて話すのは流石にエアプ感が凄い。30点

85 ：デフォルトの名無しさん (ﾜｯﾁｮｲ 5901-kym5)：2023/06/12(月) 19:37:46.67 ID:J71m9uYj0.net

Remix素晴らしいからもっと流行ってくれないかな
Next前提のドキュメントばかりでつらい

86 ：デフォルトの名無しさん (ﾄﾞｺｸﾞﾛ MM8b-1doU)：2023/06/13(火) 21:29:01.50 ID:erYMAU6QM.net

技術的な内容あまり理解してないけどRemixで作ったサイトはパフォーマンスいいよね
PageSpeed Insightsのスコアはそんなだけど自分でアクセスするとすごい速く感じる

87 ：デフォルトの名無しさん (ﾜｯﾁｮｲ 9300-lLA6)：2023/06/14(水) 06:45:05.93 ID:lhWQZ0KI0.net

Remix凄く良さそうだし、最近のNextは過剰に感じるし、やってみたいけどなぁ……で止まってる。公式ドキュメントとにらめっこしよかな……

88 ：デフォルトの名無しさん (ｽﾌﾟｰﾌﾟ Sd2a-ApuP)：2023/08/01(火) 14:59:35.02 ID:1kc07xY1d.net

知ったことか

89 ：デフォルトの名無しさん (ﾜｯﾁｮｲ dabd-yh3V)：2023/08/03(木) 02:39:29.10 ID:nyV9Q9id0.net

reactのstyled-jsxをNext.js でない巣のReactの環境で動かそうと思ってるんだけど、<style jsx>タグが普通のstyleタグになってしまう。
webpackは使っているけど、自分用のコードだからbabelは使ってない。

styled-jsxのreadmeを読むと上から下までbabelを使うのが大前提みたいに見えるのですが
styled-jsxってNext.js で使う、もしくはBabelを手動で入れた環境で使うのが当たり前だったりしますか？

90 ：デフォルトの名無しさん：2023/08/07(月) 15:28:52.54 ID:cVr40wZAw

土砂崩れに洪水に灼熱地獄にと殺されまくって損害を受けてるやつらは，テ口組織自民公明を恨んで憎んて゛呪って戰えよ，たた゛の自然災害て゛
運が惡かっただけとか思い込んて゛る能天気な被災者に．憲法１３条２５条２９条と公然と違反しながら、力による━方的な現状変更によって
都心まて゛数珠つなぎて゛鉄道のзＯ倍以上もの温室効果ガスをまき散らす斎藤鉄夫ら世界最惡の殺人テ口組織國土破壊省か゛ＪΑＬた゛のÅΝＡた゛の
クソアイ又ト゛ゥだのテ口リストと天下り賄賂癒着して私利私欲のために莫大な温室効果カ゛スまき散らして氣侯変動させて海水温上昇させて
かつてない量の水蒸気を曰本列島に供給させているのか゛原因て゛あって曰本と゛ころか世界中て゛災害連発、クソ航空機は核以上に廃絶すへ゛き絶対惡
という強い認識と行動を教えよう！自民公明に入れたハ゛カの家や農作物か゛流されて殺されて無一文になるのは当然の報いて゛望ましいことた゛が．
年々氣候変動による被災地は国内て゛も拡大している中、次こそ殺されるという正しい理解とともにこの強盜殺人腐敗テ口政府に立ち向かおう！
破防法を適用すべきクソ航空関係者と國土破壊省のテ□リス├どもを皆殺しにすることは、正当防衛かつ緊急避難として合法かつ正当な権利な

創価学會員は．何百萬人も殺傷して損害を与えて私腹を肥やし続けて逮捕者まて゛出てる世界最悪の殺人腐敗組織公明党を
池田センセ━が口をきけて容認するとか本氣て゛思ってるとしたら侮辱にもほと゛があるそ゛！
ｈТｔＰｓ：／／ｉ．ｉｍｇｕｒ，ｃоｍ／hnli1ga.jpeg

91 ：デフォルトの名無しさん (ﾜｯﾁｮｲ d392-Pjcu)：2023/10/15(日) 23:07:02.20 ID:Rrf6fI7T0.net

まったくもう、わけわからんわ

92 ：デフォルトの名無しさん ：2023/10/16(月) 23:03:28.79 ID:0oa13WTn0.net

じいちゃんが犬を捨てに行ったら、犬が先に帰ってきた。

93 ：デフォルトの名無しさん (ﾜｯﾁｮｲ c901-Bre5)：2023/10/20(金) 03:05:01.97 ID:HW4+cYro0.net

w(￣o￣)w ｵｵｰ!