実際どうなん?
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房が書き込んでも無視してください
探検
Vue vs React vs Angular Part.3
■ このスレッドは過去ログ倉庫に格納されています
1デフォルトの名無しさん
2019/06/12(水) 19:04:55.46ID:x67noP4p304デフォルトの名無しさん
2020/03/21(土) 13:20:16.16ID:fydt87DI そもそもReactくらいWebやる奴なら誰でも使えるくらい簡単だからこんな低レベルな争い自体が滑稽
たいした技術でも何でもないだろ
どちらかというとReactは初心者向け
たいした技術でも何でもないだろ
どちらかというとReactは初心者向け
305デフォルトの名無しさん
2020/03/21(土) 22:48:44.19ID:8NajYnM4306デフォルトの名無しさん
2020/03/22(日) 20:57:52.32ID:StD3gLg7 びっくりするほどフロントできるプログラマーっていないよな
デザインすらゴミレベル
ゴミレベルだからデザイン指定しても再現出来ない
デザインすらゴミレベル
ゴミレベルだからデザイン指定しても再現出来ない
307デフォルトの名無しさん
2020/03/22(日) 22:42:59.73ID:jno6gmPO それ君の周りにゴミPGしか居ないだけでは
308デフォルトの名無しさん
2020/03/22(日) 23:10:42.69ID:StD3gLg7 海外の採用担当者がまともなフロントエンジニアがいないと嘆いている
フロントエンジニアでデザインできない奴はマジでクソ
バックエンドやってろって思うわ
フロントエンジニアでデザインできない奴はマジでクソ
バックエンドやってろって思うわ
309デフォルトの名無しさん
2020/03/23(月) 00:48:43.54ID:BmLefNbD サーバーサイドしかできないエンジニアなんか何の役にも立たないな
田舎に帰って畑仕事してる方がまだ世のためになる
田舎に帰って畑仕事してる方がまだ世のためになる
310デフォルトの名無しさん
2020/03/23(月) 08:16:51.48ID:aPJ2SqmB 自演乙
311デフォルトの名無しさん
2020/03/23(月) 10:41:43.30ID:kyVTzC3P vueがそもそも簡単という
理由もないし、jqueryがvue.js内部で使えるって
だけでjqueryの代用になるとは誰も云ってないwww
中学生の問題が、高校で出題されるレベル
理由もないし、jqueryがvue.js内部で使えるって
だけでjqueryの代用になるとは誰も云ってないwww
中学生の問題が、高校で出題されるレベル
312デフォルトの名無しさん
2020/03/28(土) 00:18:22.26ID:Fx4zYGER >>306
最近デザインはMaterial-UI頼りのスマホアプリライクだけど別段評判は悪くない
最近デザインはMaterial-UI頼りのスマホアプリライクだけど別段評判は悪くない
313デフォルトの名無しさん
2020/03/28(土) 07:54:09.66ID:O2QL6TTJ フロントは細かい要求されるわりに金出ねーじゃん。
そんなんやるやつ減るに決まってるわ。
そんなんやるやつ減るに決まってるわ。
314デフォルトの名無しさん
2020/03/28(土) 09:17:09.13ID:rxKmrx3y >>312
Material UIの説明にデザインてきない奴ら向けって書いてる
独自性もないし、そもそもMaterial UIすらまともに使えず、使えてるつもりでバランスバラバラ
クソ使えないエンジニアが「Material UIで作りました!」とかほざくことほど滑稽なことはない
自分は無能です!と言ってるようなもの
無能に金出すわけねえだろ
Material UIの説明にデザインてきない奴ら向けって書いてる
独自性もないし、そもそもMaterial UIすらまともに使えず、使えてるつもりでバランスバラバラ
クソ使えないエンジニアが「Material UIで作りました!」とかほざくことほど滑稽なことはない
自分は無能です!と言ってるようなもの
無能に金出すわけねえだろ
315デフォルトの名無しさん
2020/03/30(月) 10:36:56.62ID:UMPMfaDu それじゃ糞ださいフロントでも我慢してくれとしか言いようがない。
まあフロントのデザインにこだわらんというのもありだと思うけどね。
まあフロントのデザインにこだわらんというのもありだと思うけどね。
316デフォルトの名無しさん
2020/04/02(木) 01:18:38.12ID:uK8QCSrF メインでやってるのはホームページの延長じゃなく
業務システムのWeb化だからそんなに外観とか求められんのよな
業務システムのWeb化だからそんなに外観とか求められんのよな
317デフォルトの名無しさん
2020/04/02(木) 06:26:17.20ID:CXLXUfxP 外観求められんとか以前に商品として終わってるレベルしか作れない能力の無さになんで勝ち誇れるんだ?
少しはデザイン勉強してからフロントやってくれ
マジで無能が仕事すること自体迷惑
それでフロントできますとかほざくな
少しはデザイン勉強してからフロントやってくれ
マジで無能が仕事すること自体迷惑
それでフロントできますとかほざくな
318デフォルトの名無しさん
2020/04/02(木) 08:38:21.23ID:I8hlhwK7319デフォルトの名無しさん
2020/04/02(木) 18:08:22.20ID:CXLXUfxP320デフォルトの名無しさん
2020/04/02(木) 21:48:52.20ID:nBrtp9Q2 >>317では依頼する側の口ぶりだったが
321デフォルトの名無しさん
2020/04/03(金) 00:25:10.75ID:v6FKoEXq322デフォルトの名無しさん
2020/04/03(金) 00:31:29.04ID:tuq/v+x3 職場の状況も人間関係も何もわからず話も噛み合わないのにケンカすんなや
323デフォルトの名無しさん
2020/04/03(金) 23:50:22.99ID:jZTt285L 大体もうなんか作るんなら一人でやるのが一番気楽なんだよな
なんで分業するのが正しいみたいな風潮になってんのかねぇ…
なんで分業するのが正しいみたいな風潮になってんのかねぇ…
324デフォルトの名無しさん
2020/04/04(土) 01:54:10.26ID:sQk2k7c/ >>323
一人で作れる規模なら一人で作ればいいと思う。markdownエディタであるinkdropは作者は1人で開発されてるし。
ただたくさんのお金を産もうとするとアプリケーションのデザインやパフォーマンスなど様々な要素が重要になるのでチーム開発せざるを得なくなる
一人で作れる規模なら一人で作ればいいと思う。markdownエディタであるinkdropは作者は1人で開発されてるし。
ただたくさんのお金を産もうとするとアプリケーションのデザインやパフォーマンスなど様々な要素が重要になるのでチーム開発せざるを得なくなる
325デフォルトの名無しさん
2020/04/04(土) 23:28:18.77ID:4E9JJOCK326デフォルトの名無しさん
2020/04/08(水) 01:25:50.15ID:9cuUuIlo VueのUIフレームワーク、TypeScriptと一緒に使うなら何がおすすめ?
Quasarっていうのが気になって試してみたけど、TSXをうまくトランスパイルできる設定方法がわからず。。
Quasarっていうのが気になって試してみたけど、TSXをうまくトランスパイルできる設定方法がわからず。。
327デフォルトの名無しさん
2020/04/09(木) 05:03:32.21ID:RTR2QVCs https://github.com/dotnet/aspnetcore/issues/15997
↑
Blazorは、デスクトップのC#の200倍遅いらしい。
サイズも大きすぎるようで、
機能の限定されたプログラムで最小で2MB、標準では16MBくらいが最小なので
はないか。
↑
Blazorは、デスクトップのC#の200倍遅いらしい。
サイズも大きすぎるようで、
機能の限定されたプログラムで最小で2MB、標準では16MBくらいが最小なので
はないか。
328デフォルトの名無しさん
2020/04/09(木) 05:06:50.72ID:RTR2QVCs 同じくWasmを使っている Uno Platformも JS よりも遅いらしい。
JSを使いたくないC#プログラマには便利ではあろうが、現実的に
使えるアプリを作るのは難しそうだ。
Blazorの場合は、HTMLも使う必要があるようだからもっと存在意義が疑問視
される。
JSを使いたくないC#プログラマには便利ではあろうが、現実的に
使えるアプリを作るのは難しそうだ。
Blazorの場合は、HTMLも使う必要があるようだからもっと存在意義が疑問視
される。
329デフォルトの名無しさん
2020/04/11(土) 02:54:20.42ID:Uy0iyhEk vue.jsでnew演算子を
使うとバグが出る前例て
あったけ?
使うとバグが出る前例て
あったけ?
330デフォルトの名無しさん
2020/04/11(土) 19:13:15.99ID:N1j4ZdSf ここで聞いていいかわからないけど…
Webpackのloaderって、
・js を babel-loaderでトランスパイルするルール
・ts を ts-loaderでトランスパイルするルール
を設定したとき、tsはts-loaderによってjsになると思うけど、
このloaderによって生成されたjsはbabel-loaderの処理対象にはならない?
Webpackのloaderって、
・js を babel-loaderでトランスパイルするルール
・ts を ts-loaderでトランスパイルするルール
を設定したとき、tsはts-loaderによってjsになると思うけど、
このloaderによって生成されたjsはbabel-loaderの処理対象にはならない?
331デフォルトの名無しさん
2020/04/11(土) 19:52:52.40ID:wTWv5VDR なるぞ
332デフォルトの名無しさん
2020/04/11(土) 20:29:13.86ID:+itNKphk loaderの処理順による
先だか後だかに書いた順に適用されてく
どっちだったかは忘れたから調べて
先だか後だかに書いた順に適用されてく
どっちだったかは忘れたから調べて
333デフォルトの名無しさん
2020/05/23(土) 17:25:41.30ID:VnQen1SJ angular使い始めたけどいいなコレ。管理しやすさ◎
334デフォルトの名無しさん
2020/05/23(土) 21:49:01.48ID:6QzvKnQh 今から始めるなら Angular はちょっと…
335デフォルトの名無しさん
2020/05/23(土) 22:53:11.76ID:wxErS6qw Vueって書いてあるのにな
336デフォルトの名無しさん
2020/05/24(日) 07:29:28.60ID:TmPUENeg >>334
VueもReactも使えるよ!
VueもReactも使えるよ!
337デフォルトの名無しさん
2020/05/24(日) 07:51:13.57ID:390U+iwo >>333
Reactと比較してどう?
Reactと比較してどう?
338デフォルトの名無しさん
2020/05/24(日) 13:57:54.47ID:rk0sziuW Reactを使い慣れたならAngularってめっちゃ使いにくいと思うよ
コンポーネント1個作る旅に4ファイルずつ増えるのが発狂しそう
コンポーネント1個作る旅に4ファイルずつ増えるのが発狂しそう
339デフォルトの名無しさん
2020/05/24(日) 14:48:48.68ID:Y1ZXEm/L jQueryが一番ラクじゃね?w
340デフォルトの名無しさん
2020/05/24(日) 15:05:42.13ID:ZGIvWW4o は、hyperapp...
341デフォルトの名無しさん
2020/05/24(日) 15:06:04.29ID:TmPUENeg >>338
どっちも使いにくいとは思わないかな。というかそんなの慣れの問題だから気にならなくなってしまったってのが正解かな。
どっちも使いにくいとは思わないかな。というかそんなの慣れの問題だから気にならなくなってしまったってのが正解かな。
342デフォルトの名無しさん
2020/05/26(火) 11:48:31.01ID:09gtdxqe angularでサービスを作成してDIして使うことは、普通にクラスを作成してnewして使うことに比べて何かメリットがあるのでしょうか?
343デフォルトの名無しさん
2020/05/26(火) 14:46:33.17ID:5zsa2F3Z JavaScriptコードだけで数万行を超えるような規模になったらメリットあるよ
344デフォルトの名無しさん
2020/05/29(金) 19:17:47.54ID:f1mMBRWv jqueryは単純に
生javascriptが書けない人が
利用してるだけだと思う。vue.jsは
教本で全部
済ませようとすると100%身に付かない。
塾の先生でもそう知っている人はいない。
生javascriptが書けない人が
利用してるだけだと思う。vue.jsは
教本で全部
済ませようとすると100%身に付かない。
塾の先生でもそう知っている人はいない。
345デフォルトの名無しさん
2020/05/29(金) 19:52:39.01ID:uRkXoYhe typescript じゃないと書けなくてゴメン
346デフォルトの名無しさん
2020/05/29(金) 20:25:45.60ID:Jvc7lzH+ >>344
https://w3techs.com/technologies/history_overview/javascript_library/all/y
jQueryはウェブサイトの74.9%で使われてる
5年前に比べて13%も増えている
これだけの人が生JavaScriptをかけないとは思えない。
https://w3techs.com/technologies/history_overview/javascript_library/all/y
jQueryはウェブサイトの74.9%で使われてる
5年前に比べて13%も増えている
これだけの人が生JavaScriptをかけないとは思えない。
347デフォルトの名無しさん
2020/05/29(金) 22:59:47.61ID:JzPA8cDe 趣味ならともかく仕事でjQueryを使えば簡単なところを自力で書いてるやついたら嫌だろw
348デフォルトの名無しさん
2020/05/29(金) 23:00:55.14ID:JzPA8cDe というか塾の先生ってなんや?
349デフォルトの名無しさん
2020/05/30(土) 08:47:54.68ID:CjlhONpK >>346
WordPressには必ずjqueryがついているが、WordPress自体が全サイトの35%
ということは残り40%くらいが非WordPressサイトなわけでそれらがjqueryを使っている
まあでもjqueryは便利だしよくできているよな
WordPressには必ずjqueryがついているが、WordPress自体が全サイトの35%
ということは残り40%くらいが非WordPressサイトなわけでそれらがjqueryを使っている
まあでもjqueryは便利だしよくできているよな
350デフォルトの名無しさん
2020/05/30(土) 08:50:12.11ID:Ycwc5Pac つまりWordPressがあれば、VueとかReactとかAngularはいらんわけや
351デフォルトの名無しさん
2020/05/30(土) 08:54:02.70ID:Ycwc5Pac >>349
もしWordpressがvueを採用してjQueryを排除すれば、、WordPress自体が全サイトの35%
ということは残り40%くらいが非WordPressサイトなわけでそれらがjqueryを使っている
となるのかな?
jQueryが使われていてもWordPressに含まれているものは省くっていうのなら
vueが使われていてもWordPressに含まれているなら同じように省くよね?
もしWordpressがvueを採用してjQueryを排除すれば、、WordPress自体が全サイトの35%
ということは残り40%くらいが非WordPressサイトなわけでそれらがjqueryを使っている
となるのかな?
jQueryが使われていてもWordPressに含まれているものは省くっていうのなら
vueが使われていてもWordPressに含まれているなら同じように省くよね?
352デフォルトの名無しさん
2020/05/30(土) 09:07:51.68ID:Ycwc5Pac まあ俺としてはjQueryのシェアの高さより
Vue、React、Angularの1%未満という低いシェアのまま
数年もの間、伸び悩んでる方に危機感を持ったほうが良いと思うけどね
逆にjQueryの方がシェアが伸びてるという皮肉
脱jQueryが叫ばれた頃よりも10%もシェアが増えているからね
一方同じ期間で、Vue、React、Angular全部合わせて1%にしかなっていない
JavaScriptLibraryを使わないサイトも同じぐらい減って、jQueryを使い始めていることが想像できる
Vue、React、Angularの1%未満という低いシェアのまま
数年もの間、伸び悩んでる方に危機感を持ったほうが良いと思うけどね
逆にjQueryの方がシェアが伸びてるという皮肉
脱jQueryが叫ばれた頃よりも10%もシェアが増えているからね
一方同じ期間で、Vue、React、Angular全部合わせて1%にしかなっていない
JavaScriptLibraryを使わないサイトも同じぐらい減って、jQueryを使い始めていることが想像できる
353デフォルトの名無しさん
2020/05/30(土) 09:54:10.71ID:CjlhONpK >>351
すまん
日本語がわからん
ちなみにjqueryが伸びているというのはそもそもReactやvueとか単純にこれらのフレームワークを使える奴が圧倒的に少ないから
エンジニアの中でも使える奴が少ないからな
Webサイト制作している奴らには使えるはずもない
せいぜいjqueryしか使えないんだよ
あとはWebサイトの数 >>>>>>>> SPAアプリの数
すまん
日本語がわからん
ちなみにjqueryが伸びているというのはそもそもReactやvueとか単純にこれらのフレームワークを使える奴が圧倒的に少ないから
エンジニアの中でも使える奴が少ないからな
Webサイト制作している奴らには使えるはずもない
せいぜいjqueryしか使えないんだよ
あとはWebサイトの数 >>>>>>>> SPAアプリの数
354デフォルトの名無しさん
2020/05/30(土) 12:18:55.92ID:MlE9UdsR GoogleのCore Web Vitalsで表示速度・インタラクティブ性・読み込みの安定性を重視して検索順位を決める方針、
これは明らかにWordPressのクソみたいな重くて表示バラバラで途中で広告ロードされて間違ってクリックする低品質なサイトをぶっ潰す方針ってことだよな
もちろんReactとかであってもきちんとレンダリング処理をコントロールしないと同じことが言えるわけだが
さらにGoogleはレベルの低いこのWebフロントをなんとかしたいのだろう
いつまでもゴミのようなWordPressに頼っている現状ではWebの未来は暗い
まあWebもPWAとかに変化するからついてこいよっていう意味も含んでいるのかもな
とにかくjqueryゴミカスサイトは淘汰されていく方針になってきたってわけだが大量のゴミ処理はそう簡単に消えないからうまくいくのかもわかんねえ
これは明らかにWordPressのクソみたいな重くて表示バラバラで途中で広告ロードされて間違ってクリックする低品質なサイトをぶっ潰す方針ってことだよな
もちろんReactとかであってもきちんとレンダリング処理をコントロールしないと同じことが言えるわけだが
さらにGoogleはレベルの低いこのWebフロントをなんとかしたいのだろう
いつまでもゴミのようなWordPressに頼っている現状ではWebの未来は暗い
まあWebもPWAとかに変化するからついてこいよっていう意味も含んでいるのかもな
とにかくjqueryゴミカスサイトは淘汰されていく方針になってきたってわけだが大量のゴミ処理はそう簡単に消えないからうまくいくのかもわかんねえ
355デフォルトの名無しさん
2020/05/30(土) 12:39:52.72ID:JOE68Vvm >>353
WordPressに35%含まれてるから実質40%とかいう言い訳しないで
普通にjQueryは74.9%で使われてると言えばいいって話
そうしないとWordPressのjQueryがvueに変わった時に
vueのシェアが35%になっても
WordPressに35%含まれてるから実質0%ということになる
WordPressに35%含まれてるから実質40%とかいう言い訳しないで
普通にjQueryは74.9%で使われてると言えばいいって話
そうしないとWordPressのjQueryがvueに変わった時に
vueのシェアが35%になっても
WordPressに35%含まれてるから実質0%ということになる
356デフォルトの名無しさん
2020/05/30(土) 12:42:46.15ID:JOE68Vvm >>353
> ちなみにjqueryが伸びているというのはそもそもReactやvueとか単純にこれらのフレームワークを使える奴が圧倒的に少ないから
違う。フレームワークを使う "必要性が圧倒的に少ない" から。
jQueryの代替じゃないんだから、脱jQueryなんて意味がない言葉だったんだよ。
「ウェブサイトはオワコン。これからはウェブアプリの時代だ!」というふうに
"正しく言っていれば" みんなから冷ややかな目で見られていただろうねw
> ちなみにjqueryが伸びているというのはそもそもReactやvueとか単純にこれらのフレームワークを使える奴が圧倒的に少ないから
違う。フレームワークを使う "必要性が圧倒的に少ない" から。
jQueryの代替じゃないんだから、脱jQueryなんて意味がない言葉だったんだよ。
「ウェブサイトはオワコン。これからはウェブアプリの時代だ!」というふうに
"正しく言っていれば" みんなから冷ややかな目で見られていただろうねw
357デフォルトの名無しさん
2020/05/30(土) 12:45:07.75ID:JOE68Vvm >>354
JavaScriptフレームワークを使ったサイトは重い
jQueryを使うのが一番軽い。
なにせ素のHTMLが最初に表示され(この段階でページとして認識される)
そこにJavaScriptを適用する方式だから。
これと真逆のJavaScriptを全部読み込んで実行しないと中身が出力されない
フレームワークよりも圧倒的に軽くなるんだよ
JavaScriptフレームワークを使ったサイトは重い
jQueryを使うのが一番軽い。
なにせ素のHTMLが最初に表示され(この段階でページとして認識される)
そこにJavaScriptを適用する方式だから。
これと真逆のJavaScriptを全部読み込んで実行しないと中身が出力されない
フレームワークよりも圧倒的に軽くなるんだよ
358デフォルトの名無しさん
2020/05/30(土) 12:55:05.10ID:nbUOPAO3 prototype.js、jQueryはCSSのセレクタがそのまま使えるのが革命的だった
359デフォルトの名無しさん
2020/05/30(土) 13:04:50.05ID:JOE68Vvm >>358
prototype.jsは使えません
jQueryのCSSセレクタは後にJavaScriptにquerySelectorAllとして導入されたが
jQueryと違って返すのは単なるDOM要素の配列でループが必要なので
結局劣化版にしかならなかった
prototype.jsは使えません
jQueryのCSSセレクタは後にJavaScriptにquerySelectorAllとして導入されたが
jQueryと違って返すのは単なるDOM要素の配列でループが必要なので
結局劣化版にしかならなかった
360デフォルトの名無しさん
2020/05/30(土) 14:04:43.55ID:nbUOPAO3 >>359
え、そうだっけ?っと思って今調べたら$内の記述が確かに違うね
え、そうだっけ?っと思って今調べたら$内の記述が確かに違うね
361デフォルトの名無しさん
2020/05/30(土) 15:20:36.38ID:JOE68Vvm prototype.jsの$はDOM APIの単なる省略でしかないんだよ
prototype.jsのメインはプロトタイプ(つまり基底クラス)の拡張
それにたいして関数型のスタイルを取り入れたjQueryはセンスがいいよな
CSSが関数型の思想なのでウェブの標準にうまくマッチしている
対してVue、React、Angularなどのフレームワークは
単なるオブジェクト指向のアプリケーションフレームワークでしかない
jQueryの代替になんてなりようがなかったんだよ
prototype.jsのメインはプロトタイプ(つまり基底クラス)の拡張
それにたいして関数型のスタイルを取り入れたjQueryはセンスがいいよな
CSSが関数型の思想なのでウェブの標準にうまくマッチしている
対してVue、React、Angularなどのフレームワークは
単なるオブジェクト指向のアプリケーションフレームワークでしかない
jQueryの代替になんてなりようがなかったんだよ
362デフォルトの名無しさん
2020/05/30(土) 17:16:32.62ID:MlE9UdsR 正直、WebサイトごときにReactとか使う気にはなれない
だがGoogleが求めているのはReactとかの方向性ではないか?と思うのだが
もちろんいずれReact連中は無くなる予定だし
だがGoogleが求めているのはReactとかの方向性ではないか?と思うのだが
もちろんいずれReact連中は無くなる予定だし
363デフォルトの名無しさん
2020/05/30(土) 17:40:52.11ID:F50PHIbH recoil実戦投入はさすがにまだ早い?
364デフォルトの名無しさん
2020/05/30(土) 19:45:54.00ID:YaiqOZJe 機能たくさんあるサービスでVue使ったらコンポーネント増えすぎて管理大変だったという思い出
Reactとか使うべきなかね
Reactとか使うべきなかね
365デフォルトの名無しさん
2020/05/30(土) 20:28:00.60ID:MlE9UdsR そういやWebサイトはComponentに分けるとか無理だ
あの長ったらしいLPとかComponentというよりごちゃごちゃした感じで情報詰め込んで見る奴の思考を停止させるわけだから
むしろまとまりがあるComponentなんか使ったらむしろ作るほうが大変だな
あの長ったらしいLPとかComponentというよりごちゃごちゃした感じで情報詰め込んで見る奴の思考を停止させるわけだから
むしろまとまりがあるComponentなんか使ったらむしろ作るほうが大変だな
366デフォルトの名無しさん
2020/05/30(土) 21:49:42.17ID:JOE68Vvm >>362
Googleが求めてるのは、利用者が欲しい情報に正しくアクセスできること
だからサイトの作り方でランクを変えるべきではないし、
新しい技術を使っているからといってランクを上げたりはしない
ランクを変えるとしたらページがどれだけ早く(快適に)表示できるかだが
単純なHTMLページの速さに勝るものはない
jQueryを使う場合はJavaScriptオフでも、HTMLの文章自体は見れるわけで
Googleの求めているものに一番理想的
むしろSPAの方が本当に検索できるか?を常に意識しないといけない。URL設計は特に大事
JavaScriptで表示するページでも検索できるようになっているとされているが保証はない
だから検索されたいページ(ブログの記事など)にJavaScriptのフレームワークを使うのは推奨しない
Googleが求めてるのは、利用者が欲しい情報に正しくアクセスできること
だからサイトの作り方でランクを変えるべきではないし、
新しい技術を使っているからといってランクを上げたりはしない
ランクを変えるとしたらページがどれだけ早く(快適に)表示できるかだが
単純なHTMLページの速さに勝るものはない
jQueryを使う場合はJavaScriptオフでも、HTMLの文章自体は見れるわけで
Googleの求めているものに一番理想的
むしろSPAの方が本当に検索できるか?を常に意識しないといけない。URL設計は特に大事
JavaScriptで表示するページでも検索できるようになっているとされているが保証はない
だから検索されたいページ(ブログの記事など)にJavaScriptのフレームワークを使うのは推奨しない
367デフォルトの名無しさん
2020/05/30(土) 21:52:11.19ID:JOE68Vvm >>365
そういうこと。ウェブページは全体で一つのものを構成してるのだから
小さいコンポーネントに分けるのが難しい。
ここだけでしか使わないようなものがたくさん生まれる。
どんなに事前に設計しても、あとからあいてるこの空間に入れればいいと
その時の都合で当初の設計にないものが追加される
そういうこと。ウェブページは全体で一つのものを構成してるのだから
小さいコンポーネントに分けるのが難しい。
ここだけでしか使わないようなものがたくさん生まれる。
どんなに事前に設計しても、あとからあいてるこの空間に入れればいいと
その時の都合で当初の設計にないものが追加される
368デフォルトの名無しさん
2020/05/30(土) 21:55:32.30ID:JOE68Vvm 俺は最初から言ってるんだが、脱jQueryなんてありえなかったんだよ
脱jQueryを目的とするな。今問題が起きてないならjQueryから変えるのは新たな問題を発生させるだけ。
jQueryで困ってる場合(通常ウェブアプリ)はもともとjQueryを使うという方針が間違っていただけ。
それは"脱"jQueryという今まで使っていたjQueryはもう古いからやめましょうではなく
目的に応じた適切な技術を使いましょうという話でしかなかった
脱jQueryを目的とするな。今問題が起きてないならjQueryから変えるのは新たな問題を発生させるだけ。
jQueryで困ってる場合(通常ウェブアプリ)はもともとjQueryを使うという方針が間違っていただけ。
それは"脱"jQueryという今まで使っていたjQueryはもう古いからやめましょうではなく
目的に応じた適切な技術を使いましょうという話でしかなかった
369デフォルトの名無しさん
2020/05/30(土) 22:33:41.92ID:ci8WeWyx bootstrap5楽しみだね
370デフォルトの名無しさん
2020/05/30(土) 22:47:55.31ID:JOE68Vvm >>369
せやね。bootstrap5はjQueryを使ってないけど、vueもreactもangularも使ってない
だからフレームワークのシェアが増えることはないけど
もしかしたらjQueryのシェアが減ってライブラリ使用なしが増えるかもしれないね
まあそんなことはなかった。jQuery使ってたとわかるのが楽しみだw
せやね。bootstrap5はjQueryを使ってないけど、vueもreactもangularも使ってない
だからフレームワークのシェアが増えることはないけど
もしかしたらjQueryのシェアが減ってライブラリ使用なしが増えるかもしれないね
まあそんなことはなかった。jQuery使ってたとわかるのが楽しみだw
371デフォルトの名無しさん
2020/05/30(土) 22:50:51.02ID:CCf2X36A 個人的にはjQuery、Vue.js→Webサイト向け
React、Angular→Webシステム向け
だと勝手に思ってる
React、Angular→Webシステム向け
だと勝手に思ってる
372デフォルトの名無しさん
2020/05/31(日) 02:36:06.59ID:e5GrMoxK vueはリアルdomを作る前に
仮想domを作って効率よく差分するから
早いんだっけ。だからjqueryを使うとその効果が失われる。
だからvueの中に
jqueryを混ぜると仮想domの特性を
活かせないから辞めた方がいい。しかし参考書の多くは
リアルdom 構築後のソリューションが多く掲載してる。
結果、真面目に教本に
沿って学習すると多くのロスが生まれる。悪循環が
生まれて半年どころの学習時間では済まなくなる。
仮想domを作って効率よく差分するから
早いんだっけ。だからjqueryを使うとその効果が失われる。
だからvueの中に
jqueryを混ぜると仮想domの特性を
活かせないから辞めた方がいい。しかし参考書の多くは
リアルdom 構築後のソリューションが多く掲載してる。
結果、真面目に教本に
沿って学習すると多くのロスが生まれる。悪循環が
生まれて半年どころの学習時間では済まなくなる。
373デフォルトの名無しさん
2020/05/31(日) 02:37:27.64ID:e5GrMoxK >>372
文章の組み立てが下手でスマソ
文章の組み立てが下手でスマソ
374デフォルトの名無しさん
2020/05/31(日) 05:04:14.93ID:JRHRMyge >>372
> vueはリアルdomを作る前に
> 仮想domを作って効率よく差分するから
> 早いんだっけ。だからjqueryを使うとその効果が失われる。
それは論点をすり替えている。実際の所jQueryの方が速い。
なぜかと言うと仮想DOMを作って差分をだして、
結局その差分をリアルDOMに適用するわけだから、速くなるわけがない。
仮想DOMが速いというのは
1. まずページ全体のDOMを書き換えることとする。(jQueryで普通はしない)
2. ページ全体のDOMを書き方たら遅いではないか!(自分にツッコミかよ)
3. ページ全体のDOMを書き換えるけどそれは実は仮想DOMで速いんだ
4. そうやって差分で必要なとこだけDOMを書き換えるから速いんだ。
ページ全体のDOMを書き換えるなどという愚かな発想をし
その愚かな発想よりも速いと言っているだけ。つまりマッチポンプ
jQueryを使って普通に作るなら、最初から必要なところだけ
DOMを書き換えるので最初から速い。差分計算処理も不要。
このページ全体を書き換えるという発想は、もともとデスクトップアプリケーションや
ゲームの発想。デスクトップアプリケーションやゲームでも全体を書き換えると
遅くなるから必要なところだけ書き換えるというのはよく行われてきた
それをウェブに持ち込んだからこんな物ができてしまった。
もともとウェブでは必要なところしか書き換えないし、デザインはCSSで
制御するのが普通だからDOM操作も最小限になる。
それをやらずにDOM操作でデザインを実装しようとしたから
遅くなる方法を打ち消す仮想DOMなんてのが必要になった
> vueはリアルdomを作る前に
> 仮想domを作って効率よく差分するから
> 早いんだっけ。だからjqueryを使うとその効果が失われる。
それは論点をすり替えている。実際の所jQueryの方が速い。
なぜかと言うと仮想DOMを作って差分をだして、
結局その差分をリアルDOMに適用するわけだから、速くなるわけがない。
仮想DOMが速いというのは
1. まずページ全体のDOMを書き換えることとする。(jQueryで普通はしない)
2. ページ全体のDOMを書き方たら遅いではないか!(自分にツッコミかよ)
3. ページ全体のDOMを書き換えるけどそれは実は仮想DOMで速いんだ
4. そうやって差分で必要なとこだけDOMを書き換えるから速いんだ。
ページ全体のDOMを書き換えるなどという愚かな発想をし
その愚かな発想よりも速いと言っているだけ。つまりマッチポンプ
jQueryを使って普通に作るなら、最初から必要なところだけ
DOMを書き換えるので最初から速い。差分計算処理も不要。
このページ全体を書き換えるという発想は、もともとデスクトップアプリケーションや
ゲームの発想。デスクトップアプリケーションやゲームでも全体を書き換えると
遅くなるから必要なところだけ書き換えるというのはよく行われてきた
それをウェブに持ち込んだからこんな物ができてしまった。
もともとウェブでは必要なところしか書き換えないし、デザインはCSSで
制御するのが普通だからDOM操作も最小限になる。
それをやらずにDOM操作でデザインを実装しようとしたから
遅くなる方法を打ち消す仮想DOMなんてのが必要になった
375デフォルトの名無しさん
2020/05/31(日) 05:26:17.06ID:OM55fPsS そもそも速度のためにこれらのフレームワークができたわけじゃないし…
規模が大きくなってジェイ・クエリーとかで直接DOM操作するのが管理しきれなくなったからでしょ
規模が大きくなってジェイ・クエリーとかで直接DOM操作するのが管理しきれなくなったからでしょ
376デフォルトの名無しさん
2020/05/31(日) 07:42:19.68ID:TFlNfav4 未だにCOBOL最高って言ってるおっさんみたいだな
377デフォルトの名無しさん
2020/05/31(日) 09:42:21.10ID:o76pWhWL jqueryも仮想DOMも、ページ全体の構築後は一部だけ書き換え
どこから全体が出てくるんだ?
全体書き換えってことはページ遷移ってことだよな?
それならReactやvueのほうが圧倒的に速いんだけど?
どこから全体が出てくるんだ?
全体書き換えってことはページ遷移ってことだよな?
それならReactやvueのほうが圧倒的に速いんだけど?
378デフォルトの名無しさん
2020/05/31(日) 10:10:06.97ID:FFfnQQzy 速度の為ってより構造化の為に使うもんなんやない?
379デフォルトの名無しさん
2020/05/31(日) 11:40:21.71ID:PGtiFJnl >>374
結局、vueにjQueryを混ぜると遅くなるの?
結局、vueにjQueryを混ぜると遅くなるの?
380デフォルトの名無しさん
2020/05/31(日) 11:43:49.13ID:JRHRMyge381デフォルトの名無しさん
2020/05/31(日) 11:47:50.50ID:JRHRMyge >>375
そういうこと。なのに仮想DOMはリアルDOM "を全画面書き換える" より速いが
仮想DOMはリアルDOMより速いとかよく勘違いされてる
仮想DOMだけ書き換えても、リアルDOMには反映されない
仮想DOMからリアルDOMを書き換えるのと
jQueryでリアルDOMを書き換えるのは同じ
そういうこと。なのに仮想DOMはリアルDOM "を全画面書き換える" より速いが
仮想DOMはリアルDOMより速いとかよく勘違いされてる
仮想DOMだけ書き換えても、リアルDOMには反映されない
仮想DOMからリアルDOMを書き換えるのと
jQueryでリアルDOMを書き換えるのは同じ
382デフォルトの名無しさん
2020/05/31(日) 11:55:31.24ID:o76pWhWL383デフォルトの名無しさん
2020/05/31(日) 11:58:01.25ID:JRHRMyge >>377
> jqueryも仮想DOMも、ページ全体の構築後は一部だけ書き換え
> どこから全体が出てくるんだ?
ブラウザが持ってるリアルDOMとは別に
JavaScriptのメモリ内に同じ情報を仮想DOMとして持っている
そして仮想DOM伝導師いわく
「仮想DOMの情報をリアルDOMに完全に同期させるんです。
遅いと思った?思ったでしょう?でも差分をとってそこだけ反映させるから
遅くならないんです。仮想DOMの書き換えはリアルDOMより速いんです」
と言葉巧みに、仮想DOMからリアルDOMへ反映のコストを隠しつつ
仮想DOMの書き換えのみが速いと誤解させるようなことを言っている。
> 全体書き換えってことはページ遷移ってことだよな?
> それならReactやvueのほうが圧倒的に速いんだけど?
ページ遷移するな。History APIを使ってページ遷移してるように見せかけて
jQueryで一部分だけ書き換えればReactやvueよりも速い。
Railsに標準で組み込まれてるturbolinks(+jQuery)がこの仕組み
> jqueryも仮想DOMも、ページ全体の構築後は一部だけ書き換え
> どこから全体が出てくるんだ?
ブラウザが持ってるリアルDOMとは別に
JavaScriptのメモリ内に同じ情報を仮想DOMとして持っている
そして仮想DOM伝導師いわく
「仮想DOMの情報をリアルDOMに完全に同期させるんです。
遅いと思った?思ったでしょう?でも差分をとってそこだけ反映させるから
遅くならないんです。仮想DOMの書き換えはリアルDOMより速いんです」
と言葉巧みに、仮想DOMからリアルDOMへ反映のコストを隠しつつ
仮想DOMの書き換えのみが速いと誤解させるようなことを言っている。
> 全体書き換えってことはページ遷移ってことだよな?
> それならReactやvueのほうが圧倒的に速いんだけど?
ページ遷移するな。History APIを使ってページ遷移してるように見せかけて
jQueryで一部分だけ書き換えればReactやvueよりも速い。
Railsに標準で組み込まれてるturbolinks(+jQuery)がこの仕組み
384デフォルトの名無しさん
2020/05/31(日) 11:59:50.32ID:JRHRMyge385デフォルトの名無しさん
2020/05/31(日) 12:41:37.02ID:k/fS2Kff Ruby 君かな
386デフォルトの名無しさん
2020/05/31(日) 12:43:35.72ID:JRHRMyge >>385
ちげーよ
ちげーよ
387デフォルトの名無しさん
2020/05/31(日) 12:47:08.02ID:o76pWhWL388デフォルトの名無しさん
2020/05/31(日) 12:50:05.93ID:JRHRMyge なぜかJavaScriptの話ではなく「俺」の話にすり替わってるw
389デフォルトの名無しさん
2020/05/31(日) 12:50:33.12ID:pH0zoOzG turbolinksがSPAって初めて聞いた
390デフォルトの名無しさん
2020/05/31(日) 12:56:44.85ID:FFfnQQzy391デフォルトの名無しさん
2020/05/31(日) 12:59:27.17ID:FFfnQQzy 単純に言って混ぜるとソースが汚くなるのと
タイミング問題が起こった時に分け分からんくなるってくらいだろ
タイミング問題が起こった時に分け分からんくなるってくらいだろ
392デフォルトの名無しさん
2020/05/31(日) 13:05:49.62ID:5WJ7AaAn 判った。jqueryは
あんま良くないけど、vue.jsと一緒に
使うと爆速になるってことね。
あんま良くないけど、vue.jsと一緒に
使うと爆速になるってことね。
393デフォルトの名無しさん
2020/05/31(日) 13:11:27.49ID:JRHRMyge >>389
あれ使い方間違ってる人多いからね。
JavaScriptが発動しないといかって無効にする人
turbolinksはjQueryとの相性が良くて
最初にサイトを表示したときに全てのJavaScriptコードを読み込んで
あとはすべての要素が動的に増減する(無くなることもある)という前提で使うもの
jQueryはすべての要素を0以上の要素郡として操作するので非常に相性がいい
あれ使い方間違ってる人多いからね。
JavaScriptが発動しないといかって無効にする人
turbolinksはjQueryとの相性が良くて
最初にサイトを表示したときに全てのJavaScriptコードを読み込んで
あとはすべての要素が動的に増減する(無くなることもある)という前提で使うもの
jQueryはすべての要素を0以上の要素郡として操作するので非常に相性がいい
394デフォルトの名無しさん
2020/05/31(日) 14:22:35.36ID:lymCwRQ/ あれだ、「コンパイラの最適化がどんなに賢くなってもアセンブラには敵わない」とかいうのと同じ。
395デフォルトの名無しさん
2020/05/31(日) 14:31:17.31ID:JRHRMyge396デフォルトの名無しさん
2020/05/31(日) 15:01:48.16ID:PGtiFJnl 無知ですまんのだが、リアルDOMでも仮想DOMでも最終的にはひとつのテキストファイル(html)になってブラウザが読み込んでレンダリングするってのは変わらないわけだよね。
リアルDOMと仮想DOMではその最終処理に向かう途中のどこに違いが生じるの?
リアルDOMと仮想DOMではその最終処理に向かう途中のどこに違いが生じるの?
397デフォルトの名無しさん
2020/05/31(日) 15:11:00.06ID:JRHRMyge >>396
その通り。テキストファイルになるわけじゃないけど
仮想DOMは速いとかいうビジネストークを無視すれば話は簡単
仮想DOMはJavaScriptのオブジェクトでしかないので
ブラウザを使わなくてもユニットテストがしやすいというのがメリット
リアルDOMの状態は気にせずJavaScriptオブジェクトをテストするだけ
そしてユニットテストがブラウザに依存しなくなる
(ただしJavaScriptのオブジェクトからリアルDOMへの変換は
フレームワークがしっかりとテストしているはずという前提を受け入れる必要がある)
ユニットテストの場合に限ればリアルDOMを使わない仮想DOMの方が速いが
実際の製品では仮想DOMを使うので速くはならない
速度うんぬんではなく、テストをしやすくするためにリアルDOMから仮想DOMへデータを分離している
その通り。テキストファイルになるわけじゃないけど
仮想DOMは速いとかいうビジネストークを無視すれば話は簡単
仮想DOMはJavaScriptのオブジェクトでしかないので
ブラウザを使わなくてもユニットテストがしやすいというのがメリット
リアルDOMの状態は気にせずJavaScriptオブジェクトをテストするだけ
そしてユニットテストがブラウザに依存しなくなる
(ただしJavaScriptのオブジェクトからリアルDOMへの変換は
フレームワークがしっかりとテストしているはずという前提を受け入れる必要がある)
ユニットテストの場合に限ればリアルDOMを使わない仮想DOMの方が速いが
実際の製品では仮想DOMを使うので速くはならない
速度うんぬんではなく、テストをしやすくするためにリアルDOMから仮想DOMへデータを分離している
398デフォルトの名無しさん
2020/05/31(日) 15:14:27.24ID:JRHRMyge 大規模なものを作るときは、小さいパーツに分けないとテストが困難になる。
大規模なものを大規模なままテストするのは難しい
その結果フレームワークでは、小さいパーツがたくさんできる。
それは素晴らしいことだと思うかもしれないが、
どんなものでも小さいパーツを作ればいいって話ではない
小さいパーツを作れば作るほどパーツを組み合わせるための処理、
インターフェースが増えてコードが膨れ上がる
ウェブサイトのような小さいシステムでは
逆にコストが掛かることになるんだよ。
そういう見極めができない人が、脱jQueryなどと叫んで
小さいシステムなのにフレームワークを採用して逆にコストを増大させている
大規模なものを大規模なままテストするのは難しい
その結果フレームワークでは、小さいパーツがたくさんできる。
それは素晴らしいことだと思うかもしれないが、
どんなものでも小さいパーツを作ればいいって話ではない
小さいパーツを作れば作るほどパーツを組み合わせるための処理、
インターフェースが増えてコードが膨れ上がる
ウェブサイトのような小さいシステムでは
逆にコストが掛かることになるんだよ。
そういう見極めができない人が、脱jQueryなどと叫んで
小さいシステムなのにフレームワークを採用して逆にコストを増大させている
399デフォルトの名無しさん
2020/05/31(日) 15:17:00.98ID:JRHRMyge 作るものによって使う技術を変えるべきなのに
それができないエセ技術者が多い
新しい技術を知ったら何でもそれでやろうとする。
それができないエセ技術者が多い
新しい技術を知ったら何でもそれでやろうとする。
400デフォルトの名無しさん
2020/05/31(日) 15:34:07.62ID:lymCwRQ/401デフォルトの名無しさん
2020/05/31(日) 15:34:50.72ID:PGtiFJnl >>397
ありがとうございます、すごくわかりやすくて腑に落ちました。
ありがとうございます、すごくわかりやすくて腑に落ちました。
402デフォルトの名無しさん
2020/05/31(日) 16:02:47.28ID:o76pWhWL こいつは昔からいるゴミカスjqueryジジイでどこでも仮想DOMに噛み付く気持ちわりい粘着野郎
403デフォルトの名無しさん
2020/05/31(日) 16:12:18.94ID:JRHRMyge JavaScriptの話ができないやつは「俺」の話をしてしまうw
404デフォルトの名無しさん
2020/05/31(日) 16:23:27.31ID:FFfnQQzy >>396
tar zxvfで解凍するかtar zxfで解凍するかの違いとか想像してみるのはどうだい?
tar zxvfで解凍するかtar zxfで解凍するかの違いとか想像してみるのはどうだい?
■ このスレッドは過去ログ倉庫に格納されています
ニュース
- 【無言】中国怒らせた高市首相→1週間だんまり、国民に実害も説明なし 中国問題を避けてスルー… ★5 [BFU★]
- 「日本はパンダがいなくなる状況に直面するだろう」 中国メディア、専門家の見方伝える [♪♪♪★]
- 止まらぬ「日本売り」 高市財政への懸念で進む金利上昇と円安 ★2 [蚤の市★]
- ネット殺到「高市総理の責任」「完全に高市リスク」「負けるな」中国が水産物輸入停止→流石に総理批判の声も「どう責任取る?」 ★11 [樽悶★]
- 【福岡】ミカンの木に逆さ吊りになっていた高齢の男性が死亡 [雑用縞工作★]
- ネット殺到「高市総理の責任」「完全に高市リスク」「負けるな」中国が水産物輸入停止→流石に総理批判の声も「どう責任取る?」 ★12 [樽悶★]
- コンビニ店長、ついにキレる「なんであなた達にトイレを貸さないといけないんですか?私達はトイレレンタル業ではありません」 [329329848]
- 【高市悲報】大暴落 [115996789]
- 🏡
- 教育ママゴン「うちの子はしんちゃんや特撮、リゼロは見せません。ジブリやディズニーとかしか見させません」こゆのって実際どうなん? [257926174]
- 力を解放していいかな?
- 【速報】東京から人が消える [329329848]
