[過去ﾛｸﾞ] Vue vs React vs Angular Part.3 (1002ﾚｽ)
上下前次1-新
このｽﾚｯﾄﾞは過去ﾛｸﾞ倉庫に格納されています｡
次ｽﾚ検索 歴削→次ｽﾚ 栞削→次ｽﾚ 過去ﾛｸﾞﾒﾆｭｰ
1(2): 2019/06/12(水)19:04 ID:x67noP4p(1) AAS
実際どうなん？
Vue
外部ﾘﾝｸ:jp.vuejs.org
React
外部ﾘﾝｸ:reactjs.org
Angular
外部ﾘﾝｸ:angular.io
※前スレ
Vue vs React vs Angular Part.2
2chｽﾚ:tech
※前前スレ
Vue vs React vs Angular
2chｽﾚ:tech
★ここではjQueryの話題は禁止です
★jQuery房が書き込んでも無視してください
2: 2019/06/12(水)19:06 ID:QtpMWUcX(1) AAS
>>1
スレ建て乙
3: 2019/06/12(水)19:11 ID:MP1tRols(1) AAS
1. jQueryはシンプルに書けるVue・Reactは冗長
証拠 外部ﾘﾝｸ:jsfiddle.net
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}})
外部ﾘﾝｸ:codepen.io （動かない）
嘘3
new Vue({
el: '#app',
data: {isActive:false},
})
外部ﾘﾝｸ:codepen.io （変な動きをする）
3. 結論
jQueryはシンプルに書けるVue・Reactは冗長
4: 2019/06/12(水)23:07 ID:inilIjyq(1) AAS
相変わらず社会不適合者が粘着してんのな
5: 2019/06/13(木)11:30 ID:euXigNzW(1) AAS
>>1乙
前スレの話題、無駄に冗長なコードよりは短い方が良いだろうけど
短さも保守性の一要素であって
同じく保守性に影響する型チェックや適切な分割などとトレードオフになることもある
WebサイトというよりWebアプリ向けのフレームワークとしては
最もスマートなHello worldが書けることより
規模や複雑さが増大したときに保守可能であって欲しい
6: 2019/06/13(木)14:24 ID:9Vo7Y55o(1) AAS
googleで「アヌス」って検索してたら
「新婚旅行で特別な体験」っていうタイトルがヒットしたので早速開いてみたら
ディオクレティアヌス皇帝の浴場レストランに行った話だった
7(1): 2019/06/13(木)21:08 ID:IEWBaGWA(1) AAS
ReduxもHooks対応かぁ
8: 2019/06/15(土)18:53 ID:X2oQflww(1) AAS
>>7
ウチのポートフォリオサイトも対応しなきゃなぁ…
9(1): 2019/06/21(金)08:24 ID:Mu2odL0V(1) AAS
SPAのメリットってなんですか？
10: 2019/06/21(金)10:19 ID:s9IHadCZ(1) AAS
ひろゆきがコラム書いてる
11: 2019/06/22(土)00:23 ID:3TgqxsPN(1/2) AAS
>>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 に喰われるかも。
12: 2019/06/22(土)00:33 ID:3TgqxsPN(2/2) AAS
あ、もう一つ最大のデメリット忘れてたわ。
・基本的にはモダンブラウザのみ対応。古いPCを使ってるケチな会社…もといレガシーな環境では使えない。
13: 2019/06/22(土)02:31 ID:e0kWbxTa(1) AAS
よく自信満々で偉そうに思い込み騙れるな。
3つともIE9で見れるが。IE9はモダンブラウザですか？
14: 2019/06/24(月)00:45 ID:KMhG5DpC(1) AAS
なんか急に過疎ってんな
15: 2019/06/24(月)00:49 ID:QJh3OZzw(1) AAS
みんな見限ったんだよ
16(1): 2019/06/24(月)01:02 ID:eytL/XJT(1) AAS
他所で訊いてここが良いと言われたので、質問させてもらいたくやってきました
Vueをtypescriptで書いて、property-decoratorで@Emitデコレータを使いたいときに
外部ファイルからimportしたvueインスタンス(仮にextvm)に
イベントをemitしたいときってどうやればいいのでしょうか
this.$emit('call')
に
@Emit() call{}
は相当していますが
extvm.$emit('call')
を投げるにはどうすればいいのだろうかという疑問です
property-decoratorの公式も見てみたのですが
例は全部this.$emitの置き換えばかりで分からなかったので
詳しい方いらっしゃいましたらお教えいただければ幸いです
どうぞよろしくお願いいたします
17(1): 2019/06/24(月)01:02 ID:c9pCSAyJ(1) AAS
何を見限ったんです？
React?
18: 2019/06/24(月)09:21 ID:dhWW1aIx(1) AAS
>>17
jQueryおじさんの妄言だろ
19: 2019/06/24(月)13:44 ID:VkFnTpt9(1) AAS
ViewModel for React使ってるやついる？
20: 2019/06/24(月)18:02 ID:ICLwVQcV(1) AAS
ReactとVueどっちがおすすめ？
21(1): 2019/06/24(月)18:12 ID:TlmQ/GE6(1/2) AAS
jsがどのくらい出来たらvue.jsとかのフレームワーク習得が良いの？
html/cssコーダーとして4年くらいやってたんだけどjQueryでdomいじるくらいで他にライブラリ導入するくらい。
正しい記法やらも知らないし、js単体でのアプリケーション作成なども全く無理な状態。
22: 2019/06/24(月)19:15 ID:vjsNfzGl(1) AAS
>>21
必要ないやつには必要ない
当たり前の話
23: 2019/06/24(月)19:55 ID:IpbvJOYB(1) AAS
結局はPWAっぽいものを作りたいかどうかだな
24: 2019/06/24(月)22:44 ID:k1X9rXNU(1) AAS
TypeScriptはどっちみち必須になるだろうな
25(1): 2019/06/24(月)23:30 ID:TlmQ/GE6(2/2) AAS
なるほど。使わない人には必要ないと。
しかし今転職考えててスキルセット考えるとコーダー関連しかできませんだと、どうにも辛い状況なんですよね。
PWAだのSPAだの作れますと言える状態にしたいのは間違いないので、とりあえずjsの勉強始めます。
26: 2019/06/25(火)01:08 ID:y6XNwTlk(1) AAS
google i/o 2019見た？
googleがweb.devにreactのガイドコンテンツ作るってよｗｗ
google謹製angularの立場ｗｗｗｗ
27: 2019/06/25(火)01:44 ID:/1SkxROv(1) AAS
同時に勉強すればいいよ
28: 2019/06/25(火)03:36 ID:sfPYxc02(1) AAS
>>25
転職サイトで経歴に書くならReactとか食いつきはいいよね
29: 2019/06/25(火)06:50 ID:SxemZYeq(1) AAS
>>16
やりたい事半分も理解できてないから正しい回答か自信ないけど、2つのtsコンポーネントでファンクションを共有化したいのかな。
であれば自分なら2つのコンポーネント用tsファイルとは別にexport class書いたtsファイル1つ作って、
static なファンクションの中に共有したいファンクション書くな。
後は2つのtsコンポーネント上でそれぞれ↑のクラスをimportして、
import { CommonFuncClass } from './CommonFuncClass.ts';
@Emit call{
CommonFuncClass.funcName;
}
みたいにすればいいんでない？ 適当に書いてるから間違ってたらすまん。
30: 2019/06/25(火)14:58 ID:0ge/8d0E(1) AAS
TypeScript使ってないと死んでしまう
上下前次1-新書関写板覧索設栞歴
あと 972 ﾚｽあります
ｽﾚ情報 赤ﾚｽ抽出 画像ﾚｽ抽出 歴の未読ｽﾚ
ぬこの手 ぬこTOP 0.370s*