- 1 名前：デフォルトの名無しさん mailto:sage [2018/12/21(金) 21:37:36.86 ID:NZqrEm960.net]
-
実際どうなん？
Vue
https://jp.vuejs.org/
React
https://reactjs.org/
Angular
https://angular.io/
VIPQ2_EXTDAT: default:vvvvv:1000:512:----: EXT was configured
- 975 名前：デフォルトの名無しさん mailto:sage [2019/03/09(土) 16:21:26.12 ID:RYW8IiyE0.net]
- はい、Vueでコンポーネント内部にダイレクトにアクセスできちゃいましたｗ
https://codepen.io/anon/pen/ywXVOW
- 976 名前：デフォルトの名無しさん mailto:sage [2019/03/09(土) 16:24:13.68 ID:RYW8IiyE0.net]
- 確か上の方で、scopedを使えば、こういうCSSからコンポーネントを
守ることができる。コンポーネントは影響を受けないってのたまわっていたね？
やってみて
div { //CSS ダイレクトアクセス
background-color: red;
}
- 977 名前：デフォルトの名無しさん mailto:sage [2019/03/09(土) 16:26:40.96 ID:zxiwPMOw0.net]
- さすがに呆れたというかコメントできない…
- 978 名前：デフォルトの名無しさん [2019/03/09(土) 16:27:02.65 ID:e9DsS9n/0.net]
- >>947
笑いが止まらんぞおいっっっw
今日一番だわ！！！
本当に君には驚かされるな！！！
どこまで発想がjQueryなのよ。そりゃvueと共存できるよ。注意すればね。
いやすまん、ニヤニヤが止まらんから後でちゃんと返事する。
- 979 名前：デフォルトの名無しさん mailto:sage [2019/03/09(土) 16:33:17.69 ID:RYW8IiyE0.net]
- 結局Vueのコンポーネントは隠蔽化されてるとか言うのは
技術的にそうなってるんじゃなくて、単にフレームワークの決まりとして
外部から触らないようにしましょうと文書で書かれているだけ
それを言ったら、jQueryでは情報のやり取りには
（カスタム）イベントを使用しましょう。コンポーネントの担当者以外が
直接内部をいじってはいけません。と文書でかけば終わるわけだよ。
- 980 名前：デフォルトの名無しさん mailto:sage [2019/03/09(土) 16:42:10.68 ID:RYW8IiyE0.net]
- 少し訂正
それを言ったら、jQueryでは "コンポーネント間" の情報のやり取りには
（カスタム）イベントを使用しましょう。コンポーネントの担当者以外が
- 981 名前：デフォルトの名無しさん mailto:sage [2019/03/09(土) 17:55:48.33 ID:GVs3bbIF0.net]
- header.vue 内の、header コンポーネントには、そのコンポーネントだけに適用される、HTML/CSS/JS を含み、
ユニークな属性、data-v-aaaaaa が付いている
footer.vue 内の、footer コンポーネントには、そのコンポーネントだけに適用される、HTML/CSS/JS を含み、
ユニークな属性、data-v-bbbbbb が付いている
各コンポーネントには、ユニークな属性が付いているため、お互いに影響を与えることはない(Scoped CSS)
各コンポーネントは疎結合！
従来のやり方では、3つのHTMLファイル・4つのCSSファイル・5つのJSファイルがあれば、
3 * 4 * 5 = 60通りの中から、適用される組み合わせを探すのに、時間が掛かりすぎるため破たんした！
- 982 名前：デフォルトの名無しさん [2019/03/09(土) 17:57:51.41 ID:e9DsS9n/0.net]
- >>952
いやすまん、ちょっと笑いすぎた。失礼しました。
ってー君もめげないなあ。。。その不屈の精神があればvue reactなんてすぐ習得できると思うぞ本当に。
>結局Vueのコンポーネントは隠蔽化されてるとか言うのは技術的にそうなってるんじゃなくて、単にフレームワークの決まりとして外部から触らないようにしましょうと文書で書かれているだけ
文章で書かれてるだけｗｗ、全然ちがうし、大体そんな事書かれてないし！
vueはフレームワークなの。jQueryと違うの。vue使ってる限りはきちんとコンポーネント化できてるよ。もし直接アクセスできたらバグだよ。
>それを言ったら、jQueryでは "コンポーネント間" の情報のやり取りには（カスタム）イベントを使用しましょう。 コンポーネントの担当者以外が直接内部をいじってはいけません。と文書でかけば終わるわけだよ。
はい気をつけまーす。でも人間は間違えるし忘れるよねぇ。うっかりアクセスする事も十分あり得るよね。
ただうっかりdocument.getElementsByClassNameなんて発行しないよなあ。そもそもdocument自体使わんし。どんなミスだそれ。
認めようよ。君のコンポーネントは不十分というか君の理解不足とスキル不足だよ。そしてvueは基準を満たす。
流石にこれは擁護できんし見逃せんわ。認めるまで議論は進まない。まあどうせスレも終わるし最後にありがとう、面白かった。
- 983 名前：デフォルトの名無しさん mailto:sage [2019/03/09(土) 18:00:05.54 ID:RYW8IiyE0.net]
- >>953
> 従来のやり方では、3つのHTMLファイル・4つのCSSファイル・5つのJSファイルがあれば、
> 3 * 4 * 5 = 60通りの中から、適用される組み合わせを探すのに、時間が掛かりすぎるため破たんした！
とりあえずお前はブラウザの開発者ツールを使えるようになろう。
あとはgrepも便利だぞ
そしたら今度はコンポーネントごとにグループ分けしてディレクトリ管理して
webpackやsassも使えるようになろう
- 984 名前：デフォルトの名無しさん mailto:sage [2019/03/09(土) 18:00:22.08 ID:RYW8IiyE0.net]
- > ってー君もめげないなあ。。。その不屈の精神があればvue reactなんてすぐ習得できると思うぞ本当に。
だから習得してるってｗ
- 985 名前：デフォルトの名無しさん mailto:sage [2019/03/09(土) 18:00:41.76 ID:RYW8IiyE0.net]
- > vueはフレームワークなの。jQueryと違うの。vue使ってる限りはきちんとコンポーネント化できてるよ。もし直接アクセスできたらバグだよ。
はい、Vueでコンポーネント内部にダイレクトにアクセスできちゃいましたｗ
https://codepen.io/anon/pen/ywXVOW
- 986 名前：デフォルトの名無しさん mailto:sage [2019/03/09(土) 18:01:53.35 ID:RYW8IiyE0.net]
- >>953
> 各コンポーネントには、ユニークな属性が付いているため、お互いに影響を与えることはない(Scoped CSS)
だからユニークな属性をつければいいと思いますよ？
- 987 名前：953 mailto:sage [2019/03/09(土) 18:05:06.61 ID:GVs3bbIF0.net]
- 従来のやり方では、3つのHTMLファイル・4つのCSSファイル・5つのJSファイルがあれば、
3 * 4 * 5 = 60通りの中から、適用される組み合わせを探すのに、時間が掛かりすぎるため破たんした！
これが密結合！
どこかを修正すると、別のどこかがおかしくなるため、無限に修正を繰り返すことになる！
今までの日本車のすり合わせ技術と同じ。
どこかを修正すると、別のどこかがおかしくなるため、外人よりも日本人に有利だった
これを部品ごとに疎結合にすることで、ある部品の修正が、他の部品に影響を与えないため、
すり合わせ技術がなくなり、外人でも同じ車が作れるようになった
すり合わせがあると、単独で部品が作れない・単独で働けないから、
常に全員が相談・残業して働く、日本人が有利だった
- 988 名前：デフォルトの名無しさん [2019/03/09(土) 18:09:10.56 ID:e9DsS9n/0.net]
- >>957
もういい。休んでいいんだ。十分スレを楽ませてもらった。
君がいいと言うならいい。常識破りのまま、そのまま突っ走ってくれ。
- 989 名前：デフォルトの名無しさん mailto:sage [2019/03/09(土) 18:10:12.37 ID:RYW8IiyE0.net]
- 次スレ立てました
Vue vs React vs Angular その2
https://mevius.5ch.net/test/read.cgi/tech/1552122580/
- 990 名前：953 mailto:sage [2019/03/09(土) 18:17:05.53 ID:GVs3bbIF0.net]
- すり合わせは、金メダルのスピードスケート女子パシュートもそう。
常に全員が相談・残業して練習する、日本人が有利
外人は思想・人種・性格もバラバラで、長時間一緒に居れない
しかも草食動物の日本人とは違い、外人は肉食動物で自己主張が強いから、
異なる思想・人種・性格の奴とは、殴り合いのケンカになる！
外人は、日本人みたいに従順で、すぐに従ったりしないから
- 991 名前：953 mailto:sage [2019/03/09(土) 18:26:31.50 ID:GVs3bbIF0.net]
- >>958
>だからユニークな属性をつければいいと思いますよ？
従来のやり方では、無理
属性を付けても、それを訂正してはずす時には、
また、3 * 4 * 5 = 60通りの中から、正しいかどうかを確かめないといけないから、時間が掛かりすぎる
密結合・すり合わせは、どこかを修正すると、別のどこかがおかしくなるため、
無限に修正を繰り返すことになる
だから、部品やプログラミングは、疎結合でないとダメ！
- 992 名前：デフォルトの名無しさん mailto:sage [2019/03/09(土) 18:32:31.91 ID:RYW8IiyE0.net]
- >>963
その計算になんの根拠もねーわｗ
コンポーネント毎にCSS定義してるから
何を探すと言ってるのかさっぱりわからない。
.my-compnent {
[name="switch"] { }
sonota-1 { }
sonota-2 { }
}
JavaScriptファイルも my-compnent に関するものは
my-compnent.js に全部収められているし、
あ、なるほど、jQueryがだめと言ってる根拠は
自分がまともな管理できてないからだってことかｗ
- 993 名前：953 mailto:sage [2019/03/09(土) 18:35:08.58 ID:GVs3bbIF0.net]
- 従来のやり方では、3つのHTMLファイル・4つのCSSファイル・5つのJSファイルがあれば、
3 * 4 * 5 = 60通りの中から、適用される組み合わせを探すのに、時間が掛かりすぎるため破たんした！
さらに、これの悪い所は、3 + 4 + 5 = 12 の足し算じゃなく、掛け算になるのが最悪！
考えることが加速度的に増える
ここを修正したら、別の場所がおかしくなりましたとか、こればっかりやってる。
延々と、適用される組み合わせを探してる！
- 994 名前：デフォルトの名無しさん mailto:sage [2019/03/09(土) 18:36:52.78 ID:RYW8IiyE0.net]
- 根拠言えないから、必死に嘘を言いまくるのねｗ
どっかの国の人と行動がおなじになってるよｗ
- 995 名前：953 mailto:sage [2019/03/09(土) 18:46:21.76 ID:GVs3bbIF0.net]
- 自分で属性を付けても、またそれを修正したり、訂正してはずす時には、
また、3 * 4 * 5 = 60通りの中から、正しいかどうかを確かめないといけないから、時間が掛かりすぎる
だから、各コンポーネントを別々のファイルに書くだけで、
ユニークな属性を自動的に付けてくれる、フレームワークが良い
- 996 名前：デフォルトの名無しさん mailto:sage [2019/03/09(土) 18:51:07.24 ID:pp+gnfPcM.net]
- >>961
荒らし行為
問答無用で出て行け
- 997 名前：デフォルトの名無しさん [2019/03/09(土) 18:55:36.80 ID:e9DsS9n/0.net]
- >>961
そんなに悔しかったの？次スレってwほんと滲み出てるw
まあ頑張れよ自称vueマスターさんw。ほらテンプレに書かなきゃ。vueでdocument直接いじっちゃダメよー。逸材。
- 998 名前：デフォルトの名無しさん [2019/03/09(土) 18:56:19.05 ID:jSVYUNoJp.net]
- jQueryおじさんネトウヨだったのかw
年齢も高そうだしな...
- 999 名前：デフォルトの名無しさん [2019/03/09(土) 19:30:08.07 ID:e9DsS9n/0.net]
- jQuery君なあ。。ここまでの逸材なら色々拗らせた年齢不詳の40代かなあ。
つーか、ここまで vue react嫌うって何があったんだろ。そのくせ自称vue reactマスターなんだぜw。何その劣等感。しかもマスターならvueでもdom直接いじれるんだぜ。それでコンポーネントの垣根も超えられるって自慢するんだぜ。でも文書化で禁止すればokなんだぜ。
これで納得できるのが本当凄え。
- 1000 名前：デフォルトの名無しさん mailto:sage [2019/03/09(土) 19:42:14.57 ID:fCQTKW9ua.net]
- jQueryおじさん、スレチなんで次スレは来ないでね
- 1001 名前：デフォルトの名無しさん mailto:sage [2019/03/09(土) 19:46:22.67 ID:C6v7oEvsM.net]
- >>961
これ通報じゃね？
- 1002 名前：デフォルトの名無しさん mailto:sage [2019/03/09(土) 19:52:05.13 ID:izNw5U5za.net]
- ReactはReactNativeとセットにして一スレ立ててもいいんじゃない？
- 1003 名前：デフォルトの名無しさん [2019/03/09(土) 20:20:05.00 ID:47IMMy0/r.net]
- 密結合だろうが疎結合だろうが俺の場合は右脳と左脳が同時に判断すらから何も問題がない
本当のフルスタックとはそういうものだ
しかし左脳しか機能していないお前らは、理解不能で恐ろしい存在であるデザインのためにくだらない争いをしているわけだ
レベルが低すぎてアプリ開発なんか無理だろ
- 1004 名前：デフォルトの名無しさん mailto:sage [2019/03/09(土) 20:20:35.21 ID:GVs3bbIF0.net]
- テンプレを勝手に改変する、いつもの荒らしだろ
テンプレに、Ruby 禁止とか、jQuery・Lodash 禁止とか、
自分がわからない技術を禁止して、色々なスレを立てている奴
あちこちに、死ねとか書き込んでいる奴だろ
- 1005 名前：デフォルトの名無しさん [2019/03/09(土) 20:36:11.59 ID:e9DsS9n/0.net]
- jQuery君は最後っ屁していったのか。次から色々スルーするわ。
- 1006 名前：デフォルトの名無しさん mailto:sage [2019/03/09(土) 20:37:03.42 ID:OAlfgW/Ia.net]
- >>975
疎結合のほうが理解しやすいことは確かですが理解のしやすさためだけに疎結合を目指すわけではありません
疎結合なシステムは個々のモジュールを独立にメンテナンス可能であるという点が最も重要なのです
- 1007 名前：デフォルトの名無しさん mailto:sage [2019/03/09(土) 20:53:08.50 ID:RYW8IiyE0.net]
- 例えば、HTML、CSS、JavaScript。
個々のモジュールが独立してメンテナンス可能であるということです。
- 1008 名前：デフォルトの名無しさん mailto:sage [2019/03/09(土) 20:59:34.50 ID:RYW8IiyE0.net]
- 例えばデザインですが、同じ機能を持ったコンポーネントでも
別のアプリだと違うデザインにしますよね？
そういった時にデザインのみ独立してメンテナンスします。
- 1009 名前：デフォルトの名無しさん mailto:sage [2019/03/09(土) 2
]
- [ここ壊れてます]
- 1010 名前：1:01:14.05 ID:RYW8IiyE0.net mailto: 見た目をちょっと変えるだけで、別のコンポーネントとして
管理するのは馬鹿げているわけです。 [] - [ここ壊れてます]
- 1011 名前：デフォルトの名無しさん mailto:sage [2019/03/09(土) 21:07:26.91 ID:izNw5U5za.net]
- 渡すpropsで切り替えればいいんじゃない？
- 1012 名前：デフォルトの名無しさん mailto:sage [2019/03/09(土) 21:08:16.18 ID:RYW8IiyE0.net]
- 時代はこの先Web Componentsの時代になり、
高度なコンポーネントが増えますが、
再利用可能であるということは、別のデザインを持ったサイトでも
使えるコンポーネントでなければなりません。
機能はコンポーネントに閉じてよいですが、
デザインはコンポーネントに閉じてはだめなのです。
デザインはサイト全体で横断的に適用するものなのですから
- 1013 名前：デフォルトの名無しさん mailto:sage [2019/03/09(土) 21:09:18.57 ID:Uscl0PAlM.net]
- 荒らしは出て行け
- 1014 名前：デフォルトの名無しさん mailto:sage [2019/03/09(土) 21:10:57.82 ID:izNw5U5za.net]
- >>975
React専用スレ立ててよ
- 1015 名前：デフォルトの名無しさん mailto:sage [2019/03/09(土) 21:11:12.56 ID:RYW8IiyE0.net]
- >>985
了解
- 1016 名前：デフォルトの名無しさん [2019/03/09(土) 21:14:19.58 ID:47IMMy0/r.net]
- >>978
そういうこと言ってんじゃねえよ
- 1017 名前：デフォルトの名無しさん mailto:sage [2019/03/09(土) 21:16:41.18 ID:izNw5U5za.net]
- >>925
どうせならここじゃなくてQiitaで「jQueryの方がVueよりも優れてる理由」とかいう記事かけば誰かがお望みの回答をしてくれるんじゃないかと思うんだけどね
- 1018 名前：デフォルトの名無しさん [2019/03/09(土) 21:20:38.74 ID:jx9iLAiD0.net]
- > Javascript はweb制作管理板、CGI はWEBプログラミング板へ。
- 1019 名前：デフォルトの名無しさん mailto:sage [2019/03/09(土) 21:22:22.46 ID:izNw5U5za.net]
- >>989
正直過疎板立てても仕方ないよ経験上
- 1020 名前：デフォルトの名無しさん mailto:sage [2019/03/09(土) 21:23:34.06 ID:nmSMFs2da.net]
- Qiitaとかスレチとか、お前ら、jQueryおじさんが周りの言うこと聞くわけないだろ
エホバみたいなもんやぞ
- 1021 名前：デフォルトの名無しさん mailto:sage [2019/03/09(土) 21:30:52.53 ID:AJ6jPa0v0.net]
- >>985
立てたぞ。>>974がセットにしてって言ってたからセットにした
React と React Native のスレ
https://mevius.5ch.net/test/read.cgi/tech/1552134567/
- 1022 名前：デフォルトの名無しさん mailto:sage [2019/03/09(土) 21:49:36.92 ID:7ubvtRZR0.net]
- >>988
書くならもっと別物にするな
メンテナンスしやすいコーディングスタイルとか
jQueryがだめに見られてるのは、DOM要素を追加したり消したりすることであって
クラス属性を書き換えるなどして、DOM要素にかんしてはCSSで制御するようにすれば
メンテナンス性が高いことは明らかだからね
- 1023 名前：デフォルトの名無しさん [2019/03/09(土) 22:03:28.92 ID:47IMMy0/r.net]
- Vue vs React vs Angular Part.2
mevius.5ch.net/test/read.cgi/tech/1552136553/
本スレPart2建てた
こっちはjQueryの話禁止にした
- 1024 名前：デフォルトの名無しさん mailto:sage [2019/03/09(土) 22:05:43.66 ID:KVQbeC9/0.net]
- >>994
乙
- 1025 名前：デフォルトの名無しさん [2019/03/10(日) 09:10:34.18 ID:q7odbdCi0.net]
- jQueryは悪くない。ただスレチ。
次スレが有意義でありますように。
- 1026 名前：デフォルトの名無しさん mailto:sage [2019/03/10(日) 09:50:49.25 ID:5/+zyaBC0.net]
- >>976
死ね
- 1027 名前：デフォルトの名無しさん mailto:sage [2019/03/10(日) 10:51:49.09 ID:KLmR+9gsM.net]
- 結局主張のごり押しなだけで時間とスレの無駄だったな
- 1028 名前：デフォルトの名無しさん mailto:sage [2019/03/10(日) 10:55:35.81 ID:9XIrDo2La.net]
- 5chではいつもの光景
- 1029 名前：デフォルトの名無しさん mailto:sage [2019/03/10(日) 10:59:45.81 ID:5/+zyaBC0.net]
- 次スレ
Vue vs React vs Angular Part.2
mevius.5ch.net/test/read.cgi/tech/1552136553/
- 1030 名前：1001 [Over 1000 Thread.net]
- このスレッドは１０００を超えました。
新しいスレッドを立ててください。
life time: 78日 13時間 22分 9秒
- 1031 名前：過去ログ ★ [[過去ログ]]
- ■ このスレッドは過去ログ倉庫に格納されています
|
 |
