のくす牧場
コンテンツ
牧場内検索
カウンタ
総計:127,624,517人
昨日:no data人
今日:
最近の注目
人気の最安値情報

私的良スレ書庫

不明な単語は2ch用語を / 要望・削除依頼は掲示板へ。不適切な画像報告もこちらへどうぞ。 / 管理情報はtwitter
ログインするとレス評価できます。 登録ユーザには一部の画像が表示されますので、問題のある画像や記述を含むレスに「禁」ボタンを押してください。

元スレ+ JavaScript の質問用スレッド vol.132 +

JavaScript スレッド一覧へ / JavaScript とは? / 携帯版 / dat(gz)で取得 / トップメニュー
スレッド評価: スレッド評価について
みんなの評価 :
タグ : 追加: タグについて ※前スレ・次スレは、スレ番号だけ登録。駄スレにはタグつけず、スレ評価を。荒らしタグにはタグで対抗せず、タグ減点を。
レスフィルター : (試験中)
←前へ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 次へ→ / 要望・削除依頼は掲示板へ / 管理情報はtwitter
601 : Name_Not - 2018/03/26(月) 22:22:01.35 ID:???.net (+31,-30,-23)
element.classList.add() / element.classList.remove() のことか?
602 : Name_Not - 2018/03/26(月) 22:26:43.20 ID:???.net (+130,+29,-53)
>>601
ん?あったんですか?
メソッドも揃ってるなら、そろそろ脱jQueryしてみてもいい時期なのかもしれませんね
603 : Name_Not - 2018/03/26(月) 22:55:38.34 ID:???.net (+65,+29,+0)
>>602
何でも揃ってるよ
604 : Name_Not - 2018/03/26(月) 22:58:10.99 ID:???.net (+52,+29,-4)
揃える髪も無いくせに・・・
605 : Name_Not - 2018/03/26(月) 23:20:28.85 ID:???.net (+57,+29,-46)
ちょっと前に
子ノードに探してるものがあるかどうかのチェックの質問あって
forで探せよっておこられてたけど
あれもメソッドがあるw
606 : Name_Not - 2018/03/26(月) 23:41:50.54 ID:???.net (-1,-29,-21)
その流れは知らんけど既に目当てのnodeが参照できているなら
Node#contains() で結果をbooleanで取れる
607 : Name_Not - 2018/03/26(月) 23:43:57.91 ID:???.net (-1,-29,-5)
classListなんてIE10から既に対応しているという
608 : Name_Not - 2018/03/27(火) 00:14:28.24 ID:???.net (+113,+30,+0)
>>602
> メソッドも揃ってるなら、そろそろ脱jQueryしてみてもいい時期なのかもしれませんね
脱jQueryを目的としている時点でjQueryは使い続けられることが
容易に想像できるよな。手段が目的になってるわけだから

残念ながらDOM APIにあるのはjQueryのサブセットだ
更に言うならば事あるごとにループが必要でjQueryのような
簡潔な記述は到底不可能だ

DOM APIが勝っているのは、実行速度と初回ダウンロードサイズだが
実行速度はマシンスペックの高さでスマホでも問題になってないし
ダウンロードサイズはCDNを使うことで他のサイトのキャシュが活かせる
そうなるとライブラリを使わないほうが記述量は増えるので
現実的にはjQueryを使ったほうがサイズが減ることも多い
609 : Name_Not - 2018/03/27(火) 00:27:15.02 ID:???.net (+57,+29,-42)
ところでCDN使うってことは
CDNにどこからのアクセスかリファラでバレてしまうってことだよね?
610 : Name_Not - 2018/03/27(火) 00:28:46.08 ID:???.net (+106,+27,-12)
>>608
各サイトでバージョンバラッッバラなんだが…
加えてminじゃない奴使ってるクソサイトまで…
611 : Name_Not - 2018/03/27(火) 00:43:26.53 ID:???.net (+77,+29,-73)
>>610
バラバラでも無限にあるわけじゃないしw

それから自分のサイトから配信するよりもCDNを使ったほうが高速で、
自分のサイトのトラフィックを減らすという効果もある
全部自分で書くと、その分自分のサイトで配信する量が増えてしまうが
jQueryにそれを逃してやると、減らせるわけさ
612 : Name_Not - 2018/03/27(火) 01:20:29.62 ID:???.net (+57,+29,-84)
イベントリスナの掃除とかまで考えると
もうjQuery使えばいいじゃんってなりますね
jQueryを使わなくなるのは、jQueryの代わりをしてくれるライブラリやフレームワークを使う時なのかも
613 : Name_Not - 2018/03/27(火) 01:21:39.84 ID:???.net (+52,+29,-1)
リスナの掃除・・・?
614 : Name_Not - 2018/03/27(火) 04:36:38.15 ID:???.net (+4,-29,-13)
>>592-598
JavaScript, jQuery で作れる
615 : Name_Not - 2018/03/27(火) 05:08:35.51 ID:???.net (+76,+28,-49)
>>597
あるよ
jQueryは機能の拡充ではなくて基盤から提供し直す
ライブラリというよりフレームワークに近いものだから
617 : Name_Not - 2018/03/27(火) 08:08:50.08 ID:???.net (+14,-28,-100)
>>615
> ライブラリというよりフレームワークに近いものだから
プログラマが書いたコードから呼び出すのがライブラリ
プログラマが書いたコードを呼び出すのがフレームワーク
jQueryはどうみてもライブラリだ
618 : Name_Not - 2018/03/27(火) 17:39:41.98 ID:???.net (+13,-14,-17)
そもそもjQueryを使うデメリットってありますか?
619 : Name_Not - 2018/03/27(火) 18:48:03.66 ID:???.net (+112,+29,-178)
もちろん仮想DOM勢には劣るものの大抵のサイトの規模ならDOM操作の保守性は少し上がるかな。ただ一ヵ所二ヵ所くらいしかDOM操作しないのに導入するとたったそれだけのためにjQueryという巨大コードのパースが完了するまで待たされる。容量も増える。
一ヵ所二ヵ所くらいならDOMAPIで書けやと思うじゃん。
ところがあいつら書かないんじゃなくて書けないんだよな。
調べる気もなし。
強いていうならそういうゴミを量産してしまうのがデメリット。
620 : Name_Not - 2018/03/27(火) 18:54:39.97 ID:???.net (+91,+29,-7)
労力と生産性
人生には限りがある
時間を大切にね
621 : Name_Not - 2018/03/27(火) 18:59:08.66 ID:???.net (+36,-30,-52)
forループ内でsetTimeout書いてsetTimeoutの中の処理がおわったら次のループに行くようにしたいんだけど
どうすればいいのでしょう?

for () {
for () { setTimeout() }
}
な感じです。
622 : Name_Not - 2018/03/27(火) 19:53:07.24 ID:???.net (-1,-29,-36)
promiseとreduceを使え。
setTimeoutのコールバックのケツでresolveしろ
623 : Name_Not - 2018/03/27(火) 21:12:51.30 ID:???.net (+69,+29,-19)
>>620
jQueryを導入する無駄な時間を大切にね
624 : Name_Not - 2018/03/27(火) 21:30:52.09 ID:???.net (+16,-29,-231)
>>619
> もちろん仮想DOM勢には劣るものの大抵のサイトの規模ならDOM操作の保守性は少し上がるかな。ただ一ヵ所二ヵ所くらいしかDOM操作しないのに導入するとたったそれだけのためにjQueryという巨大コードのパースが完了するまで待たされる。容量も増える。

はっきり書いておきましょう。

ただ一ヵ所二ヵ所くらいしかDOM操作しないのに
"仮想DOM" を導入すると
多数のJavaScriptファイルを読み込んだ上に
HTMLを大きく書き換えないといけないから
仮想DOM勢、つまりReactは導入されないんですよ
625 : Name_Not - 2018/03/27(火) 21:32:50.33 ID:???.net (+0,-30,+0)
ついでに仮想DOMが敗北したという話を見つけたので書いておきますね

http://html5experts.jp/shumpei-shiraishi/21754/

> laco しかし、仮想DOMは速かったけど、Angularも追いついちゃいましたね。
> しかも仮想DOMなしで。結局仮想DOMってどうだったのかなあ…と。
> 「ポイント、そこじゃなくない?」っていう(笑)。 (筆者注: ここ、lacoさんがイベントを盛り上げるため煽ってくれてます)
>
> koba04 まあ、仮想DOMだからこそ、ただの関数みたいな形でコンポーネントを簡単に作れるようになったので…。
>
> laco でも、最近Pure Componentって入ったじゃないですか。Shallow Rendererとか。
> あれってどうなんですか?この間ものすごく疑問に思って。Pure Componentにすると、
> オブジェクトの状態を自動で見て、自動で変更検知してくれるってやつですよね。 あれって、Reactがやりたかったことなんですか?
>
> koba04 あれは、オブジェクトツリーがでかくなると仮想DOM比較のコストもバカにならないので、
> その比較すらも飛ばしたい時に使うっていう感じです。
>
> laco 仮想DOMのアルゴリズムが敗北したってことじゃないですか?(笑)
>
> shumpei 煽る煽る(笑)。
>
> koba04 基本的にはそこまで必要とするものでもなくて、よっぽどパフォーマンスが求められる場面で使われるものかなと思っています。
>
> yosuke_furukawa ぼくとしては、パフォーマンスのチューニングポイントが増えたって話だと思ってます。
> 仮想DOMの敗北については、次のサーバーサイドレンダリングでぼくが話をするんで、まあここはこれくらいでいいんじゃないかなと(笑)。
626 : Name_Not - 2018/03/27(火) 21:36:02.53 ID:???.net (+57,+29,-8)
・一度使い出したら全部作り直す覚悟がないと使うのをやめられない
・そんなん要りません
627 : Name_Not - 2018/03/27(火) 21:44:19.01 ID:???.net (+41,-29,-99)
>>624
日本語読めないのかなw
>>619が言ってるのは一ヵ所二ヵ所のDOM操作はノー仮想DOMノーjQuery、Yes生DOMAPIだよ?w
藁人形論法かな?w
628 : Name_Not - 2018/03/27(火) 22:11:21.74 ID:???.net (+61,+28,-7)
>>621
Promiseで包んでawaitで待てばそれっぽいのは出来るけど
あくまでもそれっぽいでしかない
http://jsfiddle.net/ug62rr01/1/
629 : Name_Not - 2018/03/27(火) 22:17:31.98 ID:???.net (+44,+16,-71)
ajax依存のサイトのアクセス解析って一体どうやってるの?
630 : Name_Not - 2018/03/27(火) 22:33:14.36 ID:???.net (+109,+29,-93)
>>627
アホがw そんなことわかってるわ

>>619が一箇所二箇所しかDOM操作をしないなんて
実際にはありえない例を持ち出してきたから、

一箇所二箇所しか使わないのが世の中にありふれてるんじゃなぁ
仮想DOMなんて流行りませんわなwww
っていう皮肉言ってんだろうが
631 : Name_Not - 2018/03/27(火) 22:33:26.62 ID:???.net (+91,+29,-39)
生jsで書くのってそんな面倒臭い?
設計段階に比べたら時間も労力も全然かからないから
気になったことがないんだけど
632 : Name_Not - 2018/03/27(火) 22:38:29.52 ID:???.net (+10,-26,-2)
IEのどのバージョンまで対象にするかによる
633 : Name_Not - 2018/03/27(火) 22:40:10.64 ID:???.net (+104,+29,-46)
>>631
面倒くさい。特に同じ要素が複数あったら嫌になる。
書くのも面倒だし読むのも面倒
本質ではない処理が大半を締め、あれじゃバグはなくならないと思う
関数型言語を勉強すると良いよ
634 : Name_Not - 2018/03/27(火) 22:41:00.51 ID:???.net (+106,+29,-74)
>>630
流行る流行らないじゃなく一ヵ所二ヵ所のDOM操作ならjQueryだろうが仮想DOMだろうが等しく無駄。無能の証明。
ゴキブリ潰すのに戦車がないと戦えませんと言って泣いているようなもの。
635 : Name_Not - 2018/03/27(火) 22:43:02.60 ID:???.net (+96,+29,-135)
DOM APIが基本的に手続き型の構造をしているのが問題
一行ずつ処理を眺めていないと最終的な結果がわからない

それに対してjQueryだとコードが宣言的になる。
「なになに(セレクタ)は、こうだ」という風に宣言的に書けるから
状態を気にしなくて良くなる。

それはCSSの書き方と違い。(CSSも宣言的な言語)
636 : Name_Not - 2018/03/27(火) 22:43:51.97 ID:???.net (+72,+29,-30)
>>634
> ゴキブリ潰すのに戦車がないと戦えませんと言って泣いているようなもの。

ゴキブリ潰すのにはスリッパ(jQuery)で十分戦えますよ?
例えが変ですねw
637 : Name_Not - 2018/03/27(火) 22:46:16.00 ID:???.net (+78,+29,-16)
>>633
同じ要素が複数で面倒って意味がわからない
腕が悪いやつのHTML設計で苦労させられてる感じ?
638 : Name_Not - 2018/03/27(火) 22:47:29.68 ID:???.net (+9,-20,-7)
>>632
IE9とIE9以前が対象に入ることがなくなってきた
平和でいいわ
639 : Name_Not - 2018/03/27(火) 22:49:08.18 ID:???.net (+107,+29,-66)
>>635
DOMガチャガチャいじらなきゃならない場合結局DOMの初期状態から操作ごとにどのようにDOMが変化するか実行順に追ってかないとセレクトスカるが…
操作対象全要素にidふってあれば別だが。
640 : Name_Not - 2018/03/27(火) 22:50:17.23 ID:???.net (+47,-30,-187)
>>637
普通コンポーネント的に設計しますよね?
例えば画面上にJavaScriptで拡張された入力フィールドが複数あるとか

jQueryを使うと一つだけでも複数あっても
まったく同じ書き方ができます。

それはCSSと同じなんですよ。

.klass { color: red } とすると
class=klassである要素が全て赤になります。
同等のことをjQueryで書くと
$('.klass).css({color: 'red'}) です。
CSSと文法が少し違うだけと考えられます。

でもDOM APIじゃこうは行きません
641 : Name_Not - 2018/03/27(火) 22:51:14.95 ID:???.net (+77,+29,-111)
>>639
> DOMガチャガチャいじらなきゃならない場合結局DOMの初期状態から操作ごとにどのようにDOMが変化するか実行順に追ってかないとセレクトスカるが…

そういう書き方になっちゃうからDOM APIはだめなんですね。
バグが減らないといったのはそういうことです。
642 : Name_Not - 2018/03/27(火) 22:52:13.51 ID:???.net (+48,+25,-17)
いやjQueryの話だよ。
643 : Name_Not - 2018/03/27(火) 22:52:56.53 ID:???.net (+57,+29,-62)
DOM APIの話でしょ? 同じことをDOM APIですると
もっとひどいことになるんですからw
644 : Name_Not - 2018/03/27(火) 22:55:04.93 ID:???.net (+98,+29,-45)
>>640
それこそ意味がわからない
同じイベントハンドラ関数を適用すれば良いのでは
上位層でまとめて面倒みてもいいし
処理が少し違うだけなら大部分を再利用可能に作ればいいし
645 : Name_Not - 2018/03/27(火) 22:55:46.87 ID:???.net (+94,+29,-63)
いや、jQuery。
DOMを操作するんだから操作前と操作後でDOMが変化するのは変わらん。
その状態にあったセレクタ書くには結局上から見てくしかない。
646 : Name_Not - 2018/03/27(火) 22:56:55.06 ID:???.net (+104,+29,-12)
>>644
> 同じイベントハンドラ関数を適用すれば良いのでは
今はイベントハンドラの話なんかしてませんが?
647 : Name_Not - 2018/03/27(火) 22:58:47.17 ID:???.net (+78,+29,-30)
>>646
じゃあ「例えば画面上にJavaScriptで拡張された入力フィールドが複数あるとか」のところを
もっと具体的に話してもらえないかな
どんな状況で何がどう面倒なのか全然わからない
648 : Name_Not - 2018/03/27(火) 23:00:05.07 ID:???.net (+109,+29,-251)
>>645
> DOMを操作するんだから操作前と操作後でDOMが変化するのは変わらん。

それが間違った使い方。DOMを操作するとメンテナンス性が下がる
DOMは基本操作してはいけない。見た目を変えたいならそれはCSSでやるべきこと
見た目はCSSというのは、なんども言われてる話だろ

CSSで変えるのだから、ウェブデザイナが手動でclassを変更することで
JavaScriptを必要とせずに、状態に応じた見た目を作ることができる。
作業の分担ができる。JavaScriptでやるのは状態(クラス等)を変えるのみ

DOM APIでDOMをガシガシ操作なんかするからバグ減らないんだよ。
649 : Name_Not - 2018/03/27(火) 23:00:47.74 ID:???.net (+17,-30,-89)
ある要素から特定の親の要素取得するのってどうやってやるの?
jQueryでいうところの .parents('.foo') みたいなの
.parent() は .parentNode で取れるけど .parents('.foo') にあたるのはないよね
parentNode でループしながら
if (element.classList.contains('foo')) するしかないのかな
650 : Name_Not - 2018/03/27(火) 23:02:33.65 ID:???.net (+72,+29,-55)
>>648
おいおいjQueryは基本DOM操作のためのライブラリだろ…
DOM操作に使うなってんなら用なしだわ。
←前へ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 次へ→ / 要望・削除依頼は掲示板へ / 管理情報はtwitterで / JavaScript スレッド一覧へ
スレッド評価: スレッド評価について
みんなの評価 :
タグ : 追加: タグについて ※前スレ・次スレは、スレ番号だけ登録。駄スレにはタグつけず、スレ評価を。荒らしタグにはタグで対抗せず、タグ減点を。

類似してるかもしれないスレッド


トップメニューへ / →のくす牧場書庫について