[過去ﾛｸﾞ]
Vue vs React vs Angular Part.3 (1002ﾚｽ)
Vue vs React vs Angular Part.3 http://mevius.5ch.net/test/read.cgi/tech/1560333895/
上
下
前
次
1-
新
通常表示
512ﾊﾞｲﾄ分割
ﾚｽ栞
このｽﾚｯﾄﾞは過去ﾛｸﾞ倉庫に格納されています｡
次ｽﾚ検索
歴削→次ｽﾚ
栞削→次ｽﾚ
過去ﾛｸﾞﾒﾆｭｰ
1: デフォルトの名無しさん [] 2019/06/12(水) 19:04:55.46 ID: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房が書き込んでも無視してください http://mevius.5ch.net/test/read.cgi/tech/1560333895/1
2: デフォルトの名無しさん [sage] 2019/06/12(水) 19:06:51.08 ID:QtpMWUcX >>1 スレ建て乙 http://mevius.5ch.net/test/read.cgi/tech/1560333895/2
3: デフォルトの名無しさん [sage] 2019/06/12(水) 19:11:10.66 ID:MP1tRols 1. jQueryはシンプルに書けるVue・Reactは冗長 証拠 https://jsfiddle.net/t62b49mp/ JavaScriptのコードはこれだけ $('.my-component [name="switch"]').change(function() { $(this).closest('.my-component').toggleClass('active', this.checked); }); 2. 信者「Vueならこれだけで動く！」 嘘1 isActive=false 嘘2 new vue({data:{isActive:false}}) https://codepen.io/anon/pen/MxmrjP （動かない） 嘘3 new Vue({ el: '#app', data: {isActive:false}, }) https://codepen.io/anon/pen/XGgpZV （変な動きをする） 3. 結論 jQueryはシンプルに書けるVue・Reactは冗長 http://mevius.5ch.net/test/read.cgi/tech/1560333895/3
4: デフォルトの名無しさん [sage] 2019/06/12(水) 23:07:01.43 ID:inilIjyq 相変わらず社会不適合者が粘着してんのな http://mevius.5ch.net/test/read.cgi/tech/1560333895/4
5: デフォルトの名無しさん [sage] 2019/06/13(木) 11:30:36.40 ID:euXigNzW >>1乙 前スレの話題、無駄に冗長なコードよりは短い方が良いだろうけど 短さも保守性の一要素であって 同じく保守性に影響する型チェックや適切な分割などとトレードオフになることもある WebサイトというよりWebアプリ向けのフレームワークとしては 最もスマートなHello worldが書けることより 規模や複雑さが増大したときに保守可能であって欲しい http://mevius.5ch.net/test/read.cgi/tech/1560333895/5
6: デフォルトの名無しさん [sage] 2019/06/13(木) 14:24:17.80 ID:9Vo7Y55o googleで「アヌス」って検索してたら 「新婚旅行で特別な体験」っていうタイトルがヒットしたので早速開いてみたら ディオクレティアヌス皇帝の浴場レストランに行った話だった http://mevius.5ch.net/test/read.cgi/tech/1560333895/6
7: デフォルトの名無しさん [sage] 2019/06/13(木) 21:08:40.70 ID:IEWBaGWA ReduxもHooks対応かぁ http://mevius.5ch.net/test/read.cgi/tech/1560333895/7
8: デフォルトの名無しさん [sage] 2019/06/15(土) 18:53:51.89 ID:X2oQflww >>7 ウチのポートフォリオサイトも対応しなきゃなぁ… http://mevius.5ch.net/test/read.cgi/tech/1560333895/8
9: デフォルトの名無しさん [sage] 2019/06/21(金) 08:24:19.26 ID:Mu2odL0V SPAのメリットってなんですか？ http://mevius.5ch.net/test/read.cgi/tech/1560333895/9
10: デフォルトの名無しさん [sage] 2019/06/21(金) 10:19:04.51 ID:s9IHadCZ ひろゆきがコラム書いてる http://mevius.5ch.net/test/read.cgi/tech/1560333895/10
11: デフォルトの名無しさん [sage] 2019/06/22(土) 00:23:12.00 ID:3TgqxsPN >>9 【メリット】 ・ネイティブアプリみたいに滑らかな画面遷移が可能。 ・マテリアルデザインのガイドラインに沿ったUIライブラリが豊富。 ・双方向バインディングによりHTMLの状態とJavascript オブジェクトの状態を一致させる事ができ、 jQueryを用いた泥臭いDOMいじり作業が不要。 ・Cordovaでアプリ化してストアに登録する事も可能。 【デメリット】 ・クローラがSPAに対応してない。SEO対策が必要な案件にはSSR必須 = サバーサイドのスキルも求められる。 ・jQuery等のライブラリと比較して学習コストが鬼。特にAngular。 ・Angular vs React vs Vue とスレタイにある通り、まだデファクトスタンダードが決まってない。 こんな感じかな。俺的には初心者には Vue → Nuxt がオススメ。 日本語ドキュメントが豊富で取っ付きやすい。 オススメしないのはAngular。TypeScript 必須 & 覚える事多い & 開発元の Google が最近Flutterばっか推してて将来 Flutter for web に喰われるかも。 http://mevius.5ch.net/test/read.cgi/tech/1560333895/11
12: デフォルトの名無しさん [sage] 2019/06/22(土) 00:33:07.00 ID:3TgqxsPN あ、もう一つ最大のデメリット忘れてたわ。 ・基本的にはモダンブラウザのみ対応。古いPCを使ってるケチな会社…もといレガシーな環境では使えない。 http://mevius.5ch.net/test/read.cgi/tech/1560333895/12
13: デフォルトの名無しさん [] 2019/06/22(土) 02:31:23.59 ID:e0kWbxTa よく自信満々で偉そうに思い込み騙れるな。 3つともIE9で見れるが。IE9はモダンブラウザですか？ http://mevius.5ch.net/test/read.cgi/tech/1560333895/13
14: デフォルトの名無しさん [sage] 2019/06/24(月) 00:45:32.28 ID:KMhG5DpC なんか急に過疎ってんな http://mevius.5ch.net/test/read.cgi/tech/1560333895/14
15: デフォルトの名無しさん [sage] 2019/06/24(月) 00:49:33.05 ID:QJh3OZzw みんな見限ったんだよ http://mevius.5ch.net/test/read.cgi/tech/1560333895/15
16: デフォルトの名無しさん [sage] 2019/06/24(月) 01:02:21.54 ID:eytL/XJT 他所で訊いてここが良いと言われたので、質問させてもらいたくやってきました Vueをtypescriptで書いて、property-decoratorで@Emitデコレータを使いたいときに 外部ファイルからimportしたvueインスタンス(仮にextvm)に イベントをemitしたいときってどうやればいいのでしょうか this.$emit('call') に @Emit() call{} は相当していますが extvm.$emit('call') を投げるにはどうすればいいのだろうかという疑問です property-decoratorの公式も見てみたのですが 例は全部this.$emitの置き換えばかりで分からなかったので 詳しい方いらっしゃいましたらお教えいただければ幸いです どうぞよろしくお願いいたします http://mevius.5ch.net/test/read.cgi/tech/1560333895/16
17: デフォルトの名無しさん [sage] 2019/06/24(月) 01:02:29.59 ID:c9pCSAyJ 何を見限ったんです？ React? http://mevius.5ch.net/test/read.cgi/tech/1560333895/17
18: デフォルトの名無しさん [sage] 2019/06/24(月) 09:21:50.31 ID:dhWW1aIx >>17 jQueryおじさんの妄言だろ http://mevius.5ch.net/test/read.cgi/tech/1560333895/18
19: デフォルトの名無しさん [sage] 2019/06/24(月) 13:44:24.48 ID:VkFnTpt9 ViewModel for React使ってるやついる？ http://mevius.5ch.net/test/read.cgi/tech/1560333895/19
20: デフォルトの名無しさん [sage] 2019/06/24(月) 18:02:35.13 ID:ICLwVQcV ReactとVueどっちがおすすめ？ http://mevius.5ch.net/test/read.cgi/tech/1560333895/20
21: デフォルトの名無しさん [] 2019/06/24(月) 18:12:51.55 ID:TlmQ/GE6 jsがどのくらい出来たらvue.jsとかのフレームワーク習得が良いの？ html/cssコーダーとして4年くらいやってたんだけどjQueryでdomいじるくらいで他にライブラリ導入するくらい。 正しい記法やらも知らないし、js単体でのアプリケーション作成なども全く無理な状態。 http://mevius.5ch.net/test/read.cgi/tech/1560333895/21
22: デフォルトの名無しさん [sage] 2019/06/24(月) 19:15:28.51 ID:vjsNfzGl >>21 必要ないやつには必要ない 当たり前の話 http://mevius.5ch.net/test/read.cgi/tech/1560333895/22
23: デフォルトの名無しさん [sage] 2019/06/24(月) 19:55:19.48 ID:IpbvJOYB 結局はPWAっぽいものを作りたいかどうかだな http://mevius.5ch.net/test/read.cgi/tech/1560333895/23
24: デフォルトの名無しさん [sage] 2019/06/24(月) 22:44:58.68 ID:k1X9rXNU TypeScriptはどっちみち必須になるだろうな http://mevius.5ch.net/test/read.cgi/tech/1560333895/24
25: デフォルトの名無しさん [] 2019/06/24(月) 23:30:41.44 ID:TlmQ/GE6 なるほど。使わない人には必要ないと。 しかし今転職考えててスキルセット考えるとコーダー関連しかできませんだと、どうにも辛い状況なんですよね。 PWAだのSPAだの作れますと言える状態にしたいのは間違いないので、とりあえずjsの勉強始めます。 http://mevius.5ch.net/test/read.cgi/tech/1560333895/25
26: デフォルトの名無しさん [] 2019/06/25(火) 01:08:11.49 ID:y6XNwTlk google i/o 2019見た？ googleがweb.devにreactのガイドコンテンツ作るってよｗｗ google謹製angularの立場ｗｗｗｗ http://mevius.5ch.net/test/read.cgi/tech/1560333895/26
27: デフォルトの名無しさん [sage] 2019/06/25(火) 01:44:09.87 ID:/1SkxROv 同時に勉強すればいいよ http://mevius.5ch.net/test/read.cgi/tech/1560333895/27
28: デフォルトの名無しさん [sage] 2019/06/25(火) 03:36:11.36 ID:sfPYxc02 >>25 転職サイトで経歴に書くならReactとか食いつきはいいよね http://mevius.5ch.net/test/read.cgi/tech/1560333895/28
29: デフォルトの名無しさん [sage] 2019/06/25(火) 06:50:25.49 ID:SxemZYeq >>16 やりたい事半分も理解できてないから正しい回答か自信ないけど、2つのtsコンポーネントでファンクションを共有化したいのかな。 であれば自分なら2つのコンポーネント用tsファイルとは別にexport class書いたtsファイル1つ作って、 static なファンクションの中に共有したいファンクション書くな。 後は2つのtsコンポーネント上でそれぞれ↑のクラスをimportして、 import { CommonFuncClass } from './CommonFuncClass.ts'; @Emit call{ CommonFuncClass.funcName; } みたいにすればいいんでない？ 適当に書いてるから間違ってたらすまん。 http://mevius.5ch.net/test/read.cgi/tech/1560333895/29
30: デフォルトの名無しさん [sage] 2019/06/25(火) 14:58:20.86 ID:0ge/8d0E TypeScript使ってないと死んでしまう http://mevius.5ch.net/test/read.cgi/tech/1560333895/30
ﾒﾓ帳
(0/65535文字)
上
下
前
次
1-
新
書
関
写
板
覧
索
設
栞
歴
あと 972 ﾚｽあります
ｽﾚ情報
赤ﾚｽ抽出
画像ﾚｽ抽出
歴の未読ｽﾚ
Google検索
Wikipedia
ぬこの手
ぬこTOP
0.015s